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
250
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
170
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
180
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
520
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
110
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
130

Other Decks in Design

See All in Design
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
340
test deck title
Avatar for Shota Matsuo shotamatsuo
0
1.5k
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
400
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
130
Frontier
Avatar for Renny Wang rwang05
0
170
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
610
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.5k
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
1
1.9k
工房としてのAI ── デザイナー、作家、ビルダー
Avatar for hiranotomoki hiranotomoki
0
330
hicard_credential_202601
Avatar for hicard hicard
0
260
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
140

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.8k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
410
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
610
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.4k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
190

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