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
230

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
88
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
120

Other Decks in Design

See All in Design
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
1
410
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
140
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
420
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
130
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
130
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
660
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
3k

Featured

See All Featured
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
53
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
300
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.5k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
430
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
250
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k

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