Cracking Responsive Navigation

#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 FREELANCE GET IN TOUCH at Truedigital.co.uk

#SWUX

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 an option.

#SWUX

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

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 MINUTES.

#SWUX

THE CHALLENGE

WHAT DID YOU FIND OUT?

#SWUX

ANY QUESTIONS?

#SWUX