Mobile Prototyping with Xcode

Transcript

1. 1.

   MOBILE PROTOTYPING WITH XCODE NIKKEL BLAASE

2. 2.

   None
3. 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
4. 4.

   STORYBOARD LAYERS FILES PROPERTY INSPECTOR LIBRARY XCODE 5

5. 5.

   LOOK MOM NO CODE!

6. 6.

   STORYBOARDS

7. 7.

   STORYBOARDS • No code required • WYSIWYG • Default UI

   Element • Easy connecting the Views • Layers like PS • Gestures
8. 8.

   UNIVERSAL APP • One storyboard for each device

9. 9.

   • Navigation Controller NAVIGATION TYPES • Tab Bar Controller

10. 10.

    HOW TO PROTOTYPE

11. 11.

    HYBRID APP • Good for fancy Webtechnology, animations, interactions

12. 12.

    NATIVE APP • Good for fast prototypes with different views

13. 13.

    NATIVE UI ELEMENTS • Gestures • UI Elements • Controller

    …
14. 14.

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

15. 15.

    HAPPY PROTOTYPING :)