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
220

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
160
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
170
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
500
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
87
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
120

Other Decks in Design

See All in Design
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
690
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
410
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.1k
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
730
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
410
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
290
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
5
720
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
200
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
900
kintone_aroma
Avatar for kintone kintone
0
1.3k
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
650
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
250

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
120
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
740
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
290
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
340
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
87
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k

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