Your SlideShare is downloading. ×
Cracking Responsive Navigation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Cracking Responsive Navigation

226
views

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 …

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
226
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. #SWUX Cracking Responsive Navigation
    • 2. OUR BENEVOLENT SPONSORS MASSIVE THANKS TO fOR SPONSORSING TONIGHT’s SWUX. #SWUX
    • 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. KATHRYN HEGARTY UX DESIGNER AT TRUE @kythryn #SWUX
    • 5. ADAM B-P UX Director AT NATURAL INTERACTION @adam_UX #SWUX
    • 6. A BRIEF HISTORY OF NAV #SWUX
    • 7. HELLO 1997 #SWUX
    • 8. Feeling LUCKY? #SWUX
    • 9. Feeling LUCKY? #SWUX
    • 10. Feeling LUCKY? “Always show the user where they are and where they can go.” #SWUX
    • 11. Hansel & Gretel #SWUX
    • 12. Hansel & Gretel #SWUX
    • 13. TOP & TAIL #SWUX
    • 14. TOP & TAIL #SWUX
    • 15. AND RELAX #SWUX
    • 16. BUT WAIT #SWUX
    • 17. HAHAHAHA #SWUX
    • 18. ELEMENTS OF RESPONSIVE NAV #SWUX
    • 19. HAMBURGER #SWUX
    • 20. HAMBURGER #SWUX
    • 21. HAMBURGER #SWUX
    • 22. HAMBURGER Norm Cox invented it in the late 70s early 80s. #SWUX
    • 23. APP STYLE #SWUX
    • 24. TAKEOVER #SWUX
    • 25. FILTERS #SWUX
    • 26. FILTERS #SWUX
    • 27. SEARCH #SWUX
    • 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. 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. THE CHALLENGE #SWUX
    • 31. THE CHALLENGE Break INTO GROUPS OF 3 Create a new responsive nav approach on paper. #SWUX
    • 32. THE CHALLENGE QUICK! IN YOUR GROUPS, EACH PICK A ROLE 1.  Moderator 2.  Note taker 3.  CAPYBARA #SWUX
    • 33. BUY CAPYBARA UX
    • 34. CHEAP PLUG
    • 35. BUY CAPYBARA UX
    • 36. THE CHALLENGE QUICK! IN YOUR GROUPS, EACH PICK A ROLE 1.  Moderator 2.  Note taker 3.  GUINEA PIG #SWUX
    • 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. THE CHALLENGE WHAT DID YOU FIND OUT? #SWUX
    • 39. ANY QUESTIONS? #SWUX

    ×