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 Slide

  2. View Slide

  3. • 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 Slide

  4. STORYBOARD
    LAYERS
    FILES PROPERTY
    INSPECTOR
    LIBRARY
    XCODE 5

    View Slide

  5. LOOK MOM
    NO CODE!

    View Slide

  6. STORYBOARDS

    View Slide

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

    View Slide

  8. UNIVERSAL APP
    • One storyboard for each device

    View Slide

  9. • Navigation Controller
    NAVIGATION TYPES
    • Tab Bar Controller

    View Slide

  10. HOW TO
    PROTOTYPE

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  15. HAPPY
    PROTOTYPING
    :)

    View Slide