SlideShare a Scribd company logo
1 of 30
Human Interface Guidelines - iOS
By Apple
Franco Cedillo
Human Interface Guidelines - iOS, at apple.com
Sections
Overview
User Interaction
System Capabilities
Visual Design
Icons and Images
Bars
Views
Controls
Overview
Themes
Interface Essential
User Interaction
3D Touch
Accessibility
Audio
Authentication
Data Entry
Drag and Drop
Feedback
File Handling
Gestures
Loading
Modality, modals
Navigation
Ratings and Reviews
Requesting Permission
Settings
Terminology
System Capabilities
Multitasking
Notifications
Printing
Quick Look
Siri
TV Providers
Visual Design
Animation
Branding
Color
Layout
Typography
Icons and Images
Image Size and Resolutions
App Icon
Custom Icons
Launch Screen
System Icons
Bars
Navigation Bars
Search Bars
Status Bars
Tab Bars
Toolbars
Bars. Navigation Bars
Bars. Search Bars
Bars. Status Bars
Bars. Tab Bars
Views
Action Sheets
Activity Views
Alerts
Collections
Image Views
Maps
Pages
Popovers
Scroll Views
Split Views
Tables
Text Views
Web Views
Views. Action Sheets
Views. Collections
Views. Popovers
Controls
Buttons
Edit Menus
Labels
Page Controls
Pickers
Progress Indicators
Refresh Content Controls
Segmented Controls
Controls. Buttons
Detail Disclosures
Controls. Pickers
Date Pickers
Controls. Progress indicators
Progress Bars
Segmented Controls
Controls. Text Fields
E-mail Keyboard
Phone Keyboard
Extensions
Custom Keyboards
Document Providers
Home Screen Actions
Messaging
Photo Editing
Sharing and Actions
Widgets
Extensions. Home Screen Actions
Extensions. Sharing and Actions
Extensions. Widgets
Technologies
Apple Pay
GameKit
HealthKit
HomeKit
iCloud
In-App Purchase
Live Photos
ResearchKit
Technologies. HomeKit Cameras
Resources
Templates
Photoshop
Sketch
Adobe XD
Video Tutorials
Overview
Comps
Icons
Glyphs

More Related Content

Similar to Human Interface Guidelines for iOS, by Apple

Designing apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesDesigning apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesUTFPR
 
lecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxlecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxBhanukaFernando3
 
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1Sansern Wuthirat
 
13 si(systems analysis and design )
13 si(systems analysis and design )13 si(systems analysis and design )
13 si(systems analysis and design )Nurdin Al-Azies
 
RDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesRDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesBen Zipkin
 
PowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative CommunicationPowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative Communicationguest564db2ec
 
Android user experience
Android user experienceAndroid user experience
Android user experienceRaihan Himel
 
Design Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionDesign Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionCaitlin Geier
 
Designing for Mobile: User-centering; How-tos; Trends
Designing for Mobile: User-centering; How-tos; TrendsDesigning for Mobile: User-centering; How-tos; Trends
Designing for Mobile: User-centering; How-tos; TrendsNetcetera
 
Usability In Mobile Applications
Usability In Mobile ApplicationsUsability In Mobile Applications
Usability In Mobile ApplicationsBruno Figueiredo
 
Design Before Code: Thinking About Accessibility from the Ground Up
Design Before Code: Thinking About Accessibility from the Ground UpDesign Before Code: Thinking About Accessibility from the Ground Up
Design Before Code: Thinking About Accessibility from the Ground UpCaitlin Geier
 
Checking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction AuditChecking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction AuditPeter Stahl
 
Checking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction AuditChecking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction Auditjoshdamon
 
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interactionAlan Dix
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3Alan Dix
 
Addmi 09-analysis ui-reporting
Addmi 09-analysis ui-reportingAddmi 09-analysis ui-reporting
Addmi 09-analysis ui-reportingodanyboy
 
Android Training Chandigarh.docx
Android Training Chandigarh.docxAndroid Training Chandigarh.docx
Android Training Chandigarh.docxDEvanshu Sharma
 
why android first?
why android first?why android first?
why android first?Enhancers
 

Similar to Human Interface Guidelines for iOS, by Apple (20)

ch10.ppt
ch10.pptch10.ppt
ch10.ppt
 
Designing apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelinesDesigning apps for iOS based on its human interface guidelines
Designing apps for iOS based on its human interface guidelines
 
lecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptxlecture-3-1523011494 Lecture #3).pptx
lecture-3-1523011494 Lecture #3).pptx
 
iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1iOS Human Interface Design Guideline Part 1
iOS Human Interface Design Guideline Part 1
 
13 si(systems analysis and design )
13 si(systems analysis and design )13 si(systems analysis and design )
13 si(systems analysis and design )
 
RDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern LibrariesRDVO - Building UX Pattern Libraries
RDVO - Building UX Pattern Libraries
 
PowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative CommunicationPowerPoint Augmentative/Alternative Communication
PowerPoint Augmentative/Alternative Communication
 
Android user experience
Android user experienceAndroid user experience
Android user experience
 
Design Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day EditionDesign Before Code - Global Accessibility Awareness Day Edition
Design Before Code - Global Accessibility Awareness Day Edition
 
Designing for Mobile: User-centering; How-tos; Trends
Designing for Mobile: User-centering; How-tos; TrendsDesigning for Mobile: User-centering; How-tos; Trends
Designing for Mobile: User-centering; How-tos; Trends
 
Android UI Patterns
Android UI PatternsAndroid UI Patterns
Android UI Patterns
 
Usability In Mobile Applications
Usability In Mobile ApplicationsUsability In Mobile Applications
Usability In Mobile Applications
 
Design Before Code: Thinking About Accessibility from the Ground Up
Design Before Code: Thinking About Accessibility from the Ground UpDesign Before Code: Thinking About Accessibility from the Ground Up
Design Before Code: Thinking About Accessibility from the Ground Up
 
Checking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction AuditChecking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction Audit
 
Checking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction AuditChecking the "Feel" of your UI with an Interaction Audit
Checking the "Feel" of your UI with an Interaction Audit
 
HCI 3e - Ch 3: The interaction
HCI 3e - Ch 3:  The interactionHCI 3e - Ch 3:  The interaction
HCI 3e - Ch 3: The interaction
 
HCI - Chapter 3
HCI - Chapter 3HCI - Chapter 3
HCI - Chapter 3
 
Addmi 09-analysis ui-reporting
Addmi 09-analysis ui-reportingAddmi 09-analysis ui-reporting
Addmi 09-analysis ui-reporting
 
Android Training Chandigarh.docx
Android Training Chandigarh.docxAndroid Training Chandigarh.docx
Android Training Chandigarh.docx
 
why android first?
why android first?why android first?
why android first?
 

More from Franco Cedillo

¿Cuáles son las apps que más se usan durante la cuarentena?
¿Cuáles son las apps que más se usan durante la cuarentena?¿Cuáles son las apps que más se usan durante la cuarentena?
¿Cuáles son las apps que más se usan durante la cuarentena?Franco Cedillo
 
¿Cuándo hacer y cuándo no hacer un app?
¿Cuándo hacer y cuándo no hacer un app?¿Cuándo hacer y cuándo no hacer un app?
¿Cuándo hacer y cuándo no hacer un app?Franco Cedillo
 
¿Cuánto cuesta hacer un app?
¿Cuánto cuesta hacer un app?¿Cuánto cuesta hacer un app?
¿Cuánto cuesta hacer un app?Franco Cedillo
 
Unit 2 - Introduction to UIKit
Unit 2 - Introduction to UIKitUnit 2 - Introduction to UIKit
Unit 2 - Introduction to UIKitFranco Cedillo
 
Unit 1 - Getting Started with App Development
Unit 1 - Getting Started with App DevelopmentUnit 1 - Getting Started with App Development
Unit 1 - Getting Started with App DevelopmentFranco Cedillo
 
App Project Planning, by Apple
App Project Planning, by AppleApp Project Planning, by Apple
App Project Planning, by AppleFranco Cedillo
 
Prototyping Apps for Real People, by Apple
Prototyping Apps for Real People, by ApplePrototyping Apps for Real People, by Apple
Prototyping Apps for Real People, by AppleFranco Cedillo
 
App Development with Swift, by Apple
App Development with Swift, by AppleApp Development with Swift, by Apple
App Development with Swift, by AppleFranco Cedillo
 
CIARP 2016 at Data Science Lima
CIARP 2016 at Data Science LimaCIARP 2016 at Data Science Lima
CIARP 2016 at Data Science LimaFranco Cedillo
 
Aplicaciones de Machine Learning @ hackspace.pe
Aplicaciones de Machine Learning @ hackspace.peAplicaciones de Machine Learning @ hackspace.pe
Aplicaciones de Machine Learning @ hackspace.peFranco Cedillo
 
Magento experiencias y tips
Magento experiencias y tipsMagento experiencias y tips
Magento experiencias y tipsFranco Cedillo
 
Migrando un módulo Field Formatter a Drupal 8
Migrando un módulo Field Formatter a Drupal 8Migrando un módulo Field Formatter a Drupal 8
Migrando un módulo Field Formatter a Drupal 8Franco Cedillo
 
El Contenido es La Princesa
El Contenido es La PrincesaEl Contenido es La Princesa
El Contenido es La PrincesaFranco Cedillo
 
Parches en Drupal - Creación y Aplicación
Parches en Drupal - Creación y AplicaciónParches en Drupal - Creación y Aplicación
Parches en Drupal - Creación y AplicaciónFranco Cedillo
 
Gratificante Experiencia Drupalera
Gratificante Experiencia DrupaleraGratificante Experiencia Drupalera
Gratificante Experiencia DrupaleraFranco Cedillo
 

More from Franco Cedillo (20)

¿Cuáles son las apps que más se usan durante la cuarentena?
¿Cuáles son las apps que más se usan durante la cuarentena?¿Cuáles son las apps que más se usan durante la cuarentena?
¿Cuáles son las apps que más se usan durante la cuarentena?
 
Éxito en las apps
Éxito en las appsÉxito en las apps
Éxito en las apps
 
¿Cuándo hacer y cuándo no hacer un app?
¿Cuándo hacer y cuándo no hacer un app?¿Cuándo hacer y cuándo no hacer un app?
¿Cuándo hacer y cuándo no hacer un app?
 
¿Cuánto cuesta hacer un app?
¿Cuánto cuesta hacer un app?¿Cuánto cuesta hacer un app?
¿Cuánto cuesta hacer un app?
 
Unit 2 - Introduction to UIKit
Unit 2 - Introduction to UIKitUnit 2 - Introduction to UIKit
Unit 2 - Introduction to UIKit
 
Unit 1 - Getting Started with App Development
Unit 1 - Getting Started with App DevelopmentUnit 1 - Getting Started with App Development
Unit 1 - Getting Started with App Development
 
App Project Planning, by Apple
App Project Planning, by AppleApp Project Planning, by Apple
App Project Planning, by Apple
 
Prototyping Apps for Real People, by Apple
Prototyping Apps for Real People, by ApplePrototyping Apps for Real People, by Apple
Prototyping Apps for Real People, by Apple
 
App Development with Swift, by Apple
App Development with Swift, by AppleApp Development with Swift, by Apple
App Development with Swift, by Apple
 
CIARP 2016 at Data Science Lima
CIARP 2016 at Data Science LimaCIARP 2016 at Data Science Lima
CIARP 2016 at Data Science Lima
 
Aplicaciones de Machine Learning @ hackspace.pe
Aplicaciones de Machine Learning @ hackspace.peAplicaciones de Machine Learning @ hackspace.pe
Aplicaciones de Machine Learning @ hackspace.pe
 
Bias vs Variance
Bias vs VarianceBias vs Variance
Bias vs Variance
 
Magento experiencias y tips
Magento experiencias y tipsMagento experiencias y tips
Magento experiencias y tips
 
Smartphones
SmartphonesSmartphones
Smartphones
 
Migrando un módulo Field Formatter a Drupal 8
Migrando un módulo Field Formatter a Drupal 8Migrando un módulo Field Formatter a Drupal 8
Migrando un módulo Field Formatter a Drupal 8
 
El Contenido es La Princesa
El Contenido es La PrincesaEl Contenido es La Princesa
El Contenido es La Princesa
 
Parches en Drupal - Creación y Aplicación
Parches en Drupal - Creación y AplicaciónParches en Drupal - Creación y Aplicación
Parches en Drupal - Creación y Aplicación
 
Gratificante Experiencia Drupalera
Gratificante Experiencia DrupaleraGratificante Experiencia Drupalera
Gratificante Experiencia Drupalera
 
SmartPhones
SmartPhonesSmartPhones
SmartPhones
 
Semana del Chilcano
Semana del ChilcanoSemana del Chilcano
Semana del Chilcano
 

Human Interface Guidelines for iOS, by Apple

Editor's Notes

  1. Consider putting a segmented control in a navigation bar at the top level of an app
  2. Minimal Scope
  3. Activity Views. Also for Share & Action extensions Split Views. For tablets
  4. Refresh Content Controls. Perform automatic content updates
  5. 3D Touch