iOS Human Interface Guidelines
Contents
UI Design Basics 10
Designing for iOS 7 11
Defer to Content 12
Provide Clarity 15
Use Depth to Communicate 19
iOS App Anatomy 25
Starting and Stopping 28
Start Instantly 28
Always Be Prepared to Stop 30
Layout 32
Navigation 33
Modal Contexts 35
Interactivity and Feedback 37
Users Are Comfortable with the Standard Gestures 37
Feedback Aids Understanding 39
Inputting Information Should Be Simple and Easy 40
Terminology and Wording 42
Animation 43
Typography and Color 44
Typography Should Always Be Legible 44
Color Can Enhance Communication 45
Icons and Graphics 46
The App Icon 46
Other Icons 46
2013-06-10 | Copyright © 2013 Apple Inc. All Rights Reserved. Apple Confidential Information.
2
Graphics 46
Branding 48
Integrating with iOS 49
Use Standard UI Elements 49
Respond to Changes in Device Orientation 50
Downplay File and Document Handling 52
Be Configurable If Necessary 53
Design Strategies 54
Design Principles 55
Aesthetic Integrity 55
Consistency 56
Direct Manipulation 57
Feedback 58
Metaphors 58
User Control 59
From Concept to Product 60
Define Your App 60
1. List All the Features You Think Users Might Like 60
2. Determine Who Your Users Are 61
3. Filter the Feature List Through the Audience Definition 61
4. Don’t Stop There 61
Tailor Customization to the Task 62
Prototype & Iterate 64
Case Study: From Desktop to iOS 66
Keynote on iPad 66
Mail on iPhone 69
Web Content in iOS 70
iOS Technologies 72
Passbook 73
Routing 76
2013-06-10 | Copyright © 2013 Apple Inc. All Rights Reserved. Apple Confidential Information.
3
Contents
Social Media 79
iCloud 81
In-App Purchase 84
Game Center 86
Multitasking 88
Notification Center 90
AirPrint 95
Location Services 97
Quick Look 99
Sound 101
Understand User Expectations 101
Define the Audio Behavior of Your App 102
Manage Audio Interruptions 107
Handle Media Remote Control Events, if Appropriate 109
VoiceOver and Accessibility 110
Edit Menu 112
Undo and Redo 115
Keyboards and Input Views 117
UI Elements 118
Bars 119
The Status Bar 119
Appearance and Behavior 119
Guidelines 119
Navigation Bar 120
Appearance and Behavior 121
2013-06-10 | Copyright © 2013 Apple Inc. All Rights Reserved. Apple Confidential Information.
4
Contents
Guidelines 121
Toolbar 122
Appearance and Behavior 122
Guidelines 123
Toolbar and Navigation Bar Buttons 123
Tab Bar 125
Appearance and Behavior 125
Guidelines 125
Tab Bar Icons 126
Search Bar 128
Appearance and Behavior 128
Guidelines 128
Scope Bar 129
Appearance and Behavior 129
Guidelines 129
Content Views 130
Activity 130
Appearance and Behavior 130
Guidelines 132
Activity View Controller 133
Appearance and Behavior 133
Guidelines 134
Collection View 135
Appearance and Behavior 135
Guidelines 136
Container View Controller 137
Appearance and Behavior 137
Guidelines 137
Image View 137
Appearance and Behavior 138
Guidelines 138
Map View 139
Appearance and Behavior 139
Guidelines 140
Page View Controller 141
Appearance and Behavior 141
Guidelines 142
Scroll View 142
2013-06-10 | Copyright © 2013 Apple Inc. All Rights Reserved. Apple Confidential Information.
5
Contents