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
300
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
780
Designing with Data
Avatar for Todd Zaki Warfel zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
150
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.3k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
PRO
0
220
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.7k
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
120
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
100
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
710
Liquid GlassとApp Intents
Avatar for touyou touyou
0
450
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
120
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
870
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
830

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
620
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.9k
KATA
Avatar for Megan Lloyd mclloyd
PRO
32
15k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
526
40k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4k

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