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

GA Hi-fi Design for Mobile Web

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Todd Zaki Warfel Todd Zaki Warfel
December 09, 2012
Design
320
3

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

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
Avatar for Todd Zaki Warfel zakiwarfel
1
310
Prototyping for Mobile
Avatar for Todd Zaki Warfel zakiwarfel
4
510
Design Patterns & Systems
Avatar for Todd Zaki Warfel zakiwarfel
3
550
Paper Prototyping
Avatar for Todd Zaki Warfel zakiwarfel
1
440
GA Know Your Audience
Avatar for Todd Zaki Warfel zakiwarfel
0
290
GA UX Research Workshop
Avatar for Todd Zaki Warfel zakiwarfel
3
310
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
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
820
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
760
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
Avatar for Sho Nagata nagata03
0
400
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.2k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
Avatar for mewmo mewmo
0
240
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
240
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.5k
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
140
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
380
Diverse Design Team Deck
Avatar for Diverse diverse
0
1.8k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
2.3k

Featured

See All Featured
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
580
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
310
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
120k
New Earth Scene 8
Avatar for Sydney Stone popppiees
3
2.3k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
28
3.5k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
240
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
290
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.7k

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