Your SlideShare is downloading. ×
How to build a kick-ass mobile experience
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

How to build a kick-ass mobile experience

2,400
views

Published on


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

No Downloads
Views
Total Views
2,400
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
31
Comments
0
Likes
5
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. 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