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
0
190

Mobile Prototyping with Xcode

I gave a talk about mobile prototyping with Xcode.
Avatar for Nikkel Blaase

Nikkel Blaase

November 11, 2013
Tweet

More Decks by Nikkel Blaase

See All by Nikkel Blaase
Microinteractions
Avatar for Nikkel Blaase jaf_designer
1
150
Xing Icebreaker – Google Glass app
Avatar for Nikkel Blaase jaf_designer
1
160
Die Glaubensmaschine
Avatar for Nikkel Blaase jaf_designer
2
370
Der Google-Komplex – Suche und Retrieval
Avatar for Nikkel Blaase jaf_designer
0
67
Mobile Usability
Avatar for Nikkel Blaase jaf_designer
0
100

Other Decks in Design

See All in Design
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは？
Avatar for Atsushi Homma atsushihomma
1
390
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
Avatar for 448jp | OKI Yoshiya 448jp
0
3.4k
プロダクトデザインの「守破離」の「破」について
Avatar for HAYASHIRINE hayashirine
0
340
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
280
Social Anxiety
Avatar for Kayla Smith ksmith2024
0
190
LayerX DesignersDeck
Avatar for LayerX layerx
PRO
1
7.6k
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
270
共通言語としてのデザイントークンと Figmaでの運用
Avatar for Yuki Kamahori kamy0042
0
320
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
Avatar for Ameba Spindle spindle
9
5.3k
入社3ヶ月目のプロダクトデザイナー視点で見たヤプリ / Joining Yappli as a Product Designer: My Perspective After 90 Days
Avatar for Yappli Developers yappli_developers
0
190
「Figmaプラグイン開発してみた」＠スタメンデザイナーオープン勉強会
Avatar for YurufuwaKiyoshi kiyoshifuwa
0
160
OLTA株式会社/デザイン紹介資料
Avatar for OLTA株式会社 taxy
0
250

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.4k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.5k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
344
40k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
183
22k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.2k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
49k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
230
18k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.8k

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