Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

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