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

Mobile Prototyping with Xcode

Nikkel Blaase
November 11, 2013
Design
0
150

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
140
Xing Icebreaker – Google Glass app
jaf_designer
1
160
Die Glaubensmaschine
jaf_designer
2
290
Der Google-Komplex – Suche und Retrieval
jaf_designer
0
60
Mobile Usability
jaf_designer
0
100

Other Decks in Design

See All in Design
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
170
Mitra Manual
nnidhz
0
190
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
260
富山デザイン勉強会_インフォグラフィックが上手に描けるコツ.pdf
keita_yoshikawa
1
170
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
110
Design System for training program
mct
0
110
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
730
デザイナー向け会社紹介資料（採用資料）
dreamarts
0
310
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
230
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
170
Webフォント選定の極意！フォントの基本から最新トレンドまで徹底解説
takanorip
3
590
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
820

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
268
27k
Web Components: a chance to create the future
zenorocha
310
42k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
For a Future-Friendly Web
brad_frost
174
9.3k
Building Better People: How to give real-time feedback that sticks.
wjessup
362
19k
It's Worth the Effort
3n
183
27k
How STYLIGHT went responsive
nonsquared
95
5.1k
RailsConf 2023
tenderlove
28
850
Building Applications with DynamoDB
mza
90
6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
A Philosophy of Restraint
colly
203
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k

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