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
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
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
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
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
330
2026-04-06 CMU School of Design "Vision-Driven Design"
Avatar for Hiroshi Ishii ishii_mit
0
100
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
240
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
130
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
230
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
500
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
310
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
2
2.6k
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
430
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
8
19k
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
220
Claudeもくもく会、はじめませんか？
Avatar for yusukeiyoda yusukeiyoda
0
130

Featured

See All Featured
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.3k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.1k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
160
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
Avatar for Szymon Słowik szymonslowik
1
1.2k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
230
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
220
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
350
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.6k

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