1. Android Design
Pattern-I

2. Contents
1. Dealing With Data
2. Getting Input
3. Navigation
4. Notifications
5. Personalize
6. Screen Interactions
7. Social

3. Dealing With Data

4. Dealing with Data
1. Change view on a set of data
2. Know app is loading items
3. Search
Sort data
4.
Show a vast amount of content
5.

5. Change View on a Set of Data
1
• Options menu
• Dedicated button
• Tab bar

6. Options Menu
1
1.
“ ”

7. 3
1 “ ”
2

8. Options Menu
1
1.
• •
• 2
•
+ -

9. Options Menu
1
1.
Google Maps
Samsung-My Files

10. Google Maps
1 2
“
”
“
”

11. Google Maps
3 4
“
”
“
”

12. Dedicated Button
2
1.

13. 1 2
3

14. Dedicated Button
2
1.
• •
• 1
+ -

15. Dedicated Button
2
1.
Layar
Google Places

16. Layar
1 2

17. Layar
3

18. Tab Bar
3
1.

19. 1
2
3

20. Tab Bar
3
1.
• •
•
•
+ -

21. Tab Bar
3
1.
Wikitude
Toilet Finder

22. Wikitude
1 2 “
”

23. Know app is loading items
2
• Dynamic loading of a list

24. Options Menu
2
2.

25. 3 “ ”
1 2

26. Options Menu
2
2.
• •
•
•
+ -

27. Options Menu
2
2.
Android Market
Gmail
AppBrain

28. Android market
1 1 2
“
”

29. Search
3
• Search bar
• Main menu
• Dedicated item

30. Search Bar
1
3.

31. 3
1
2

32. 4 5
7
6 “ ” “ ”

33. Search Bar
1
3.
• •
•
+ -

34. Search Bar
1
3.
Google Search
Wapedia

35. Google Search
1 2
(Widget) “
”
“
”

36. Google Search
3 4

37. Main Menu
2
3.

38. 1 “ ”
2 “ ”
3 “ ”

39. Main Menu
2
3.
• •
•
+ -

40. Main Menu
2
3.
Dorpbox
Google Maps
Android Market

41. Google Search
1 2

42. Dedicated Item
3
3.
(dashboard)

43. 1 2
3

44. Dedicated Item
3
3.
• •
+ -

45. Dedicated Item
3
3.
Last.fm
Calorie Counter
Evernote

46. Evernote
1 2
(
dashboard)

47. Evernote
3

48. Sort Data
4
• Drag & drop
• Sort-key Dialog

49. Drag & Drop
1
4.

50. 1 ”
“
2 ”
“ 3
4 ”
“ ” “

51. 5 6 “ ”“ ”

52. Drag & Drop
1
4.
• •
•
+ -

53. Drag & Drop
1
4.
Google Stocks
HTC Sense Music Player
Playlist
Noodles

54. Google Searcks
1 2 “
”
“
”

55. Google Search
3 4

56. Google Stocks
5

57. Sort-key Dialog
2
4.

58. 1
3
2 “ ”

59. 4
6
5

60. Sort-key Dialog
2
4.
• •
•
•
+ -
•

61. Sort-key Dialog
2
4.
HTC Sense Footprints
Uninstaller

62. HTC Sense Footprints
1 2 “
”
“
”

63. HTC Sense Footprints
3 4

64. Show a Vast Amount of Content
5
• Expandable list
• Segmented control
• Data drill down
• Dynamic loading of a list
• Static list

65. Expandable List
3
1
3..
5

66. 1 2

67. Expandable List
1
5.
• •
+ -

68. Expandable List
3
1
3..
5
TVGids.tv Nederland
RSS Feeds(HTC Desire)
Brower(Samsung Galaxy
S)

69. RSS Feeds(HTC Desire)
1 2

70. Segmented
5
3. 2
3
Control
2~5

71. 1
2
3

72. Segmented
5. 2
Control
• •
+ -

73. Segmented
5. 2
Control
Android Market
Layar
Foursquare

74. Android Market
1 2

75. Data Drill Down
53
3.

76. 1
2 3

77. Data Drill Down
5. 3
• •
•
• (breadcrumbs)
+ -

78. Data Drill Down
3
5.
Treintijden Light
Calorie Counter

79. Treintijden Light
1 2

80. Treintijden Light
3

81. Options Menu
4
5.

82. Static List
3
5
3.
5
(Scroll Thumb)

83. 1 3
2 4

84. Static List
5
5.
• •
•
+ -

85. Segmented
5. 2
Control
Engadget
Amazon MP3

86. Engadget
1 2
20

87. Getting Input

88. Getting Input
1. Enter a Value
2. Enter Text
3. Select a Predefined Value
4. Select Multiple Items
5. Set Time and Date

89. Enter a Value
1
• Slider
• Spinner

90. Slider
1
1.

91. 3
1
4
2

92. Slider
1
1.
• •
•
•
+ -

93. Slider
1
1.
Clock-Set Alarm
Layar-Filter Settings
Nexus One-Display
Settings

94. Clock-Set Alarm
1 2

95. Spinner
2
1.

96. 3
1
2 5
4

97. Spinner
2
1.
• •
•
•
•
+ -
•

98. Spinner
2
1.
Facebook
Calender
Astrid

99. Facebook
1 2
Facebook 3
“ ”

100. Facebook
3 4

101. Enter Text
2
• Pan & Scan
• Extract

102. Enter Text
1
2.

103. 3
1
2 4

104. Enter Text
1
2.
• •
•
+ -

105. Enter Text
1
2.
Astrid
Calendar

106. Astrid
1
Astrid
2

107. Astrid
3 4

108. Enter Text
2
2.

109. 1 3
2
4

110. Enter Text
2
2.
• •
+ -

111. Enter Text
2
2.
Twitter
Gmail
Dropbox

112. Twitter
1
2

113. Twitter
3 tweet
4

114. Select a Predefined Value
3
Spinner

115. Select Multiple Items
4
• Checkbox

116. Select Multiple Items
1
4.

117. 1 2
3 4

118. Select Multiple Items
1
4.
• •
+ -

119. Select Multiple Items
1
4.
Gmail
Gallery

120. Gmail
1
Gmail
2

121. Set Time and Date
5
• Plus & Minus
• Wheel

122. Set Time and Date
1
5.
Android

123. 3
1 am/pm
2 4 “ok”

124. Set Time and Date
1
5.
• •
•
+ -
moeffju

125. Set Time and Date
1
5.
NS Reisplanner
Samsung Galaxy S
Calender

126. NS Reisplanner
1 2

127. Set Time and Date
2
5.

128. “ ”
3
“
”
1
2

129. Set Time and Date
5.2
• •
• • 59
00
•
•
+ -
•

130. Set Time and Date
2
5.
HTC Sense Alarm
HTC Sense Calendar

131. HTC Sense Alarm
1 2
HTC

132. HTC Sense Alarm
3 4