Six tips for better mobile ux design
Download as PPTX, PDF0 likes122 views
The document outlines six essential tips for improving mobile UX design, emphasizing the importance of effective onboarding to retain users. It highlights the need for clear app navigation, understandable icons, and engaging empty states to guide user actions. Additionally, it discusses designing for one-handed use and considering platform-specific functionalities to enhance the overall user experience.
Six tips for better mobile ux design
- 1. Six Tips for Better Mobile UX Design By: Denis Riftin
- 2. #1 Onboarding According to Andrew Chen research, on average, apps lose 77% of their active users in the first 3 days after install. It means that if a user doesn’t understand you App, you’ll lose majority of them immediately after their very first visit. Source: Andrewchen.co
- 3. #1 Onboarding There are 4 types of onboarding: 1. Functional Oriented 2. Value Oriented 3. Conceptual Onboarding 4. Interactive Onboarding Usually slides PROBLEM: Your users download the App because they interested in value that you product promise, not in reading about the App Teach the users on the go through they using the App
- 4. Example1: Flipboard How Flipboard uses interactive onboarding: #1 Onboarding
- 5. Example2: Duolingo How Duolingo uses interactive onboarding: #1 Onboarding
- 6. Don’t hide your navigation behind “Hamburger”. Use “Tabs”, “Bottom Menu”, ”Collapse menu”, ”Scroll Tabs”. #2 App Navigation 2014 2015 2017
- 7. #3 Icons When using icons in your App, be sure that your user understands the meaning behind them. If an icon isn’t clear to users, it immediately loses it practical value and becomes a visual noise – to avoid it, use text to explain icon meaning. 2017 2018
- 8. study found: • For icons with labels, users were able to correctly predict what would happen when they tapped the icon 88% of the times. • For icons without labels, this number dropped to 60%. • And for unlabeled icons that are unique to the app, users correctly predicted what would happen when they tapped the icon only 34% of the times. Source: User Testing Blog #4 Icons
- 9. #4 Empty states Educate you user through empty states. Make a good first impression, in your first empty state - drive user to action. Recommend and show them the single best way to get started, make your user want to fill that screens. Source: Invision Blog
- 10. #5 Android vs iOS The two platforms offer similar functionality, but executed in different ways. It means that users will be confused in case they need to use interface which is native to the other platform. Source: Lemberg Blog 1 2 3
- 11. #6 Android vs iOS Source: Lemberg Blog 4 5 6
- 12. #6 Android vs iOS Source: Lemberg Blog 7 8 9
- 13. #6 Design for one hand using Source: UXmatters 85% of users working with their phones using one hand.
- 14. #6 Design for one hand using Place most important navigation options within the reach of their thumb
- 15. Conclusion The most important thing when designing a mobile App is to create useful and intuitive experience. If the app is not useful, it has no value. If the app is useful but not intuitive users won’t bother learning how to use it.