Designing iPad Interfaces - new navigation schemas

Designing iPad Interfaces
New navigation schemas

© 2010 AKQA Inc. Conﬁdential & Proprietary 1

Creative Director
Head of User Experience, AKQA

Twitter @Lynn_Teo


Remembering your rst interface


e evolution of interfaces


Range of interface interactions

7

Advantages of touch interfaces


Touch removes ambiguities

11

Touch leverages forms

12

size
shape
FORM
MECHANICS

14

Portrait

Landscape

16

Touch interfaces and ease of use


Let’s revisit a key design belief


Form
follows
function

– Louis Sullivan,
American Architect
(1896)

©2010 AKQA - Con dential and proprietary. All rights reserved. 21

What these examples demonstrate


A new relationship exists between
form and function


Form informs function

30

A look at iPad app navigation

31

Navigation schemas drawn from
familiar constructs are relatable.

32

1. Common constructs
2. Hints at physical experiences
3. Familiar web/mobile concepts


Garamond


Simple, intuitive, and responsive
navigation systems are
discoverable.

59

1. Intuitive
2. Visual aﬀordance
3. User feedback
4. Fewer options


1. Intuitive
3. User feedback
4. Fewer options


Garamond


1. Intuitive
3. User feedback
4. Fewer options


User instruction built into
navigation systems ensure
interfaces are learnable.

89

1. Navigation help guides
2. Repetitive application
3. Explicit in-context instruction

90


91


94


103

Garamond


When navigation is not explicit –
users miss hidden functionality

Conclusion


New form factor

New interaction behaviors

114

Best navigations paradigms are
Relatable. Discoverable. Learnable

115

More Related Content