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

Prototyping for Mobile

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Todd Zaki Warfel Todd Zaki Warfel
August 24, 2013
Design
510
4

Prototyping for Mobile

Slides from #prototypecamp

Avatar for Todd Zaki Warfel

Todd Zaki Warfel

August 24, 2013

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
Avatar for Todd Zaki Warfel zakiwarfel
1
320
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
550
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
450
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
290
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
320
GA Hi-fi Design for Mobile Web
Avatar for Todd Zaki Warfel zakiwarfel
3
320
UXWeek Prototyping with HTML5
Avatar for Todd Zaki Warfel zakiwarfel
4
1.2k
Designing with HTML5, CSS3, and jQuery
Avatar for Todd Zaki Warfel zakiwarfel
8
810
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
220
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.4k
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.8k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
290
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for kgsi kgsi
0
790
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
210
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
790
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
2.8k
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
150
AI時代に求められるUXデザインのアプローチ
Avatar for xtone xtone
1
7.3k
Decksh keywords
Avatar for Anthony Starks ajstarks
0
110
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
3
29k

Featured

See All Featured
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
650
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.7k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
350
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
460
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.4k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
240
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k

Transcript

  1. Prototyping for MOBILE zakiwarfel

  2. The web’s primary design principle is universality... it should be

    accessible from any kind of hardware that can connect to the internet: stationary or mobile, small screen or large. - Tim Berners-Lee

  3. Design Test @2x

  4. Mobile isn’t just about shrinking the content. You have to

    think about things like context, bandwidth, and touch.

  5. uxpin.com

  6. None

  7. popapp.in

  8. http://dribbble.com/shots/865767-iPhone-5-Grid

  9. http://dribbble.com/shots/1163274-Android-Design-Grid-Template-PSD-Large-800-x-1280-Vector

  10. bohemiancoding.com/sketch/

  11. None
  12. None
  13. None

  14. bjango.com/mac/skalapreview/

  15. invisionapp.com

  16. keynotopia.com

  17. maker.github.io/ratchet/

  18. sencha.com

  19. codiqa.com

  20. html.adobe.com/edge/inspect/

  21. THANKS zakiwarfel