Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

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
430
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
81
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
110

Other Decks in Design

See All in Design
kintone Style Book
Avatar for kintone kintone
5
6.6k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
370
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
250
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
110
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
290
kintone_aroma
Avatar for kintone kintone
0
760
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
880
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
210
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
120
身の丈に合うところから始めるデザインシステム
Avatar for Tommy tommytommy30
1
110
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
130
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.2k

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
186
16k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
7k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.3k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.6k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
30
5.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
273
21k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
970
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
1
63

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