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

Prototyping for Mobile

Avatar for Todd Zaki Warfel Todd Zaki Warfel
August 24, 2013
Design
4
490

Prototyping for Mobile

Slides from #prototypecamp

Avatar for Todd Zaki Warfel

Todd Zaki Warfel

August 24, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
Avatar for Todd Zaki Warfel zakiwarfel
1
290
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
GA Hi-fi Design for Mobile Web
Avatar for Todd Zaki Warfel zakiwarfel
3
300
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
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
210
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
170
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2.9k
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
270
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
920
Liquid GlassとApp Intents
Avatar for touyou touyou
0
420
「UXとUIの違い」v2
Avatar for Shirasu3 shirasu3
0
250
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
150
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
270
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
190
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
PRO
0
150
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
220

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
514
110k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
690
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
620
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
910
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
190
55k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k

Transcript

  1. Prototyping for MOBILE zakiwarfel

  2. The web’s primary design principle is universality... it should be

    accessible from any kind of hardware that can connect to the internet: stationary or mobile, small screen or large. - Tim Berners-Lee

  3. Design Test @2x

  4. Mobile isn’t just about shrinking the content. You have to

    think about things like context, bandwidth, and touch.

  5. uxpin.com

  6. None

  7. popapp.in

  8. http://dribbble.com/shots/865767-iPhone-5-Grid

  9. http://dribbble.com/shots/1163274-Android-Design-Grid-Template-PSD-Large-800-x-1280-Vector

  10. bohemiancoding.com/sketch/

  11. None
  12. None
  13. None

  14. bjango.com/mac/skalapreview/

  15. invisionapp.com

  16. keynotopia.com

  17. maker.github.io/ratchet/

  18. sencha.com

  19. codiqa.com

  20. html.adobe.com/edge/inspect/

  21. THANKS zakiwarfel