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

Mobile Prototyping with Xcode

Nikkel Blaase
November 11, 2013
Design
0
180

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
360
Der Google-Komplex – Suche und Retrieval
jaf_designer
0
67
Mobile Usability
jaf_designer
0
100

Other Decks in Design

See All in Design
Dive Deep into Communication
yomtsu
0
240
Rayout Pattern 01
one0
0
1.8k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
300
Illustrator2025がやってきた！私が好きな新機能
hamko1114
0
140
The Golden Whitney
ohtristanart
PRO
0
240
横断組織デザイナーの働き方
mixi_design
PRO
0
430
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
330
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
8
76k
「デザイン」を信じるには
iflection
0
170
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
180
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
310
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
860

Featured

See All Featured
Producing Creativity
orderedlist
PRO
344
40k
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
380
A better future with KSS
kneath
239
17k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Code Reviewing Like a Champion
maltzj
522
39k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
KATA
mclloyd
29
14k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k

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