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

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
520
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
330
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
580
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
460
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
310
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
330
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
820
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.3k

Other Decks in Design

See All in Design
noteらしさを織り込むハーネスエンジニアリング
Avatar for uto usui uto
0
2.7k
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
160
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
2
1k
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
260
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
350
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
Avatar for Ayumi Suzuki ayumidesign
0
290
From Desktop to Spatial Interfaces UX Design Implications of Evolving Interaction Paradigms
Avatar for h.crane hcrane
0
150
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
Avatar for AccessInnovations accessinnovations
0
370
ひとりで作れる時代に、判断をみんなで持つには
Avatar for こぎそ / Shinichi Kogiso kgsi
1
150
使いたいときだけ使う 「道具のようなアプリケーション」を考える
Avatar for fumink fumink7
0
380
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.5k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
890

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
610
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
12k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
380
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
320
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
570
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k

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