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

Mobile Prototyping with Xcode

Avatar for Nikkel Blaase Nikkel Blaase
November 11, 2013
Design
240
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
160
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
180
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
510
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
98
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
120

Other Decks in Design

See All in Design
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
120
Treasure_Hunting
Avatar for Sol Metts solmetts
0
360
hicard_credential_202601
Avatar for hicard hicard
0
220
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
570
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
4k
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
250
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
1
1k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
280
デザインするために「多様性」について考える
Avatar for なつ iflection
0
260
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
160
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
300
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
260

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
350
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
89
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
200
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.2k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
930
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
870
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.3k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k

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