• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
UX Design for Mobile Apps
 

UX Design for Mobile Apps

on

  • 8,958 views

 

Statistics

Views

Total Views
8,958
Views on SlideShare
2,257
Embed Views
6,701

Actions

Likes
15
Downloads
114
Comments
0

16 Embeds 6,701

http://uxpin.com 6143
http://www.uxpin.com 447
http://localhost 60
http://webdesigntrendbook.com 10
http://beta-front.uxpin.com 8
http://uxmanual.com 7
https://twitter.com 6
http://translate.googleusercontent.com 4
http://uxpin.dev.zoin.pl 4
http://162.209.7.20 3
http://uxpin.local 2
http://127.0.0.1 2
http://0.0.0.0 2
http://uxpin.pl 1
http://porn.uxpin.com 1
http://www.uxpinapp.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    UX Design for Mobile Apps UX Design for Mobile Apps Presentation Transcript

    • UX Design for mobile apps KAMIL ZIĘBA, Co-founder & Head of Product @ UXPin
    • KAMIL ZIĘBA Co-founder & Head of Product @ UXPinPREVIOUSLY: Freelancer & UI/UX Designer Grupa Nokaut S.A.
    • USEREXPERIENCEDr. Donald Norman USER EXPERIENCE
    • User ExperienceAll 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.
    • “App users have a big app appetite, downloading about 10 apps per month on average, but they rarely use these apps frequently or for long.”Josh Clark “Tapworthy: Designing Great iPhone Apps”
    • 47% easier to use than a mobile browser46% most entertaining way to use their mobile device44% fastest way to get informationhttp://appdevelopersalliance.org/files/pages/The%20Growing%20App%20Market%20Slides%209-17-2012.pdf
    • TOTAL GLOBAL APPLICATIONS MARKET (2017) $101.2 BILLIONhttp://www.strategyr.com/Smartphone_Apps_Market_Report.asp
    • THINGS TO REMEMBER
    • IDENTIFY YOUR CUSTOMERSWho is your target audience?
    • THINK ABOUT THE CONTEXT OF USEA mobile device can be used at anytime, anywhere. Context affects the interaction between the people and the interface.
    • ON THE COUCH ON THE GO
    • AVOID “ENGINEERSPEAK”This request couldn’t be completed.
    • AVOID “ENGINEERSPEAK”This request couldn’t be completed. WTF?
    • KEEP IT SIMPLEIf your UI requires instructions - it’s badly designed.
    • 80/20Generally, 80% of app users will use just 20% of its functionality.
    • LESS IS MOREIdentify the single, most important task to your app. AND MAKE IT DEAD SIMPLE.
    • KEEP IT SAFEDefault buttons in alert boxes should favor the safest option* CANCEL DELETE ALL
    • MAKE IT BRIEF AND CLEARKeep alerts brief and clear, explain them what happened and what they can do next.
    • Role-Playing the Interaction by Stephen Anderson (http://www.youtube.com/watch?v=hkAFdIrTR00)
    • USE DESIGN PATTERNS Follow conventions and patterns to reduce thelearning curve and to make the experience more intuitive.
    • UI DESIGN PATTERNS:http://patterntap.comhttp://www.mobile-patterns.comhttp://www.mobiledesignpatterngallery.com/http://www.mobilepatterns.comhttp://inspired-ui.com
    • “When it comes to mobile forms, be brutally efficient and trim, trim, trim.”— Luke Wroblewski, “Mobile First” (2011)
    • DESIGN FOR TOUCHAreas of interaction shouldn’t be smaller than 44pt.Smaller elements = bigger distance between them.
    • DESIGN FOR TOUCHPlace most importantactions in “thumb zone”
    • CONSIDER ORIENTATIONConsider both portraitand landscapeorientations whiledesigning an interface.
    • 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.”
    • WHAT’S WRONG WITH THESE DOORS?
    • AFFORDANCE Design aspect of an objectwhich suggest how the objectshould be used; a visual clue to its function and use.
    • DESIGN FOR EFFICIENCY Enable people to navigate to the most importantcontent and functionality in as few steps as possible. 1 2 3
    • ♥ 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
    • Customers care about their problems -not your solution.— Dave McClure
    • WHAT’S THE PROBLEMWE’RE TRYING TO SOLVE? Don’t try to solve a problem if there isn’t one.
    • HOW?Get out of the BuildingTalk with people, ask questionsBuild landing page*
    • IS IT WORKING?Build your “MVP” and test it!
    • HOW?Sketch itCreate prototypeBuild working demo
    • ITERATE!THINK MAKE CHECK
    • THANK YOU! ANY QUESTIONS? kamil@uxpin.com @ziebak