Dan seward peak usability mobile slides for squiz

798 views

Published on

Dan Seward from Peak Usability presents at the Squiz web trends breakfast in Brisbane on how to build usable websites that are optimised for mobile devices.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
798
On SlideShare
0
From Embeds
0
Number of Embeds
161
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Dan seward peak usability mobile slides for squiz

  1. 1. DESIGNING FOR THE MOBILE WEB Dan Seward 2011 1  
  2. 2. STURGEON’S LAW 90% of everything is crap. 2  
  3. 3. TODAY, YOU GET:Mobile WEB usability:•  Case for mobile•  Platform selection•  Mobile web mindset•  Design tips 3  
  4. 4. DO I WANT TO GO MOBILE?•  Probably•  But maybe you don’t…… but you probably do. 2015 50%+ Aussie 477,000,000 new smartphone smartphones penetration Asia-Pacific computerworld.com.au
  5. 5. DESIGN FOR… SOMETHING?
  6. 6. FIRST, RESEARCH fluffStart here(or get here) core value
  7. 7. MOBILE MINDSET Environments + Burstiness Work desk Breakfast Laundromat Car (passenger of course) Bus Park benchBed Sofa Sidewalk At the Gabba …etc
  8. 8. THEN, BUILD don’t panic. focused basic clean
  9. 9. PRIMARY USE PATHI just want some pants.
  10. 10. LAYOUT•  Single column•  Fluid horizontal
  11. 11. PROVIDE CONTACT DETAILS…hello…?
  12. 12. ACCESS TO THE FULL SITEand back again.
  13. 13. MEANINGFUL INTERACTION“Every tap [or click]should have a payoff.” -Josh Clark (tapworthy)
  14. 14. TARGET SIZE AND PADDING7mm
  15. 15. LARGE FONTSGlance test
  16. 16. BUMP THE CONTRASTIf you can’t read itnobody else can either
  17. 17. IMAGES & TEXT CONTENTis is a picture of akitten
  18. 18. 18  
  19. 19. HTML 5 INPUT TYPESUse them. search month tel week url time email datetime-local datetime number date range
  20. 20. BANANA REPUBLIC Bo#o m  
  21. 21. PROTOTYPINGPunchcut (screen res mockups)http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutionsPaper sketches + Peak sketch holderSmashing Mag wireframing kit rounduphttp://www.smashingmagazine.com/2010/08/27/free-wireframing-kits-ui-design-kits-pdfs-and-resources/
  22. 22. See our mobile usability whitepaper at peakusability.com.au 07 3839 9593 information@peakusability.com.au

×