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

Mobile Prototyping with Xcode

C9105ed9263a733c6076f837abd645ed?s=47 Nikkel Blaase
November 11, 2013
Design
0
130

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

C9105ed9263a733c6076f837abd645ed?s=128

Nikkel Blaase

November 11, 2013
Tweet

More Decks by Nikkel Blaase

See All by Nikkel Blaase
Microinteractions
C9105ed9263a733c6076f837abd645ed?s=48 jaf_designer
1
130
Xing Icebreaker – Google Glass app
C9105ed9263a733c6076f837abd645ed?s=48 jaf_designer
1
140
Die Glaubensmaschine
C9105ed9263a733c6076f837abd645ed?s=48 jaf_designer
2
160
Der Google-Komplex – Suche und Retrieval
C9105ed9263a733c6076f837abd645ed?s=48 jaf_designer
0
45
Mobile Usability
C9105ed9263a733c6076f837abd645ed?s=48 jaf_designer
0
67

Other Decks in Design

See All in Design
ZENKIGEN Designについて
79f0cb7dbd41a861cfd94dc13ce879e8?s=48 yonekura907
0
620
Big Surからの四角いアイコン / Rounded Rectangle Icons since Big Sur
2174bd20a68bf55c494a424ad3790f4a?s=48 1024jp
2
170
ユーザーに向き合うために 普段から意識していること
2852b6f0c4ec2c7a3a4a3603d4d5a662?s=48 koichikato
0
130
アンドパッドのデザインシステムの今までとこれから
98616aa6b83a1cd3f1c7d22e2e1ad526?s=48 sizucca
2
1.2k
デザインスプリントの組織導入と活用について
F126c62320c208faf9abbeda8a6343dc?s=48 transit_kix
3
1.4k
"Friendship" - Personal Story Sequence
A2b28582eb2007b9efe661942bb29a94?s=48 innsamity
1
190
ダークモード対応に困ったときの便利な処方箋 / Color scheme for dark mode
6e6c7132d99fd8febb2193fd21809d20?s=48 featherplain
2
470
Visional 新卒デザイナー向け 会社説明資料 / Visional Company Briefing for Designer
B703da7cc05ce9718d63f9b2c6028ff7?s=48 visional_design
2
2.4k
幸せなパーパス経営の実現に欠かせない、社員の「個人理念」の重要性と活用法
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
0
120
Owl House Story Test
Bdd9e989b8078ae14ea9abd4d4d81a83?s=48 blakedg95
1
340
2021年度進級制作展プレゼンスライド
2979d12b0c105e012d9c317af56d6869?s=48 nagi_1073
0
190
バーチャル街づくり連合（構想V1）
8c36fb60ec838f3116b7fbebe778948e?s=48 showyingart
0
1.1k

Featured

See All Featured
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
295
110k
Producing Creativity
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
333
37k
The Most Common Mistakes in Cover Letters
1ce0eb06fd6a9e9566a0cb310cfee635?s=48 jrick
PRO
4
24k
The Invisible Side of Design
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
289
48k
XXLCSS - How to scale CSS and keep your sanity
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
236
1M
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
100
5.9k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k
Easily Structure & Communicate Ideas using Wireframe
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
15k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k

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