What's New in iOS User Interface Design Mike Stern User Experience Evangelist. These are confidential

  • View
    0

  • Download
    0

Embed Size (px)

Text of What's New in iOS User Interface Design Mike Stern User Experience Evangelist. These are...

  • These are confidential sessions—please refrain from streaming, blogging, or taking pictures

    Session 208

    What's New in iOS User Interface Design

    Greg Christie VP, 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 Christie VP, Human Interface

    Mike Stern User 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 Christie VP, 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 Christie VP, Human Interface

    Mike Stern User Experience Evangelist

  • Clarity

  • Deference

  • Depth

  • Detail

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • l

  • l

  • Getting Here

  • Text Scaling Text Styles

  • Text Scaling Text Styles

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

  • Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum

    Lorem ipsum Lorem ipsum Lorem 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 Information Mike Stern User Experience Evangelist stern@apple.com

    Documentation iOS 7 Transition Guide https://developer.apple.com/wwdc/resources/

    Apple Developer Forums http://devforums.apple.com

    mailto:stern@apple.com mailto:stern@apple.com