2

Consider a form with service time and lunch time information. And the user can customize the settings for day of the week.

I have two alternatives:

A form for each day of week

A form for each day of week

A form with all days that can be replicated A form with all days that can be replicated

What is the best alternative? How can I improve the form?

1

What is the best alternative?

Use the second alternative, with all days initially selected, and without the 'add other configuration' button.

When the user deselects a day, automatically select that day in the configuration below (creating a new configuration if there is not already one below).

mockup

download bmml source – Wireframes created with Balsamiq Mockups

(also remember to deselect a day if the user selects it in different section)

How can I improve the form?

By using sliders, instead of making the user type in the times. These require much less effort to interact with, and provide a visual indication of the time selected.

mockup

download bmml source

  • 1
    As per my understanding the user should have the flexibility to specify Service + Lunch times for all day of the week. So wondering, how will the user enter the timings for all day except Wednesday (unchecked) in your form 1? – Ramnath Nov 20 '15 at 13:00
  • Perhaps OP can confirm if that is the case? I guess if this is the required scenario, then the user would have to uncheck the second wednesday as well - which is not great. (Best leave the dayless row below as things would get even more fiddly if it were removed). – Paul S Nov 20 '15 at 22:48
  • Well, in my design the user can add or remove rows. – jefersondaniel Nov 23 '15 at 10:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.