New answers tagged time
I think this needs work on making it more obvious on what you should do, but I think this is probably about as efficient as you'll get in terms of clicks. It also should be quicker for the shop keeper to make updates. It's based on how I envisage a shop keeper might write down his time table: M,T,W,F: 8:30 - 18 T: 8 - 12, 13 - 20 S: 10 - 16 S: Closed ...
Here is my solution to collect working times:
Version 2 is visually more appealing and slightly better (because it has better cues about opening days), but I find both designs quite confusing. Design 1 ambiguities: Do the timings apply to all days, or to the day currently selected? Not sure until I try to click one of the days. Until I click another day, no way of telling on which days this store is ...
To be perfectly honest, i think that visual presentation in this case just throws in more confusion than needed. I'd rather rely on good wording than on building slick UI. I'd write something like "open on workdays from 10AM until 8PM, weekends from 10AM until 11PM", or in case the schedule is not simple you could use "Mon, Tue and Fri from 10AM until 8PM, ...
How about something where admins can click/drag the hours for each day. You could provide extra feedback of the actual hours selected during this action.
If you like graphical solutions you may try something like this: Clicking in the stripe below the edit field helps to select the hours without typing them. User may also click and drag, if they like.
Neither of the images are great, but the second is obviously better than the first. You could try using a similar concept to these redesigned Parking Signs I've seen this kind of horizontal design for opening hours on quite a few shops in Belgium (where every shop makes up it's own random set), something like this (sorry, couldn't find an image of it): ...
The second one, but simply because the first one is so bad. The second one has problems of its own: open now has yellow color, currently selected day has yellow color as well, if I were to choose another day in which it is closed the selected day would be yellow again? the open hours and the indication of hours on the bottom are redundant. I need to click ...
Definitely the second one. I like how my eye is drawn to the day of the week right away. I generally agree with the other answers about making the hours more clear - maybe a simple animation to guide your attention to the hours once you choose the day.
After reading the comment thread on dennislees' answer, it seems like we have a table that's trying to do too much. There are two items of interest for the user. - What's the the most recently "delivered" item for each category - What items are scheduled to be "delivered" It'll make sense to break this up into 2 separate tables download bmml source ...
Why make the user click when they don't have to? You could easily show all of the open and closing times for the week, and I don't think it would be information overload as the user will already know what day(s) they're looking for. Here's a rough sketch of what I'm talking about: It simply and elegantly displays what days and times the store is ...
Second one I didnt unerstand the first one at all. But the second one can be improved by saying clearly that it is closed saturday and sunday
I would also prefer the second one. The colors are nicer, the hours during which time the store (or whatever this design is for) is open are more obvious. It is not clear what "Timings: 15:00-00:00" means? Having the "open now" notification does not bother me, it's something that also appears on Google Maps for example (when looking up a certain company, it ...
I prefer the second one for the following reasons: Look more like a calendar compare to the first one which reminds me of a form with radio button. Show clearly the days that are open. As well as the days that are not open. However there are areas that can be improved. Open today vs Open days What is the difference between opening today and open days? ...
Unless you are building a scientific app, people tend to set time in 5-minute increments. Then the picker may look like this:
Top 50 recent answers are included