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

Mobile Prototyping with Xcode

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Nikkel Blaase Nikkel Blaase
November 11, 2013
Design
250
0

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

Avatar for Nikkel Blaase

Nikkel Blaase

November 11, 2013

More Decks by Nikkel Blaase

See All by Nikkel Blaase
Microinteractions
Avatar for Nikkel Blaase jaf_designer
1
170
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
180
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
520
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
110
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
130

Other Decks in Design

See All in Design
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.2k
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
240
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
300
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.1k
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
140
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
130
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.4k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
500
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.7k
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
830
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.5k
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.6k

Featured

See All Featured
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Docker and Python
Avatar for Tania Allard trallard
47
3.9k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
850
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
270
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
230
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
2.1k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
280

Transcript

  1. MOBILE PROTOTYPING WITH XCODE NIKKEL BLAASE

  2. None

  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. STORYBOARD LAYERS FILES PROPERTY INSPECTOR LIBRARY XCODE 5

  5. LOOK MOM NO CODE!

  6. STORYBOARDS

  7. STORYBOARDS • No code required • WYSIWYG • Default UI

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

  8. UNIVERSAL APP • One storyboard for each device

  9. • Navigation Controller NAVIGATION TYPES • Tab Bar Controller

  10. HOW TO PROTOTYPE

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

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

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

    …

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

  15. HAPPY PROTOTYPING :)