This is the "iOS 7 Human Interface Guidelines" keynote as it was delivered at Pragma Conference 2013 in Milan,Italy.

3. ITALY !!

14. Buongiorno
Ciao
a doppo
Italiano
Scusi
Grazie
Per favore
Pranzo
Donne
Signori

15. testo.. testo..

17. iOS 7 Human Interface Guidelines
Dani Arnaout
Systems Engineer - Lextech Global Services (USA)
Writer - raywenderlich.com

18. RayWenderlich.com
My latest
tutorial

19. RayWenderlich.com
SURPRISE!!

22. 212
pages
iOS Human Interface Guidelines e’ un documento realizzato da Apple che ha
standards & guidelines da seguire quando designing un iPhone/iPad app.

23. per minimizzare problemi tra developers e designers

24. 1. UI
2. UX
3. SDK
Questi sono i tre argomenti principali

25. UI
User Interface
User interface ..

26. UX
user experience
User experience .. Come la vedi

27. UGLY
UI
BAD
Cattiva UI porta ad una brutta UX
UX

28. 5
ugly apps
5 brutte Apps

29. #5
I colori, i font

30. #4
I colori

31. #3
Troppi colori!

32. #2
Cattivo utilizzo delle immagini

33. #1
Troppe cose insieme

34. UI/UX
UI/UX da un punto di vista iOS 7

35. 1. UI
2. UX
3. SDK

36. UI
iOS 7

37. iOS 7
Deference
Clarity
Depth

38. Weather in iOS 7
Weather in iOS 6
Utilizza tutto lo schermo

39. Messages in iOS 7
Messages in iOS 6
Design flat

40. Messages in iOS 7
Messages in iOS 6
Pulsanti senza bordo

41. UI Elements
I.
II.
III.
IV.
V.
Bars
Content Views
Controls
Temporary Views
Icons

42. I. Bars:

43. Status Bar
I. Bars:

44. Navigation Bar
I. Bars:

45. Tool Bar
I. Bars:

46. Tool Bar Icons
I. Bars:

47. Tab Bar
I. Bars:

48. Tab Bar Icons
I. Bars:

49. Search Bar
I. Bars:

50. II. Content Views

51. Activity View
II. Content Views

52. Collection View
II. Content Views

53. Table View
II. Content Views

54. Scroll View
II. Content Views

55. Map View
II. Content Views

56. Web View
II. Content Views

57. II. Content Views
Image View
Popover View
Page View Controller

58. III. Controls

59. Activity Indicator
III. Controls

60. Date Picker
III. Controls

61. Picker View
III. Controls

62. Page Control
III. Controls

63. Progress Bar
III. Controls

64. Segmented Control
III. Controls

65. Slider
III. Controls

66. Stepper
III. Controls

67. Switch
III. Controls

68. Switch
III. Controls

69. IV. Temporary Views

70. Alert View
IV. Temporary Views

71. Action Bar
IV. Temporary Views

72. Modal View
IV. Temporary Views

73. V. Icons & Splash Screens

74. V. Icons
&
Splash
Screens

75. V. Icons
&
Splash
Screens

76. V. Icons
&
Splash
Screens

77. V. Icons
&
Splash
Screens

79. 1. UI
2. UX
3. SDK

80. 1. UI
2. UX
3. SDK

81. UX
iOS 7

82. Anti-pattern
Anti- Pattern non va bene per UX, ma e’ utile per la persona che lo usa.

84. Who doesn’t understand English?

85. Who doesn’t understand English?
0%

86. Who doesn’t understand English?
0%

91. UX hints..

92. Non usare una schermata di benvenuto se non ne necessiti veramente. Come in un
calculator app.

93. Comunica all’utente cosa sta andando storto anziche’ mostrare un contenuto vuoto.

94. Spiega all’utente perche’ vuoi tracciare la sua location.

95. 44x44 pts e’ la dimensione minima per un pulsante

96. Contenuti importanti dovrebbero essere posizionati nella parte in alto a sinistra.

97. Tutti questi sei pulsant

98. Usa un testo descrittivo per il pulsante di back.

99. Per differenziare tra testo e pulsant

100. Start e Pause sono i principali

101. Non pubblicizzare la tua identita’ cosi’.

102. Usa i colori di iOS 7.

103. Supporta il Dynamic Type

104. Usa solo un font.

105. Accertati che l’icona della tua app sia chiara, semplice ed attraente.

106. Utilizza un linguaggio semplice. Evita i tecnicismi.

107. Avere una buona UI non implica fornire una buona UX.

108. Real life desings aiutano l’utente ad utilizzare l’app senza ulteriori indicazioni.

110. 1. UI
2. UX
3. SDK

111. From iOS 6 to iOS 7
Case Study: Viber

113. oooo touch 3G
4:17PM
All | Groups
Compose
73%

115. 1. UI
2. UX
3. SDK

116. SDK

117. Passbook:

118. Multitasking:

119. Social Media:

120. iCloud:

121. In-App Purchase:

122. Game Center:

123. Notification
Center:

124. iAd Rich
Media Ads:

125. AirPrint:

126. Location
Services:

127. Sound:

128. VoiceOver:

130. 1. UI
2. UX
3. SDK

132. one more thing …

133. 5
Helpful tools

135. Un utile tool per wire-framing.

136. Un tool per la generazione di schemi-colore.

137. Questo tool riflettera’ il contenuto del tuo device iOS sullo schermo del tuo Mac.

138. PaintCode converte la grafica in codice.

139. Tool per il ridimensionamento delle immagini.

141. one other thing …

142. RayWenderlich.com

143. 2 LUCKY WINNERS!!
Per i due fortunati vincitori

144. Il nuovissimo libro sullo sviluppo iOS: iOS7 by tutorials

145. 1500+ pagine .. 15+ esempi

146. E’ tutto

147. Dani Arnaout
@dani_arnaout