Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Mobile Prototyping with Xcode

Avatar for Nikkel Blaase Nikkel Blaase
November 11, 2013
Design
280
0

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.

Avatar for Nikkel Blaase

Nikkel Blaase

November 11, 2013

More Decks by Nikkel Blaase

See All by Nikkel Blaase
Microinteractions
Avatar for Nikkel Blaase jaf_designer
1
180
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
190
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
550
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
120
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
150

Other Decks in Design

See All in Design
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
1
130
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
390
Jun Wei | Information Design & Presentation Portfolio
Avatar for Wong Jun Wei wjw100788
PRO
0
160
ひとりで作れる時代に、 判断をみんなで持つには。/ Build alone share judgment
Avatar for こぎそ / Shinichi Kogiso kgsi
1
650
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
Avatar for Kenta Iwasaki iwaken71
0
190
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
Avatar for Sayaka Kubouchi sayadesign2
0
810
Design_Harness_and_Loop.pdf
Avatar for 長津孝輔 nagatsu
0
120
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for Beeworks Marketing Design webnaut
2
290
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
360
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
360
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
2
990
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
120

Featured

See All Featured
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
740
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
310
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
371
20k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
220
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
500
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
330
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
11
1.1k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
350
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
400

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