Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mobile Prototyping with Xcode
Search
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
Share
More Decks by Nikkel Blaase
See All by Nikkel Blaase
Microinteractions
jaf_designer
1
140
Xing Icebreaker – Google Glass app
jaf_designer
1
150
Die Glaubensmaschine
jaf_designer
2
270
Der Google-Komplex – Suche und Retrieval
jaf_designer
0
60
Mobile Usability
jaf_designer
0
99
Other Decks in Design
See All in Design
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
130
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
6.5k
Chatwork プロダクトデザイン部 組織紹介(デザイナー向け)
chatwork_hr
1
520
Baby Bear Genius
yvonnehsuanho
PRO
0
600
B/43プラスカードができるまで
putchomsmartbank
1
630
Fooocus(Stable DiffusionXL)で アニメ画像生成の仕方
otanet
0
1.4k
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
5.4k
Webアプリケーションアクセシビリティ解説ウェビナー「8章 アクセシブルなUI設計の原理を導く」
magi1125
1
220
Speed Design
sergeychernyshev
9
270
decksh object reference
ajstarks
2
990
Design for disaster preparedness
norinity1103
0
120
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
1.3k
Featured
See All Featured
Web Components: a chance to create the future
zenorocha
307
41k
Pencils Down: Stop Designing & Start Developing
hursman
118
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
4 Signs Your Business is Dying
shpigford
178
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
24
1.8k
In The Pink: A Labor of Love
frogandcode
139
22k
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Cult of Friendly URLs
andyhume
75
5.9k
BBQ
matthewcrist
82
9k
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
Transcript
MOBILE PROTOTYPING WITH XCODE NIKKEL BLAASE
None
• 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
STORYBOARD LAYERS FILES PROPERTY INSPECTOR LIBRARY XCODE 5
LOOK MOM NO CODE!
STORYBOARDS
STORYBOARDS • No code required • WYSIWYG • Default UI
Element • Easy connecting the Views • Layers like PS • Gestures
UNIVERSAL APP • One storyboard for each device
• Navigation Controller NAVIGATION TYPES • Tab Bar Controller
HOW TO PROTOTYPE
HYBRID APP • Good for fancy Webtechnology, animations, interactions
NATIVE APP • Good for fast prototypes with different views
NATIVE UI ELEMENTS • Gestures • UI Elements • Controller
…
Websites • https://www.cocoacontrols.com • http://developer.apple.com CHECK THIS OUT
HAPPY PROTOTYPING :)