Mobile vs DesktopUX and UI Design for Mobile PlatformsFriday, 17 May 13
It’s simple, not obviousFriday, 17 May 13
It’s simple, not obviousFriday, 17 May 13
A few really basic things...Friday, 17 May 13
Mobile devices havesmaller screens(Duh!)You can’t start designingyour application with thesame premise as you didbefore. S...
Some good (extreme, butgood) examples.Friday, 17 May 13
And some bad examples.Friday, 17 May 13
There’s a theory, thatairplanes cockpits aremade this complexintentionally, so thatstupid people can’t fly aplane. But you...
Fingers are notmouse cursors( - still not a finger)Fingers are fat, and it’sdifficult to target smallbuttons.Bigger buttons...
When user taps onsomething, he coverspretty much everythingunderneath.Friday, 17 May 13
Touch screensgive no feedback(at least for now)User has to always lookat the screen wheninteracting with it whentapping.Yo...
Forget about clickingClicking is for mice. Onmobiles users tap. Andswipe, and pinch, andslide.Buttons suck on touchinterfa...
Sliding is better.Friday, 17 May 13
Friday, 17 May 13
Innovative doesn’talways mean goodDon’t over-engineer whatyou do. Some things aremeant to be simple,stupid and boring.Frid...
Friday, 17 May 13
Apps are not web sitesDon’t design them likeone. Better make awebsite instead.Friday, 17 May 13
Friday, 17 May 13
Mobile != AppsFriday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Not everything should be‘optimized for mobile’Friday, 17 May 13
Friday, 17 May 13
Stuffing a web site intoa really small screen isnot a good ideaFriday, 17 May 13
Don’t create an app if it’sthe same as a web site(no value = useless)Friday, 17 May 13
No bookmarks, no backbutton, no tabs - it’s aworse user experiencethan in a regularbrowser.Friday, 17 May 13
Always think aboutcontextFriday, 17 May 13
UserTask ContextFriday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Users have less time tointeract with mobile devices(don’t ask too many questions)Friday, 17 May 13
Friday, 17 May 13
People hate typing onmobile devices(but they still do it)Friday, 17 May 13
Friday, 17 May 13
Develop for offline(mobile != always online)Cache data, preload UI ifit’s loading frombackend, allow tocontinue workFriday,...
Responsive(your new favorite word)(if it’s not already)People are used to waitwhen opening a websiteor clicking on a link....
Fool a user and he willbe happier for it(Apple do that, why shouldn’t you?)Friday, 17 May 13
Users are unique(but 80-20 principle is still true)Friday, 17 May 13
Friday, 17 May 13
Don’t ask users whatthey want(give them something and see how they react)Friday, 17 May 13
Be prepared to startfrom scratchFriday, 17 May 13
ResearchFriday, 17 May 13
49%36%15%http://uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php72% 28%90% 10%Friday, 17 May 13
Tablets are a wholenew ball game(still not the same as desktop)Friday, 17 May 13
Design UX, not UI(but please do design good UI)Friday, 17 May 13
Friday, 17 May 13
Skeuomorphism?Minimalism?Skeuominimalism?(the choice is yours)http://sachagreif.com/flat-pixels/Friday, 17 May 13
Friday, 17 May 13
Friday, 17 May 13
Learn, investigate, steal!mobiledesignpatterngallery.compttrns.cominspired-ui.comFriday, 17 May 13
Quick Recap• Simple things are notnecessarily obvious• Keep in mind platformdifferences• Don’t create things thatdon’t add...
Upcoming SlideShare
Loading in...5
×

Mobile vs Desktop

559

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
559
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
22
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile vs Desktop"

  1. 1. Mobile vs DesktopUX and UI Design for Mobile PlatformsFriday, 17 May 13
  2. 2. It’s simple, not obviousFriday, 17 May 13
  3. 3. It’s simple, not obviousFriday, 17 May 13
  4. 4. A few really basic things...Friday, 17 May 13
  5. 5. Mobile devices havesmaller screens(Duh!)You can’t start designingyour application with thesame premise as you didbefore. Start from ablank slate.And I mean physicalscreen size, not numberof pixels. Number ofpixels nowadays meansnada.Friday, 17 May 13
  6. 6. Some good (extreme, butgood) examples.Friday, 17 May 13
  7. 7. And some bad examples.Friday, 17 May 13
  8. 8. There’s a theory, thatairplanes cockpits aremade this complexintentionally, so thatstupid people can’t fly aplane. But you wanteveryone to use your app,right?Friday, 17 May 13
  9. 9. Fingers are notmouse cursors( - still not a finger)Fingers are fat, and it’sdifficult to target smallbuttons.Bigger buttons, biggermenus.But it’s not ok to justresize controls.Fingers also comeattached to a hand.Friday, 17 May 13
  10. 10. When user taps onsomething, he coverspretty much everythingunderneath.Friday, 17 May 13
  11. 11. Touch screensgive no feedback(at least for now)User has to always lookat the screen wheninteracting with it whentapping.You can’t feel buttonedges, you also don’t feelif it’s pressed or not.Vibration and soundscan’t be a reliable methodof feedback.Friday, 17 May 13
  12. 12. Forget about clickingClicking is for mice. Onmobiles users tap. Andswipe, and pinch, andslide.Buttons suck on touchinterfaces. As long asyou think in buttons youare not going to provide abetter user experience toyour users.Friday, 17 May 13
  13. 13. Sliding is better.Friday, 17 May 13
  14. 14. Friday, 17 May 13
  15. 15. Innovative doesn’talways mean goodDon’t over-engineer whatyou do. Some things aremeant to be simple,stupid and boring.Friday, 17 May 13
  16. 16. Friday, 17 May 13
  17. 17. Apps are not web sitesDon’t design them likeone. Better make awebsite instead.Friday, 17 May 13
  18. 18. Friday, 17 May 13
  19. 19. Mobile != AppsFriday, 17 May 13
  20. 20. Friday, 17 May 13
  21. 21. Friday, 17 May 13
  22. 22. Not everything should be‘optimized for mobile’Friday, 17 May 13
  23. 23. Friday, 17 May 13
  24. 24. Stuffing a web site intoa really small screen isnot a good ideaFriday, 17 May 13
  25. 25. Don’t create an app if it’sthe same as a web site(no value = useless)Friday, 17 May 13
  26. 26. No bookmarks, no backbutton, no tabs - it’s aworse user experiencethan in a regularbrowser.Friday, 17 May 13
  27. 27. Always think aboutcontextFriday, 17 May 13
  28. 28. UserTask ContextFriday, 17 May 13
  29. 29. Friday, 17 May 13
  30. 30. Friday, 17 May 13
  31. 31. Users have less time tointeract with mobile devices(don’t ask too many questions)Friday, 17 May 13
  32. 32. Friday, 17 May 13
  33. 33. People hate typing onmobile devices(but they still do it)Friday, 17 May 13
  34. 34. Friday, 17 May 13
  35. 35. Develop for offline(mobile != always online)Cache data, preload UI ifit’s loading frombackend, allow tocontinue workFriday, 17 May 13
  36. 36. Responsive(your new favorite word)(if it’s not already)People are used to waitwhen opening a websiteor clicking on a link. Butthe same people will hateyour app if they have towait when they opensomething.Friday, 17 May 13
  37. 37. Fool a user and he willbe happier for it(Apple do that, why shouldn’t you?)Friday, 17 May 13
  38. 38. Users are unique(but 80-20 principle is still true)Friday, 17 May 13
  39. 39. Friday, 17 May 13
  40. 40. Don’t ask users whatthey want(give them something and see how they react)Friday, 17 May 13
  41. 41. Be prepared to startfrom scratchFriday, 17 May 13
  42. 42. ResearchFriday, 17 May 13
  43. 43. 49%36%15%http://uxmatters.com/mt/archives/2013/02/how-do-users-really-hold-mobile-devices.php72% 28%90% 10%Friday, 17 May 13
  44. 44. Tablets are a wholenew ball game(still not the same as desktop)Friday, 17 May 13
  45. 45. Design UX, not UI(but please do design good UI)Friday, 17 May 13
  46. 46. Friday, 17 May 13
  47. 47. Skeuomorphism?Minimalism?Skeuominimalism?(the choice is yours)http://sachagreif.com/flat-pixels/Friday, 17 May 13
  48. 48. Friday, 17 May 13
  49. 49. Friday, 17 May 13
  50. 50. Learn, investigate, steal!mobiledesignpatterngallery.compttrns.cominspired-ui.comFriday, 17 May 13
  51. 51. Quick Recap• Simple things are notnecessarily obvious• Keep in mind platformdifferences• Don’t create things thatdon’t add value• Forget about ‘mouse UI’paradigms• Remember context• Design UX, not a UI• Think about users, notfeatures• Always look at howothers do it• Be prepared to changeeverythingvasiliy.popov@gmail.comFriday, 17 May 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×