Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile Prototyping with Xcode

Nikkel Blaase
November 11, 2013

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

Nikkel Blaase

November 11, 2013
Tweet

More Decks by Nikkel Blaase

Other Decks in Design

Transcript

  1. MOBILE
    PROTOTYPING
    WITH XCODE
    NIKKEL BLAASE

    View full-size slide

  2. • Xcode + iOS Simulator installed on your mac
    !
    • For testing on real devices:
    • iOS Developer Account
    • Registered Device (iPhone, iPad, iPod)
    WHAT YOU NEED TO START

    View full-size slide

  3. STORYBOARD
    LAYERS
    FILES PROPERTY
    INSPECTOR
    LIBRARY
    XCODE 5

    View full-size slide

  4. LOOK MOM
    NO CODE!

    View full-size slide

  5. STORYBOARDS
    • No code required
    • WYSIWYG
    • Default UI Element
    • Easy connecting the Views
    • Layers like PS
    • Gestures

    View full-size slide

  6. UNIVERSAL APP
    • One storyboard for each device

    View full-size slide

  7. • Navigation Controller
    NAVIGATION TYPES
    • Tab Bar Controller

    View full-size slide

  8. HOW TO
    PROTOTYPE

    View full-size slide

  9. HYBRID APP
    • Good for fancy Webtechnology,
    animations, interactions

    View full-size slide

  10. NATIVE APP
    • Good for fast prototypes
    with different views

    View full-size slide

  11. NATIVE UI ELEMENTS
    • Gestures • UI Elements • Controller

    View full-size slide

  12. Websites
    • https://www.cocoacontrols.com
    • http://developer.apple.com
    CHECK THIS OUT

    View full-size slide

  13. HAPPY
    PROTOTYPING
    :)

    View full-size slide