Downloaded 18 times
Uploaded byNir Benita
UX desing principles for Mobile
This document discusses mobile UX design. It notes that 75% of traffic now comes from mobile apps and that mobile usage is approaching a majority. When planning an app, developers must choose between native and HTML approaches. Native apps have advantages like unlimited hardware access and offline use but are more expensive to develop, while HTML is cheaper but lacks some capabilities. The document emphasizes designing for insights about users rather than ideas, using qualitative research to understand why problems exist. It also stresses knowing users, doing one thing well, focusing on the user experience above all else, moving quickly through iterations, and providing natural and intuitive experiences through careful attention to details.
More Related Content
Similar to UX desing principles for Mobile
UX desing principles for Mobile
- 1.
- 2.
- 6. Why are wehere?
- 7. “21% of usersare Desktop only” “75% of all traffic coming from apps” “LinkedIn Mobile Usage Approaching A Majority — Now At 41%” Source - TechCrunch
- 8.
- 9.
- 10.
- 11. Write once -run anywhere HTML & JavaScript Faster development No approval process Remote updating
- 12. Slow rendering Only <20%spent on mobile browser Limited hardware access Less “discoverable”
- 13. Great UX Unlimited hardware access >80%spent on native apps App store ecosystem Offline use
- 14. Unique programming languages Expensive development More complexupdates Support for older versions
- 15. –Mick Johnson, iOSProduct Manager at Facebook “EMBEDDING HTML5 INSIDE AN APP ISN'T WHAT PEOPLE EXPECT.”
- 16. Change of context,not size
- 19. Design for insights,not ideas
- 20.
- 21.
- 22. Sarah Aaron -Aspirational Cosmopolitan 22 Story: ‣ Avid fashionista who keeps up with the latest trends ‣ Reads the S website ‣ Buys, shoes, accessories and starting to buy casual wear online ‣ Loves live theatre but doesn’t go often ‣ She is also a foodie and loves to keep up with the latest in NYC ‣ When she cans she likes to cook ‣ Got promoted to Gallery Dir. Demographic: ‣ Female ‣ 38 yr ‣ Gallery assistant director at Gaggosian ‣ 58k YR ‣ No Kids ‣ Engaged ‣ Busy Goals (objectives): ‣ She wants to go out more often, because of work and because social ‣ She needs to expand her night time wardrobe ‣ Seeking more complicated outfits and combinations ‣ Needs to look like a million bucks on her budget ‣ She wants to be the boss ‣ To look the part - sophisticated and trustworthy Needs: ‣ To see the latest looks ‣ Needs to be able to curate ‣ Search by keywords ‣ Search by role ‣ Search by location ‣ Needs to be entrained / engaged ‣ To be able to purchase with one click and have deals ‣ Related items ‣ Favorites ‣ Budget planner ‣ Pintrest integration
- 23. Increase Revenue 23 Term ConceptObtainability Desirability Total S Subscription 9 9 18 L Affiliate Program 7 7 14 S Ad Revenue 10 10 20 M Branded Product 6 8 14 S Sponsors 7 9 16 L SAAS for decisions (Visualization) 7 8 15 L Quarterly Periodical 6 8 14 S Mobile ads 9 9 18 S Tiered pricing - Free, Paid is more bespoke 9 9 18 L Network / Connections 5 8 13 L Research Services 6 8 14 M Paid Job Board 7 8 15 M Books - Publishing 7 7 14
- 26.
- 28. It’s all aboutyour users
- 29. Go fast, anditerate
- 30. –Laura Klein, Authorof UX for Lean Startups “Quantitative research tells you WHAT your problem is. Qualitative research tells you WHY you have that problem.”
- 32. Native vs HTML Changeof Context Insights, not ideas Know your users Do one thing, well All about the user Go fast and iterate
- 33.
- 34. Apps are acommodity
- 35.
- 36. “Form follows function”,right?
- 37. –Braden Kowitz, DesignPartner at GV “Trust increases when we get the details right.”
- 38. Provide a naturalnext step
- 40.
- 44. Match between systemand the real world
- 47. User control andfreedom
- 50.
- 52.
- 55. When everything isbold, nothing is bold
- 57.
- 60. Apps are acommodity Form vs function Natural next step Keep users informed Use metaphors Back button Consistency Less is more UI hierarchy Thumbs
- 61.