#SWUX
Cracking
Responsive
Navigation
OUR BENEVOLENT SPONSORS
MASSIVE THANKS TO fOR
SPONSORSING TONIGHT’s SWUX.
#SWUX
OUR BENEVOLENT SPONSORS
TRUE ARE HIRING.
Uxers, DESIGNERS, DEVELOPERS, PROJECT
MANAGERS, COPYWRITERS,
PERMENANT OR FREELAN...
KATHRYN HEGARTY
UX DESIGNER AT TRUE
@kythryn
#SWUX
ADAM B-P
UX Director AT NATURAL INTERACTION
@adam_UX
#SWUX
A BRIEF HISTORY
OF NAV
#SWUX
HELLO 1997
#SWUX
Feeling LUCKY?
#SWUX
Feeling LUCKY?
#SWUX
Feeling LUCKY?
“Always show
the user where
they are and
where they can
go.”
#SWUX
Hansel & Gretel
#SWUX
Hansel & Gretel
#SWUX
TOP & TAIL
#SWUX
TOP & TAIL
#SWUX
AND RELAX
#SWUX
BUT WAIT
#SWUX
HAHAHAHA
#SWUX
ELEMENTS OF
RESPONSIVE NAV
#SWUX
HAMBURGER
#SWUX
HAMBURGER
#SWUX
HAMBURGER
#SWUX
HAMBURGER
Norm Cox
invented it in
the late 70s
early 80s.
#SWUX
APP STYLE
#SWUX
TAKEOVER
#SWUX
FILTERS
#SWUX
FILTERS
#SWUX
SEARCH
#SWUX
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 a...
FITTS’S LAW
the further the distance a user has to
travel to make a selection, and the
smaller the area available to click...
THE
CHALLENGE
#SWUX
THE CHALLENGE
Break INTO GROUPS OF 3
Create a new responsive nav approach
on paper.
#SWUX
THE CHALLENGE
QUICK! IN YOUR GROUPS, EACH PICK A ROLE
1.  Moderator
2.  Note taker
3.  CAPYBARA
#SWUX
BUY
CAPYBARA UX
CHEAP PLUG
BUY
CAPYBARA UX
THE CHALLENGE
QUICK! IN YOUR GROUPS, EACH PICK A ROLE
1.  Moderator
2.  Note taker
3.  GUINEA PIG
#SWUX
THE CHALLENGE
ALL OF THE GUINEA PIGS SWAP GROUPS NOW
RUN A QUICK USER TEST AND SEE WHAT YOU
LEARN.
YOU HAVE 5 EARTH MINUTE...
THE CHALLENGE
WHAT DID YOU FIND OUT?
#SWUX
ANY QUESTIONS?
#SWUX
Upcoming SlideShare
Loading in...5
×

Cracking Responsive Navigation

254

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
254
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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×