Your SlideShare is downloading. ×
0
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
Cracking Responsive Navigation
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

251

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
251
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
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

    ×