what's new in ios user interface design · mike stern user experience evangelist. these are...
TRANSCRIPT
-
These are confidential sessions—please refrain from streaming, blogging, or taking pictures
Session 208
What's New in iOS User Interface Design
Greg ChristieVP, Human Interface
Mike Stern User Experience Evangelist
-
These are confidential sessions—please refrain from streaming, blogging, or taking pictures
Session 208
What's New in iOS User Interface Design
Greg ChristieVP, Human Interface
Mike SternUser Experience Evangelist
-
These are confidential sessions—please refrain from streaming, blogging, or taking pictures
Comparing the Efficacy of Multilayer Perceptron Networks vs. Support Vector Machines
Session 208
Adaptive Models for Ad Click-Through
Greg ChristieVP, Human Interface
Mike SternUser Experience Evangelist
-
These are confidential sessions—please refrain from streaming, blogging, or taking pictures
Session 208
What's New in iOS User Interface Design
Greg ChristieVP, Human Interface
Mike SternUser Experience Evangelist
-
Clarity
-
Deference
-
Depth
-
Detail
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
l
-
l
-
Getting Here
-
Text ScalingText Styles
-
Text ScalingText Styles
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsumLorem ipsum
Lorem ipsumLorem ipsumLorem ipsum
-
Text Styles
-
•Headline1•Headline2•Body• Subhead1• Subhead2• Footnote• Caption1• Caption2
-
Status
Message Preview
Subject
Sender
Date
Navigation Bar ButtonBack Button
Title
-
Caption2
Subhead2
Subhead1
Headline2
Subhead2
Headline2Headline2
Headline1
-
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
-
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• LARGE
-
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• Headline1
• Headline2
• Body
• Subhead1
• Subhead2
• Footnote
• Caption1
• Caption2
• LARGE • XXXLARGE• XSMALL • XXLARGE• XLARGE• MEDIUM• SMALL
-
Typography
-
Bars
-
Buttons Without Borders
-
Words Matter
-
Familiarity
-
Hierarchy and Context
-
Functionality First
-
Icons and Text
-
Realism
-
Clutter
-
Color
-
Iconography
-
Tab bar
Toolbar
Settings
Others
UI Kit
Weather
-
Tab bar
Toolbar
Settings
Others
UI Kit
Weather
-
Affordance
-
640
-
More About Realism
-
More About Color
-
RGB: 255,59,48
-
RGB: 255,59,48
-
RGB: 255,59,48
-
RGB: 255,59,48
-
Switches
-
Date Pickers
-
Back Buttons
-
Control Center
-
Layering and Context
-
Home Screen
-
114 120
114 120
-
Final Thoughts
-
Clarity
-
Deference
-
Depth
-
Now It’s Your Turn…
-
More InformationMike SternUser Experience [email protected]
DocumentationiOS 7 Transition Guidehttps://developer.apple.com/wwdc/resources/
Apple Developer Forumshttp://devforums.apple.com