00:00

1. Essential UI and UX Laws for Design Success 2. Explore key principles impacting user experience and interface design:

balbis
Télécharger la présentation

1. Essential UI and UX Laws for Design Success 2. Explore key principles impacting user experience and interface design:

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Nathan Conlon

  2. “To be a great designer, you need to look a little deeper into how people think and act.” —Paul Boag

  3. What is UX/UI? UX (User Experience) focuses on user satisfaction UI (User Interface) deals with design elements. Both are crucial for intuitive and appealing digital products. • • •

  4. 01 Jakob’s Law Users expect interfaces to be consistent with what they've encountered before.

  5. Jakob’s Law Design interfaces that align with users' previous experiences. PRACTICAL TIPS Study industry standards ● Leverage familiar patterns ● Maintain consistency in your UI ● elements

  6. 02 Fitt's Law The time to acquire a target is a function of the distance to and size of the target.

  7. Fitt’s Law Fitt's Law emphasises the relationship between target size and interaction time. PRACTICAL TIPS Enlarge clickable elements • Prioritise crucial actions with • larger target areas Reduce precision demands with • ample spacing

  8. 03 Hick’s Law The time taken to make a decision increases with the number/complexity of choices.

  9. Hick’s Law Minimise cognitive load Group similar options 1ST 2ND 3RD 4TH 5TH Simplify choices to reduce decision time Streamline menus to save user time Use visual cues

  10. 04 Miller’s Law The average person can keep only 7 (± 2) items in their working memory.

  11. Miller’s Law INFORMATION Break down into manageable chunks LABELS Use concise labels AESTHETICS Use visual aids, e.g. icons or images INSTRUCTIONS Utilise numbered lists for instructions HELP Offer tooltips for additional content

  12. 05 Postel’s Law Be conservative in what you do, be liberal in what you accept from others.

  13. Postel’s Law USER INPUTS SYSTEM OUTPUTS Be conservative in what your system Be liberal in accepting user inputs, validating generates or sends back. and processing them reliably. PRACTICAL TIPS PRACTICAL TIPS Provide concise and informative error • Accept various input formats when • messages. possible. Avoid overloading responses with • Offer flexible search queries in your system. • unnecessary data. Normalize user inputs for consistency. • Stick to established data formats. •

  14. 06 Peak-end Rule People judge an experience largely based on how they felt at its peak and at its end.

  15. 07 Aesthetic–Usability Effect Users often perceive aesthetically pleasing design as more usable.

  16. Aesthetic-usability effect COLOUR Use a harmonious colour palette IMAGES Optimise image quality and relevane FONTS Use fonts which are legible and visually appealing ICONS TESTING Conduct user testing to enhance usability. RESPONSIVE Design for various screen sizes. Employ intuitive and visually appealing icons.

  17. 08 Tesler’s Law For any system, there is a certain amount of complexity that cannot be reduced.

  18. TESLER’S LAW Balance added features with enhanced simplicity elsewhere to prevent overwhelming users. Prioritize essential functions, offering advanced features as optional enhancements.

  19. 09 Doherty Threshold Productivity soars when a computer and its users interact at a pace (<400ms) that ensures that neither has to wait on the other.

  20. DOHERTY THRESHOLD If system response times fall below this threshold, users become more productive and satisfied. However, if response times exceed this threshold, users may experience frustration and decreased productivity. PRACTICAL TIPS Cut out unnecessary elements for fasting loading ● Prioritize quick access to frequently used features. ● <400ms

  21. RESOURCES Laws of UI Jon Yablonski Refactoring UI Adam Wathan Chromorama Riccardo Falcinelli

More Related