UX myths and best practice

Download UX myths and best practice

Post on 23-Jan-2018

150 views

Category:

Design

1 download

TRANSCRIPT

1. Lunch n Learn User Experience workshop with Kean 2. 1. UX myths & best practice 2. Introduction to Axure 3. Wireframes & prototypes 4. UX resources What we will cover 3. 1. UX MYTHS & BEST PRACTICE 4. 1. Everyone stand up 2. Place hands on head if you think a statement is true, hands down if false 3. If youre wrong, youre out 4. Last one standing wins a prize How to play 5. Hamburger menus 1. People actively use the hamburger menu 6. Hamburger menus explained Navigation in sight, is in mind Menus are like your work desk, you dont put things that are important and that you will need to use frequently in your draws. Hamburger menus decrease engagement 7. Sentence case 2. Sentence case is easier to read Sentence case The quick brown fox jumps over the lazy dog Upper case THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG Title case The Quick Brown Fox Jumps Over The Lazy Dog 8. Research shows sentence case increases legibility Faster to read For consistency - title case has more rules & exceptions to remember Sentence case exceptions obviously exist for names, titles etc. Sentence case explained Title case example on Apple iOS Sentence case 9. Navigation labels 3. Icons make better navigation than text labels 10. The best navigation is a text label Provides obvious information scent so the user knows what to expect Icons are hard to memorise, text labels are easy to read Navigation explained 11. The Fold 4. People are most engaged above the fold 12. The highest engaged content is at the fold and below Consider placement of important content on fold Design should encourage user to scroll The fold explained 13. Forms 5. Drop downs decrease usability 14. Radio buttons improve discoverability and interaction times Show options in plain sight Steppers are intuitive and increase speed Forms explained Mobile radio buttons 15. Scroll behaviour 6. People scroll more than click 16. Scrolling is a more natural behaviour Scrolling is a continuation, clicking is a decision Most people start scrolling people the page has finished loading Scroll behaviour explained 17. Carousels 7. Content in a carousel will be most prominent 18. Carousels: where content goes to die Banner blindness causes people to ignore carousels Carousels hide content and are inaccessible for people with disabilities Better to have a longer page and stack content then use a carousel Carousels explained 19. 2. INTRODUCTION TO AXURE 20. 1. Create wireframes for an iPhone app 2. Turn wireframes into prototype 3. Test on phone Wireframe and Prototyping Demo 21. E-commerce user journey Home Product listing page Product detail page Shopping cart 22. 4. UX RESOURCES 23. Want to learn more? Free UX resources Axure training & support http://www.axure.com/support Nielsen Norman Group (evidence based UX) https://www.nngroup.com/ AdaptivePath http://adaptivepath.org/ 24. THANK YOU 25. Appendix UX myths & best practice 1. Hamburger menus & navigation Hamburger menus hurt UX metrics https://www.nngroup.com/articles/hamburger-menus/ Spotify ditches hamburger menu https://techcrunch.com/2016/05/03/spotify-ditches-the-controversial-hamburger-menu-in-ios-app-redesign/ Obvious always wins http://www.lukew.com/ff/entry.asp?1945 2. Sentence case Making a case for letter case https://medium.com/@jsaito/making-a-case-for-letter-case-19d09f653c98#.89wl8vtjo Sentence or title case for usability http://usabilitynews.bcs.org/content/conWebDoc/41752 3. Icons and navigation labels Usability testing of icons https://www.nngroup.com/articles/icon-testing/ 4. Above & below the fold The fold manifesto https://www.nngroup.com/articles/page-fold-manifesto/ There is no fold http://www.lukew.com/ff/entry.asp?1946 5. Scrolling Scroll behabiour across the web http://blog.chartbeat.com/2013/08/12/scroll-behavior-across-the-web/ Everybody scrolls http://www.hugeinc.com/ideas/perspective/everybody-scrolls What know is wrong http://time.com/12933/what-you-think-you-know-about-the-web-is-wrong/ 6. Dropdowns Why dropdown lists are bad https://medium.com/apegroup-texts/why-drop-down-lists-are-bad-for-the-user-experience-eeda5cbbd315#.rw3j9tdkb Dropdowns should be the UI of last resort http://www.lukew.com/ff/entry.asp?1950 7. Carousels Carousel interaction stats https://erikrunyon.com/2013/07/carousel-interaction-stats/ Case against carousels https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/