Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

How to build a kick-ass mobile experience

3,072 views

Published on

  • Be the first to comment

How to build a kick-ass mobile experience

  1. HOW TO BUILD A KICK-ASSMOBILE EXPERIENCE @MICHAELDICK
  2. How many peopleare new to mobile?---Rid you of fear that mobile is different. Let’s start with the Similarities
  3. Web designers know how to design for an evolving medium.
  4. Web designers know how to design around technical constraints.
  5. Web designers know how to design using similar tools.
  6. HTML is HTMLCSS is CSS.JS is JS.Safari is Safari.PHP, Ruby, .NET...arestill the same. Web designers know how to test using similar tools.
  7. Same input fields...but enhanced :)
  8. Use gestures---Tap, Slide, Glide, Swipe A finger is still a finger...but enhanced :)
  9. Mimic real world mental models.
  10. Manipulateyourcontent SOURCE: TIDBITS.COM
  11. SOURCE: 31THREE.COM
  12. SOURCE: APPSFORGROWNUPS.COM
  13. So what thehell is context? Context is King.
  14. Everything iscontext.--But is that how wedefine “mobile”....on thego?
  15. Are tablets mobile?
  16. “The ipad is somuch moreintimate.”- Steve Jobs SOURCE: WIKIPEDIA
  17. It’s hard to assume which context a user will be inBehaviors are changing
  18. 34% of users discover your site on a desktop... then follow up on mobile. SOURCE:YAHOO!
  19. But that’s whythe web works.---It’s an universal platformthat’s accessible fromanywhere---Users are changing devicesmid-way through their experience.---That’s why it’s important for usas designers to ensure that wecontinue a familiar exp across all platforms. Access is becoming part of the user experience.
  20. SO HOW DO I MAKE A KICK ASSUSER EXPERIENCE?!
  21. GOAL #! A great mobile experience is one that gets the userwhat they want with no hassle.
  22. What’spriority #1?---This is why the “Mobile first” works. Mobile forces us to have super human focus.
  23. It’s aboutmaking aminimal exp.---How can you get the contentclosest to the user? It’s not about making a minature experience.
  24. UX TIPSto tell your developer
  25. Design and build for fluid widths
  26. Always give tappable areas a width and height of: 44x44
  27. Disable autocorrectand autocapitalizein sensitive inputs Don’t let this happen to your users
  28. Behind the scenes• Hide the address bar.• Hide the browser chrome.• Change the color of the status bar.• Include mobile icon.• Use proper input fields.
  29. QATweet how kick-ass this was??! @michaeldick

×