iOS 7 Human Interface Guidelines - Pragma Conference 2013

iOS 7 Human Interface Guidelines - Pragma Conference 2013

• 3.
  ITALY !!
• 14.
  Buongiorno Ciao a doppo Italiano Scusi Grazie Per favore Pranzo Donne Signori
• 15.
  testo.. testo..
• 17.
  iOS 7 HumanInterface 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 InterfaceGuidelines e’ un documento realizzato da Apple che ha standards & guidelines da seguire quando designing un iPhone/iPad app.
• 23.
  per minimizzare problemitra 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 portaad una brutta UX UX
• 28.
  5 ugly apps 5 brutteApps
• 29.
  #5 I colori, ifont
• 30.
  #4 I colori
• 31.
  #3 Troppi colori!
• 32.
  #2 Cattivo utilizzo delleimmagini
• 33.
  #1 Troppe cose insieme
• 34.
  UI/UX UI/UX da unpunto di vista iOS 7
• 35.
  1. UI 2. UX 3.SDK
• 36.
  UI iOS 7
• 37.
  iOS 7 Deference Clarity Depth
• 38.
  Weather in iOS7 Weather in iOS 6 Utilizza tutto lo schermo
• 39.
  Messages in iOS7 Messages in iOS 6 Design flat
• 40.
  Messages in iOS7 Messages in iOS 6 Pulsanti senza bordo
• 41.
  UI Elements I. II. III. IV. V. Bars Content Views Controls TemporaryViews 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. ContentViews
• 52.
  Collection View II. ContentViews
• 53.
  Table View II. ContentViews
• 54.
  Scroll View II. ContentViews
• 55.
  Map View II. ContentViews
• 56.
  Web View II. ContentViews
• 57.
  II. Content Views ImageView 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. TemporaryViews
• 71.
  Action Bar IV. TemporaryViews
• 72.
  Modal View IV. TemporaryViews
• 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 nonva bene per UX, ma e’ utile per la persona che lo usa.
• 84.
  Who doesn’t understandEnglish?
• 85.
  Who doesn’t understandEnglish? 0%
• 86.
  Who doesn’t understandEnglish? 0%
• 91.
  UX hints..
• 92.
  Non usare unaschermata di benvenuto se non ne necessiti veramente. Come in un calculator app.
• 93.
  Comunica all’utente cosasta 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 dovrebberoessere posizionati nella parte in alto a sinistra.
• 97.
  Tutti questi seipulsant
• 98.
  Usa un testodescrittivo per il pulsante di back.
• 99.
  Per differenziare tratesto e pulsant
• 100.
  Start e Pausesono i principali