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

Addmi 09-analysis ui-reporting
Addmi 09-analysis ui-reportingAddmi 09-analysis ui-reporting
Addmi 09-analysis ui-reporting
odanyboy
 

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

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
Franco Cedillo
 
Gratificante Experiencia Drupalera
Gratificante Experiencia DrupaleraGratificante Experiencia Drupalera
Gratificante Experiencia Drupalera
Franco 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
 

Recently uploaded

Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Cara Menggugurkan Kandungan 087776558899
 

Recently uploaded (6)

Mobile Application Development-Components and Layouts
Mobile Application Development-Components and LayoutsMobile Application Development-Components and Layouts
Mobile Application Development-Components and Layouts
 
Leading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdfLeading Mobile App Development Companies in India (2).pdf
Leading Mobile App Development Companies in India (2).pdf
 
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
Obat Penggugur Kandungan Di Apotik Kimia Farma (087776558899)
 
Android Application Components with Implementation & Examples
Android Application Components with Implementation & ExamplesAndroid Application Components with Implementation & Examples
Android Application Components with Implementation & Examples
 
Mobile Application Development-Android and It’s Tools
Mobile Application Development-Android and It’s ToolsMobile Application Development-Android and It’s Tools
Mobile Application Development-Android and It’s Tools
 
Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
Satara Call girl escort *74796//13122* Call me punam call girls 24*7hour avai...
 

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