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

Mobile Prototyping with Xcode

Avatar for Nikkel Blaase Nikkel Blaase
November 11, 2013
Design
0
190

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.
Avatar for Nikkel Blaase

Nikkel Blaase

November 11, 2013
Tweet

More Decks by Nikkel Blaase

See All by Nikkel Blaase
Microinteractions
Avatar for Nikkel Blaase jaf_designer
1
150
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
160
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
380
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
67
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
100

Other Decks in Design

See All in Design
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
1
890
freee + Product Design FY25Q4
Avatar for freee freee
4
13k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
7
5.5k
sachi_y_portfolio
Avatar for Sachi sachi337
0
230
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
220
Marp + TailWind CSS でスライドをきれいにする
Avatar for maea2 maea2
0
170
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
Avatar for Hiroki Tani hilokifigma
1
980
RAKSUL_DESIGN_DECK_20250319
Avatar for RAKSUL raksulrecruiting
0
290
タイミーでフィールドワークしたら、サービスデザインが始まった
Avatar for 太田賢一 kenichiota0711
1
1.5k
250131_product meetup
Avatar for Motoko Ishida motokoishida
0
190
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
230
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
Avatar for Shota Ikeyatsu ikeyatsu
2
1.7k

Featured

See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
12k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
68
11k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Scaling GitHub
Avatar for Zach Holman holman
459
140k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
13k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
39
1.8k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
280
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.3k

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