Your SlideShare is downloading. ×
Mobile vs Desktop
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Mobile vs Desktop

405
views

Published on


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

  • Be the first to like this

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Mobile vs DesktopUX and UI Design for Mobile PlatformsFriday, 17 May 13
  • 2. It’s simple, not obviousFriday, 17 May 13
  • 3. It’s simple, not obviousFriday, 17 May 13
  • 4. A few really basic things...Friday, 17 May 13
  • 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. Some good (extreme, butgood) examples.Friday, 17 May 13
  • 7. And some bad examples.Friday, 17 May 13
  • 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. 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. When user taps onsomething, he coverspretty much everythingunderneath.Friday, 17 May 13
  • 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. 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. Sliding is better.Friday, 17 May 13
  • 14. Friday, 17 May 13
  • 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. Friday, 17 May 13
  • 17. Apps are not web sitesDon’t design them likeone. Better make awebsite instead.Friday, 17 May 13
  • 18. Friday, 17 May 13
  • 19. Mobile != AppsFriday, 17 May 13
  • 20. Friday, 17 May 13
  • 21. Friday, 17 May 13
  • 22. Not everything should be‘optimized for mobile’Friday, 17 May 13
  • 23. Friday, 17 May 13
  • 24. Stuffing a web site intoa really small screen isnot a good ideaFriday, 17 May 13
  • 25. Don’t create an app if it’sthe same as a web site(no value = useless)Friday, 17 May 13
  • 26. No bookmarks, no backbutton, no tabs - it’s aworse user experiencethan in a regularbrowser.Friday, 17 May 13
  • 27. Always think aboutcontextFriday, 17 May 13
  • 28. UserTask ContextFriday, 17 May 13
  • 29. Friday, 17 May 13
  • 30. Friday, 17 May 13
  • 31. Users have less time tointeract with mobile devices(don’t ask too many questions)Friday, 17 May 13
  • 32. Friday, 17 May 13
  • 33. People hate typing onmobile devices(but they still do it)Friday, 17 May 13
  • 34. Friday, 17 May 13
  • 35. Develop for offline(mobile != always online)Cache data, preload UI ifit’s loading frombackend, allow tocontinue workFriday, 17 May 13
  • 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. Fool a user and he willbe happier for it(Apple do that, why shouldn’t you?)Friday, 17 May 13
  • 38. Users are unique(but 80-20 principle is still true)Friday, 17 May 13
  • 39. Friday, 17 May 13
  • 40. Don’t ask users whatthey want(give them something and see how they react)Friday, 17 May 13
  • 41. Be prepared to startfrom scratchFriday, 17 May 13
  • 42. ResearchFriday, 17 May 13
  • 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. Tablets are a wholenew ball game(still not the same as desktop)Friday, 17 May 13
  • 45. Design UX, not UI(but please do design good UI)Friday, 17 May 13
  • 46. Friday, 17 May 13
  • 47. Skeuomorphism?Minimalism?Skeuominimalism?(the choice is yours)http://sachagreif.com/flat-pixels/Friday, 17 May 13
  • 48. Friday, 17 May 13
  • 49. Friday, 17 May 13
  • 50. Learn, investigate, steal!mobiledesignpatterngallery.compttrns.cominspired-ui.comFriday, 17 May 13
  • 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