Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
280
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
180
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
190
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
550
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
120
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
150

Other Decks in Design

See All in Design
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
2
170
飲み会を妻に伝えるベストタイミング分析
Avatar for kudaranaishiryo kudaranai
0
110
RawrXD: The Sword
Avatar for Sean Natarajan seanvraj_arts
0
240
Pra não dizer que não falei das flores...
Avatar for Viviane Delvequio videlvequio
0
160
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
470
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.5k
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
960
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
890
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
2
1.7k
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
230
デザイン組織の広報が、AIを_社内外に広げる_ためにやってきたこと
Avatar for MIXI DESIGN mixi_design
PRO
0
180
tokikai Webポータルの要点｜仕様へのこだわりポイントまとめ
Avatar for ソニリア ❖ 村の思想家 soniria
0
460

Featured

See All Featured
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
570
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
14
40k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.2k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
620
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
1.1k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
2
790
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.2k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
68
60k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.8k

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 :)