Skip to main content

UX patterns for dates

Generally, users are quite fast at entering dates into input fields rather than selecting one from date picker. One reason why many web applications provide date pickers is that user may not be accurate about what date would it be on next Thursday.

The best approach would be allowing the user to enter/type date, and show a date picker on mouse focus. While using this pattern you have to make sure that the validations are working just fine as the user may enter dates in different formats such as:
01/01/1956
1/1/1956
01/01/56



Date & Time
In many situations date and time is combined together and many designer find a way to implement it in a better way every time. Here are some best ways to implement the date and time controls together:

Display the dates of course where students can apply as per their schedule considering they don't have to select from different months and the time is fixed:











Comments

Post a Comment

Popular posts from this blog

Reasons to run an UX workshop within a team

Running a User Experience (UX) workshop within a team can be highly beneficial for various reasons. UX workshops are collaborative sessions that bring team members together to focus on improving the user experience of a product or service. Here are some compelling reasons to run a UX workshop within your team: 1. Shared Understanding: A workshop can help ensure that all team members have a common understanding of the user's needs, goals, and pain points. This shared understanding is crucial for effective collaboration. 2. Cross-Functional Collaboration: UX workshops often involve members from different departments, such as designers, developers, marketers, and product managers. This cross-functional collaboration fosters diverse perspectives and innovative solutions. 3. User-Centered Focus:  Workshops can help teams better understand user needs, pain points, and preferences. By prioritizing the user experience, you increase the likelihood of creating a product that meets customer...
Post a Comment
Read more

Design Proposal: A Comprehensive Banking Payments App

Understanding the User and Business Goals User Goals: Convenience: Easy access to accounts and seamless transaction processing. Security: Robust security measures to protect financial information. Insights: Clear financial overview and personalized insights. Support: Reliable customer support channels. Business Goals: Customer Acquisition: Attract new customers and increase market share. Customer Retention: Improve customer satisfaction and loyalty. Revenue Generation: Increase transaction volume and fee income. Operational Efficiency: Streamline processes and reduce costs. UX Design Principles Simplicity: Clean, intuitive interface with minimal clutter. Clear and concise navigation. Easy-to-understand information hierarchy. Security: Strong authentication methods (biometrics, PIN, OTP). Secure data encryption and transmission. Regular security updates and vulnerability assessments. Personalization: Tailored user experience based on preferences and...
Post a Comment
Read more

Questions for Usability Testing

Layout design  What is your first impression of this design/layout? What do you notice first when you look at this screen/page? Did you have any trouble understanding the interface? Design clarity  How would you rate the clarity of the instructions/guidance provided? Do the options/buttons/links make sense to you? Are there any terms or language used that are unclear? Were there any elements on the screen that distracted you or seemed unnecessary? Design look and feel  How did using this product make you feel? Were there any moments of frustration or delight while using this product? How does the overall aesthetic appeal to you? How would you describe the tone and language used in the product? How would you describe the overall look and feel of the interface? Does anything stand out to you immediately as either positive or negative? Findability and navigation experience  Were you able to find all the necessary information to complete this task? How easy or difficult ...
Post a Comment
Read more