Your SlideShare is downloading. ×
2013-02-05 UX design for mobile apps
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

2013-02-05 UX design for mobile apps

355

Published on

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

No Downloads
Views
Total Views
355
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
3
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. UX Design for mobile appsKAMIL ZIĘBA, Co-founder & Head of Product @ UXPin
  • 2. KAMIL ZIĘBACo-founder & Head of Product @ UXPinPREVIOUSLY: Freelancer & UI/UX Designer Grupa Nokaut S.A.
  • 3. USER EXPERIENCEUSEREXPERIENCEDr. Donald Norman
  • 4. All the aspects of how people use an interactiveproduct: the way it feels in their hands, how well theyunderstand how it works, how they feel about it whilethey’re using it, how well it serves their purposes, andhow well it fits into the entire context in which they areusing it.User Experience
  • 5. “App users have a big app appetite, downloadingabout 10 apps per month on average, but they rarelyuse these apps frequently or for long.”Josh Clark “Tapworthy: Designing Great iPhone Apps”
  • 6. 47% easier to use than a mobile browserhttp://appdevelopersalliance.org/files/pages/The%20Growing%20App%20Market%20Slides%209-17-2012.pdf46% most entertaining way to use their mobile device44% fastest way to get information
  • 7. $101.2 BILLIONTOTAL GLOBAL APPLICATIONS MARKET (2017)http://www.strategyr.com/Smartphone_Apps_Market_Report.asp
  • 8. THINGS TO REMEMBER
  • 9. IDENTIFY YOUR CUSTOMERSWho is your target audience?
  • 10. THINK ABOUT THE CONTEXT OF USEA mobile device can be used at anytime, anywhere.Context affects the interaction between the peopleand the interface.
  • 11. ON THE GOON THE COUCH
  • 12. This request couldn’t be completed.AVOID “ENGINEERSPEAK”
  • 13. This request couldn’t be completed.WTF?AVOID “ENGINEERSPEAK”
  • 14. KEEP IT SIMPLEIf your UI requires instructions - it’s badly designed.
  • 15. 80/20Generally, 80% of app users will use just20% of its functionality.
  • 16. Identify the single, most important task to your app.AND MAKE IT DEAD SIMPLE.LESS IS MORE
  • 17. KEEP IT SAFEDefault buttons in alert boxes shouldfavor the safest option*CANCEL DELETE ALL
  • 18. MAKE IT BRIEF AND CLEARKeep alerts brief and clear, explain them whathappened and what they can do next.
  • 19. Role-Playing the Interaction by Stephen Anderson (http://www.youtube.com/watch?v=hkAFdIrTR00)
  • 20. USE DESIGN PATTERNSFollow conventions and patterns to reduce thelearning curve and to make the experience moreintuitive.
  • 21. UI DESIGN PATTERNS:http://patterntap.comhttp://www.mobile-patterns.comhttp://www.mobiledesignpatterngallery.com/http://www.mobilepatterns.comhttp://inspired-ui.com
  • 22. “When it comes to mobile forms,be brutally efficient and trim, trim, trim.”— Luke Wroblewski, “Mobile First” (2011)
  • 23. DESIGN FOR TOUCHAreas of interaction shouldn’t be smaller than 44pt.Smaller elements = bigger distance between them.
  • 24. DESIGN FOR TOUCHPlace most importantactions in “thumb zone”
  • 25. CONSIDER ORIENTATIONConsider both portraitand landscapeorientations whiledesigning an interface.
  • 26. YOUR ICON IS YOUR BUSINESS CARD“Make your icon colorful, make it memorable, make it fun, but whateveryou do, don’t make it mysterious. The app icon is fundamentally anadvertisement, and like any good ad, it has to be clear what it’s selling.”
  • 27. WHAT’S WRONG WITH THESE DOORS?
  • 28. AFFORDANCEDesign aspect of an objectwhich suggest how the objectshould be used; a visual clueto its function and use.
  • 29. DESIGN FOR EFFICIENCYEnable people to navigate to the most importantcontent and functionality in as few steps as possible.1 2 3
  • 30. DESIGN FOR EMOTION“It is not enough that we build products that function,that are understandable and usable, we also need tobuild products that bring joy and excitement,pleasure and fun, and, yes, beauty to people’s lives.”— Don Norman♥ ♥
  • 31. Customers care about their problems -not your solution.— Dave McClure
  • 32. Don’t try to solve a problem if there isn’t one.WHAT’S THE PROBLEMWE’RE TRYING TO SOLVE?
  • 33. Get out of the BuildingTalk with people, ask questionsBuild landing page*HOW?
  • 34. Build your “MVP” and test it!IS IT WORKING?
  • 35. Sketch itHOW?Create prototypeBuild working demo
  • 36. THINK CHECKMAKEITERATE!
  • 37. THANK YOU!ANY QUESTIONS?kamil@uxpin.com@ziebak

×