Cracking Responsive Navigation

263
-1

Published on

The slides from the workshop I delivered with Kathyrn Hegarty at SWUX in Bristol on 1/4/2014. The intention was to encourage participants to produce paper prototypes of different ideas around navigation for a 4 tier, retail based information architecture.

If you'd like us to deliver the workshop again (or the next evolution of it), somewhere else then please get in touch.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
263
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 6 was the optimal number of gourmet jams for users to choose between (When Choice is Demotivating: Can One Desire Too Muchof a Good Thing? – Iyengar and Lepper)2. People misinterpret “George Miller’s 7±2 work” – It’s OK to present more as long as they’re grouped (Better Design of Menu Selection Systems Through Cognitive Psychology and Human Factors – Kent L Norman) Whilst I’m not a published academic, I’ve usually found that 5-7 options per group seems to test well with between 5 and 7 groups when I’ve user tested it1. https://docs.google.com/a/markboultondesign.com/viewer?a=v&q=cache:xtuvT2OsISAJ:doi.apa.org/journals/psp/79/6/995.pdf+&hl=en&gl=uk&pid=bl&srcid=ADGEEShVBCbxym0RxhipLYwliTTgFoZtvVb2opIM8NHnH_xoHgN_Kv2FS7Lh2P10LHXXjCa8SIG01cxuOf6910aIceciQp-TfvPqmCRK2BEtSWR6ZlzTufkC8B0Z7iJvKYh7yIpy1Sve&sig=AHIEtbSiqLK8RMSpBG4JwC_A_-6tPbLTsg2. http://coursesite.uhcl.edu/hsh/PeresSC/Classes/PSYC6419seminar/Better%20Design%20Menu%20Selection.PDF
  • Go and buy Psychology for Designers by Joe Leech – It’s a £2 eBook
  • Cracking Responsive Navigation

    1. 1. #SWUX Cracking Responsive Navigation
    2. 2. OUR BENEVOLENT SPONSORS MASSIVE THANKS TO fOR SPONSORSING TONIGHT’s SWUX. #SWUX
    3. 3. OUR BENEVOLENT SPONSORS TRUE ARE HIRING. Uxers, DESIGNERS, DEVELOPERS, PROJECT MANAGERS, COPYWRITERS, PERMENANT OR FREELANCE GET IN TOUCH at Truedigital.co.uk #SWUX
    4. 4. KATHRYN HEGARTY UX DESIGNER AT TRUE @kythryn #SWUX
    5. 5. ADAM B-P UX Director AT NATURAL INTERACTION @adam_UX #SWUX
    6. 6. A BRIEF HISTORY OF NAV #SWUX
    7. 7. HELLO 1997 #SWUX
    8. 8. Feeling LUCKY? #SWUX
    9. 9. Feeling LUCKY? #SWUX
    10. 10. Feeling LUCKY? “Always show the user where they are and where they can go.” #SWUX
    11. 11. Hansel & Gretel #SWUX
    12. 12. Hansel & Gretel #SWUX
    13. 13. TOP & TAIL #SWUX
    14. 14. TOP & TAIL #SWUX
    15. 15. AND RELAX #SWUX
    16. 16. BUT WAIT #SWUX
    17. 17. HAHAHAHA #SWUX
    18. 18. ELEMENTS OF RESPONSIVE NAV #SWUX
    19. 19. HAMBURGER #SWUX
    20. 20. HAMBURGER #SWUX
    21. 21. HAMBURGER #SWUX
    22. 22. HAMBURGER Norm Cox invented it in the late 70s early 80s. #SWUX
    23. 23. APP STYLE #SWUX
    24. 24. TAKEOVER #SWUX
    25. 25. FILTERS #SWUX
    26. 26. FILTERS #SWUX
    27. 27. SEARCH #SWUX
    28. 28. HICK’S LAW the more options a user has to choose between and, if they are not grouped, the longer it will take to select an option. #SWUX
    29. 29. FITTS’S LAW the further the distance a user has to travel to make a selection, and the smaller the area available to click on, the long time it will take to make a selection. #SWUX
    30. 30. THE CHALLENGE #SWUX
    31. 31. THE CHALLENGE Break INTO GROUPS OF 3 Create a new responsive nav approach on paper. #SWUX
    32. 32. THE CHALLENGE QUICK! IN YOUR GROUPS, EACH PICK A ROLE 1.  Moderator 2.  Note taker 3.  CAPYBARA #SWUX
    33. 33. BUY CAPYBARA UX
    34. 34. CHEAP PLUG
    35. 35. BUY CAPYBARA UX
    36. 36. THE CHALLENGE QUICK! IN YOUR GROUPS, EACH PICK A ROLE 1.  Moderator 2.  Note taker 3.  GUINEA PIG #SWUX
    37. 37. THE CHALLENGE ALL OF THE GUINEA PIGS SWAP GROUPS NOW RUN A QUICK USER TEST AND SEE WHAT YOU LEARN. YOU HAVE 5 EARTH MINUTES. #SWUX
    38. 38. THE CHALLENGE WHAT DID YOU FIND OUT? #SWUX
    39. 39. ANY QUESTIONS? #SWUX

    ×