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

GA Hi-fi Design for Mobile Web

Avatar for Todd Zaki Warfel Todd Zaki Warfel
December 09, 2012
Design
3
300

GA Hi-fi Design for Mobile Web

Slides from the General Assembly Understanding UX Workshop

Avatar for Todd Zaki Warfel

Todd Zaki Warfel

December 09, 2012
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
Avatar for Todd Zaki Warfel zakiwarfel
1
290
Prototyping for Mobile
Avatar for Todd Zaki Warfel zakiwarfel
4
490
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
520
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
410
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
270
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
280
UXWeek Prototyping with HTML5
Avatar for Todd Zaki Warfel zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
Avatar for Todd Zaki Warfel zakiwarfel
8
770
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
8
2.2k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
380
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
240
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
490
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
170
デザイナーのAI活用とチームへの浸透戦略
Avatar for Kaori Ueda ukaoli
0
130
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
890k
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
Avatar for Takahiro Hayashi taka_piya
1
3.7k
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
160
Tools for Design Engineers other than LLM in the LLM era
Avatar for takanorip takanorip
1
500
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
310

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
79
6k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.3k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
5
170
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
25k
Gamification - CAS2011
Avatar for David Bonilla davidbonilla
81
5.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
45
2.5k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k

Transcript

  1. Hi-fi for the mobile web

  2. Interaction design without prototyping is like cooking without tasting. Craig

    Villamore, cvil.ly “

  3. Visual Inspiration

  4. dribbble.com

  5. subtlepatterns.com

  6. fontawesome.com

  7. pictos.cc

  8. Frameworks

  9. http://bit.ly/qGKWmF

  10. foundation.zurb.com

  11. Responsive/ Adaptive

  12. None

  13. http://adobe.ly/RcBOWX

  14. http://polarb.com

  15. gestureicons.com

  16. xscopeapp.com

  17. scala preview

  18. HTML5 & Mobile

  19. http://bit.ly/h5mobile

  20. http://slidesha.re/SIa1NS

  21. None

  22. nest.com

  23. None

  24. Testing

  25. invisionapp.com

  26. Todd Zaki Warfel @zakiwarfel Book http://bit.ly/protobk Slides http://bit.ly/SJvQwW