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
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
430
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
430
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
2
2.2k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
650
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
210
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
PRO
0
230
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
260
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
650
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
320
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
2k
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
140

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.7k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
7.9k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
116
20k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k

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