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

Mobile Prototyping with Xcode

Nikkel Blaase
November 11, 2013
Design
0
160

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

Other Decks in Design

See All in Design
ZKK_001.pdf
nicholaspegu
0
1.4k
Haruki_Konaka_Portforio.pdf
haruki556
0
870
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜
tak073
0
200
Improve a service workshop
mastervicedesign
1
140
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
230
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.3k
Night Shift concept 9/15/2024
cpineda57
0
750
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは？
atsushihomma
0
320
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
720
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
220
デザインシステム構築の進め方　基本から実践まで、具体的な手順を徹底解説
ncdc
1
350
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
180

Featured

See All Featured
How to Ace a Technical Interview
jacobian
276
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
18
2.3k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Mobile First: as difficult as doing things right
swwweet
222
9k
Done Done
chrislema
182
16k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Thoughts on Productivity
jonyablonski
68
4.4k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Six Lessons from altMBA
skipperchong
27
3.5k
The Language of Interfaces
destraynor
155
24k
A Modern Web Designer's Workflow
chriscoyier
693
190k

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