I'm trying to create a UI that relates the timing of a series of events to each other. Each event has a start and end point which can then be related to the start and end points of other events.
After struggling to come up with clear language to label each field, I thought maybe the simplest way to present it would actually be in a sentence.
Something like this: https://jsfiddle.net/tvfwbqwt/
The idea being that the user would dynamically add sets of these for each additional constraint they wish to create.
- Is this a workable idea or a non-starter?
- Is the purpose of each field clear?
- While overall most usage will be by repeat users, the "sentence" concept needs to be obvious to new users. Other than adding a tooltip, what more can I do to make it apparent?
- I'm particularly concerned about how it will translate for mobile users where more than likely the fields will become stacked, making the concept that much harder to see at first.
Any suggestions on a different way of accomplishing this are welcome.