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

Prototyping for Mobile

Todd Zaki Warfel
August 24, 2013
Design
4
480

Prototyping for Mobile

Slides from #prototypecamp

Todd Zaki Warfel

August 24, 2013
Tweet

More Decks by Todd Zaki Warfel

See All by Todd Zaki Warfel
Make Mentor Learn
zakiwarfel
1
290
Design Patterns & Systems
zakiwarfel
3
510
Paper Prototyping
zakiwarfel
1
400
GA Know Your Audience
zakiwarfel
0
260
GA UX Research Workshop
zakiwarfel
3
280
GA Hi-fi Design for Mobile Web
zakiwarfel
3
290
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
770
Designing with Data
zakiwarfel
98
5.2k

Other Decks in Design

See All in Design
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.4k
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
110
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
jct
1
180
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
450
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
ncdc
2
270
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.3k
線で考える画面構成
natsuume
1
840
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
420
ほしいテンプレート制作から始めるツール学習のススメ📝
60d
0
100
デザイナーのお仕事（UI/UX GRAPHIC GROUP）
mirrativ
0
220
The Golden Whitney
ohtristanart
PRO
0
270
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.4k

Featured

See All Featured
Statistics for Hackers
jakevdp
798
220k
Faster Mobile Websites
deanohume
306
31k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Documentation Writing (for coders)
carmenintech
69
4.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Bash Introduction
62gerente
611
210k
Agile that works and the tools we love
rasmusluckow
329
21k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
13
800
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k

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