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

Mobile Prototyping with Xcode

Nikkel Blaase
November 11, 2013
Design
0
170

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

Nikkel Blaase

November 11, 2013
Tweet

More Decks by Nikkel Blaase

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

Other Decks in Design

See All in Design
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
860
なぜ今必要？Figma×SmartHR×DMM.com×一休 エンジニア視点で考えるデザインシステム
hilokifigma
0
620
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
380
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
150
OLTA株式会社/デザイン紹介資料
taxy
0
110
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
ZKK_001.pdf
nicholaspegu
0
1.5k
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
110
Rayout Pattern 01
one0
0
1.5k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
170
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200

Featured

See All Featured
The Language of Interfaces
destraynor
156
24k
Automating Front-end Workflow
addyosmani
1368
200k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
We Have a Design System, Now What?
morganepeng
51
7.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
4 Signs Your Business is Dying
shpigford
182
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
550
Statistics for Hackers
jakevdp
797
220k
Six Lessons from altMBA
skipperchong
27
3.6k

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