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

Prototyping for Mobile

Todd Zaki Warfel
August 24, 2013
Design
4
460

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
270
Design Patterns & Systems
zakiwarfel
3
500
Paper Prototyping
zakiwarfel
1
380
GA Know Your Audience
zakiwarfel
0
250
GA UX Research Workshop
zakiwarfel
3
260
GA Hi-fi Design for Mobile Web
zakiwarfel
3
280
UXWeek Prototyping with HTML5
zakiwarfel
4
1.1k
Designing with HTML5, CSS3, and jQuery
zakiwarfel
8
760
Designing with Data
zakiwarfel
98
5.1k

Other Decks in Design

See All in Design
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
240
Дизайн услуги через её визуализацию с Картой процесса-опыта
ashapiro
0
200
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
530
Dinosaur Mayhem
storyartist
0
130
東急URBAN HACKSのデザイナーって何やってるの？ 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
250
Rayout Pattern 01
one0
0
1.1k
Dive Deep into Communication
yomtsu
0
190
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
170
セブンデックス カルチャーブック
sevendex
0
690
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
470
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
690

Featured

See All Featured
The Language of Interfaces
destraynor
156
24k
Optimising Largest Contentful Paint
csswizardry
33
3k
Faster Mobile Websites
deanohume
305
30k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
590
Designing for humans not robots
tammielis
250
25k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k

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