Cracking Responsive Navigation
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Cracking Responsive Navigation

on

  • 255 views

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.

Statistics

Views

Total Views
255
Views on SlideShare
223
Embed Views
32

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 32

https://twitter.com 32

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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 Presentation 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