Presented during SXSW interactive 2011.

1. Designing iPad Interfaces
New navigation schemas
© 2010 AKQA Inc. Confidential & Proprietary 1

2. Creative Director
Head of User Experience, AKQA
Twitter @Lynn_Teo
© 2010 AKQA Inc. Confidential & Proprietary 2

3. Remembering your rst interface
© 2010 AKQA Inc. Confidential & Proprietary 3

4. 4

5. e evolution of interfaces
© 2010 AKQA Inc. Confidential & Proprietary 5

6. 6

7. Range of interface interactions
7

8. Touch
8

9. Advantages of touch interfaces
© 2010 AKQA Inc. Confidential & Proprietary 9

10. Touch is direct
10

11. Touch removes ambiguities
11

12. Touch leverages forms
12

13. 13

14. size
shape
FORM
MECHANICS
14

15. 1024 x 768
15

16. Portrait
Landscape
16

17. Touch interfaces and ease of use
© 2010 AKQA Inc. Confidential & Proprietary 17

20. Let’s revisit a key design belief
© 2010 AKQA Inc. Confidential & Proprietary 20

21. Form
follows
function
– Louis Sullivan,
American Architect
(1896)
©2010 AKQA - Con dential and proprietary. All rights reserved. 21

22. 22

23. 23

24. 24

25. 25

26. 26

27. 27

28. What these examples demonstrate
© 2010 AKQA Inc. Confidential & Proprietary 28

29. A new relationship exists between
form and function
© 2010 AKQA Inc. Confidential & Proprietary 29

30. Form informs function
30

31. A look at iPad app navigation
31

32. Navigation schemas drawn from
familiar constructs are relatable.
32

33. 1. Common constructs
2. Hints at physical experiences
3. Familiar web/mobile concepts
© 2010 AKQA Inc. Confidential & Proprietary 33

34. 1. Common constructs
2. Hints at physical experiences
3. Familiar web/mobile concepts
© 2010 AKQA Inc. Confidential & Proprietary 34

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

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

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

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

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

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

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

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

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

44. 1. Common constructs
2. Hints at physical experiences
3. Familiar web/mobile concepts
© 2010 AKQA Inc. Confidential & Proprietary 44

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

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

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

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

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

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

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

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

53. 1. Common constructs
2. Hints at physical experiences
3. Familiar web/mobile concepts
© 2010 AKQA Inc. Confidential & Proprietary 53

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

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

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

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

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

59. Simple, intuitive, and responsive
navigation systems are
discoverable.
59

60. 1. Intuitive
2. Visual affordance
3. User feedback
4. Fewer options
© 2010 AKQA Inc. Confidential & Proprietary 60

61. 1. Intuitive
2. Visual affordance
3. User feedback
4. Fewer options
© 2010 AKQA Inc. Confidential & Proprietary 61

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

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

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

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

66. 66

67. 67

68. 1. Intuitive
2. Visual affordance
3. User feedback
4. Fewer options
© 2010 AKQA Inc. Confidential & Proprietary 68

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

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

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

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

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

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

75. 75

76. 1. Intuitive
2. Visual affordance
3. User feedback
4. Fewer options
© 2010 AKQA Inc. Confidential & Proprietary 76

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

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

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

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

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

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

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

84. 1. Intuitive
2. Visual affordance
3. User feedback
4. Fewer options
© 2010 AKQA Inc. Confidential & Proprietary 84

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

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

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

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

89. User instruction built into
navigation systems ensure
interfaces are learnable.
89

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

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

92. 92

93. 93

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

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

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

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

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

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

100. 100

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

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

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

104. 104

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

106. 106

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

108. When navigation is not explicit –
users miss hidden functionality
© 2010 AKQA Inc. Confidential & Proprietary 108

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

110. 110

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

112. 112

113. Conclusion
© 2010 AKQA Inc. Confidential & Proprietary 113

114. New form factor
New interaction behaviors
114

115. Best navigations paradigms are
Relatable. Discoverable. Learnable
115

116. ank You
116