Tag Info

Hot answers tagged

66

I would go with this kind of UI, reasoning: Users only select the dates that he/she is applying leave for without having to think about first day of leave and first day of work. Leave balance is not displayed on the same screen as it might get too cluttered and might confuse the users. For "leave balance" checking, I would suggest to make it accessible ...


13

I’ve considered the question recently due to travelling and booking hostels. The same problem appears there, since whether you book the night or the day can be confusing indeed. For usability reasons, the left one is a better choice since the user doesn’t have to do the maths. In this case, the best way to help the user is to be clear in the definition of ...


6

The way Airbnb does it is great. When picking you would have the "First day of leave, First day of work" option. And when tapped, the calendar shows in an infinite scroll starting today and onward, in your case you could even color differently the days that don't count as leave days. They mark the leave days in the calendar nicely, even if they start one ...


4

This is very straightforward: you have to use the standard date picker control for each platform as outlined in the appropriate design guide. Here's Android class reference, iOS class reference, and Windows Phone class reference. If you're working on a web app, it's still better to use native date pickers to minimize user confusion and provide a consistent ...


3

Some quick observations: I try to avoid using legends, because they force the user's eye to dart around the page just to understand what boxes mean. The "radio button/circle inside a box" is visually distracting. As a user it isn't clear whether the circle is an indicator or a radio button. Visually, it's a distracting layout because it uses the same ...


1

During my work, I found that most people (including me) like single fields together with a format helper label (_____ DD/MM/YYYY) best. It is easy and fast to type and everyone should get the formatting hint. Plus, it's easy to evaluate and work with afterwards in your program. Bonus: Most mobile devices have the common separators (/,.) present on the ...



Only top voted, non community-wiki answers of a minimum length are eligible