Download as PDF, PPTX
Uploaded byAndi Galpern
UX Design for Mobile Interfaces
The document provides tips for organizing content and designing user interfaces for mobile devices. It discusses trends in mobile apps like emotional connections, self-improvement apps, and dashboards. It also offers guidance on navigation, prioritizing information, calls to action, notifications, and profiles. The goal is to create intuitive, engaging experiences that solve users' problems and guide them through the app efficiently.
More Related Content
Similar to UX Design for Mobile Interfaces
UX Design for Mobile Interfaces
- 1. Organize Content forMobile Devices UX Design for Mobile Interfaces Andi Galpern, UI/UX Designer @andigalpern I organize events for @cascadesf
- 2.
- 3. Good design createstrust.
- 4.
- 5.
- 6.
- 9. How do theyFEEL?
- 10.
- 11.
- 12.
- 13.
- 14.
- 17.
- 18.
- 23. The less workon the user, " the better.
- 25.
- 26.
- 27.
- 28.
- 29. Source: SkyGuide iPhoneApp Introduction Teach them how to use your app.
- 31. Source: Sprig iPhoneApp Introduction Show them the benefits.
- 33.
- 35. Let’s talk aboutnavigation.
- 36. Why is navigationso important?
- 37.
- 38. Off Canvas Navigation Source: RdioiPhone app
- 39. Visual Navigation Use iconsto separate categories. Source: City Guides by National Geographic iPhone
- 40.
- 41.
- 42. exis web: To hamburgeror not to hamburger?
- 43. 2.4% 2.7% 1.9% 2.6% exisweb: To hamburger or not to hamburger?
- 44. Use the word‘Menu’ 2.7%
- 46. Source: Ted iPhoneApp Try a tabbed menu.
- 47. Design with a goalin mind.
- 48. What problem doesyour app solve? Get clear.
- 49. How does yourapp solve this problem? Get clear.
- 50. Who is yourideal audience? Get clear.
- 51. Why will peopleuse your product? Get clear.
- 52. Problem: Tracking spending habits andbudgeting gets complicated.
- 53. Solution: Mint does allthe work of organizing and categorizing your spending for you.
- 54. Problem: Establishing good habits tokeep your life balanced can be difficult.
- 55. Solution: Track the thingsyou wish you did more often. Be motivated to do them again and again.
- 56. Prioritize Information with Visual Hierarchy Helpyour audience to pick out the most important information. Source: Fast Company, May 2014
- 57. Prioritize Information by Importance Source: FastCompany, May 2014
- 58. Prioritize Information by Importance Source: FastCompany, May 2014
- 59. Prioritize Information by Importance Source: FastCompany, May 2014
- 60. Call to Action Guidethe user with a clear path to follow. Source: Sleep Cycle iPhone App
- 61. Writing Calls-to-action Free ebookfrom HubSpot" http://offers.hubspot.com/how-to-create- effective-calls-to-action
- 62. Source: Udemy iPhoneapp Social Influence Build trust with ratings from other
- 63. Notifications Use positive reinforcement when alertingusers. Source: Wisely iPhone App
- 64. Notifications Use positive reinforcement when alertingusers. Source: Stop Breathe and Think
- 65. Lists Use subtitles to separatecontent into sections. Source: Hotel Tonight iPhone App
- 66. Save People Time Letthem know how long it will take to read the article. Source: Blinkist iPhone App
- 67. Save People Time Letthem know how long it will take to read the article. Source: Medium iPhone App
- 68. Use Big Pictures Peoplelove high resolution photos! Source: Medium iPhone App
- 69. Use Big Pictures Peoplelove high resolution photos! Source: Sprig iPhone App
- 70. Search Use autocomplete to assistand suggest search results.
- 71. Sign In Use one-clicksign in! to convert more users. Source: MySpace iPhone App
- 72. Source: Vine iPhoneApp Connect Allow users to discover their friends.
- 73. Source: Medium iPhoneApp Profile pages Keep it simple and clean.
- 74. Source: Swarm iPhoneApp Activity Feeds Help users see what their friends are up to.
- 75. Let’s work togetherto make the web more beautiful.
- 76. Thank you! Yes, I’llpost the slides. :-)
- 77.
- 78.
- 79. @cascadesf cascadesf.com Designing theweb together