Question 1: What can we learn about how to create the best experience(s) on apps?
Question 2: What can we learn about our business and users to create the best Ferguson experience(s) on app?
Step 1: Cast wide net on available resources (articles, books, papers, talks). Save links.
Step 2: Delve into each link resource to find pertinent information. Save pertinent information and cite references.
Categories of expertise:
Platform > Brand > User
Categories of Standards:
Principles > Guidelines > Standards
Tools
Framer Web
https://www.framer.com/
Product: Ferguson App
User | B2B | B2C future state |
Platform | Android and iOS | |
Device Support | Mobile | Tablet support in future state |
Resources
App Login Screen
Best Practices for Designing the Mobile App Login Screen
https://www.telerik.com/blogs/best-practices-for-designing-the-mobile-app-login-screen
App Onboarding
UX Study: Teaching a user how to use your app
https://blog.cwrichardkim.com/ux-study-teaching-a-user-how-to-use-your-app-1c77e0e1271cFirst-Time User Experience: How to Keep New App Users Coming Back
https://clevertap.com/blog/first-time-user-experience/Best Practices for Onboarding
https://uxplanet.org/best-practices-for-onboarding-92f3a9f0b21a5 UX and Mobile Marketing Tips to Get Users Hooked to Your App
https://medium.com/flawless-app-stories/5-ux-and-mobile-marketing-tips-to-get-users-hooked-to-your-app-67956c713037Why you need to ditch the app tutorial screens for good (05/2017)
https://robopress.robotsandpencils.com/why-you-need-to-ditch-the-app-tutorial-screens-for-good-9b318b9cb94b5 Creative Ways to Gamify App User Onboarding (04/2018)
https://medium.com/@the_manifest/5-creative-ways-to-gamify-app-user-onboarding-4cb77cb2d290Your Apps Onboarding Screens Are More Important Than You Think.
https://medium.com/@ajpicard25/your-on-boarding-screens-are-more-important-than-you-think-32d31eb31fbaThey (your users) want to see what your app has to offer, not go through a lengthy on boarding process.
5 UX Tips to Master Mobile App Onboarding (02/2019)
https://medium.com/beautiful-code-smart-design-by-10clouds/5-ux-tips-to-master-the-app-onboarding-6ff8167ae7c1App Onboarding: Don’t Just Inform Users, Engage Them Too
https://medium.com/@Patrickhq/app-onboarding-dont-just-inform-users-engage-them-too-c6d32dc24ab85 key lessons for successful user onboarding (07/2016)
https://www.invisionapp.com/inside-design/user-onboarding-guide/The most important 20 seconds of your mobile app onboarding (08/2018)
https://www.invisionapp.com/inside-design/mobile-app-onboarding/App Onboarding Screens, you don’t need them (04/2018)
https://proandroiddev.com/app-onboarding-screens-you-dont-need-them-2af1fa7a2ee2
App Search
Making search easier to access on mobile screens (02/2020) READ
https://uxdesign.cc/where-do-i-search-help-me-a7687e003bcNOTE: Interesting article explaining the restrictions Apple and Google have on not allowing a search action to be in the bottom navigation drawer. Developers have gotten around this by adding a search icon in the bottom nav drawer by instead of it being a search action it is a “discover” action. This requires two taps, one for the discover button and another for the search field that appears at the top. The author recommends having the discover action in the navigation drawer, but auto selecting the search field, bringing up the OS keyboard and not making a need to have the extra tap.
App Tutorials
How To Educate Mobile Users Using Contextual Tutorial (06/2017)
https://medium.com/@parimala.hariprasad/how-to-educate-mobile-users-using-contextual-tutorial-b45530c0721b
App Design Overall
A Comprehensive Guide To Mobile App Design (02/2018)
https://www.smashingmagazine.com/2018/02/comprehensive-guide-to-mobile-app-design/10 Do’s and Dont’s of Mobile App Design (02/2018)
https://xd.adobe.com/ideas/principles/app-design/10-dos-donts-mobile-app-design/Do's
✅ Research before design
✅ Prioritize features
✅ Cut out the clutter
✅ Make navigation self-evident
✅ Design finger-friendly tap-targets
✅ Make text legible
✅ Provide feedback on interactions
✅ Minimize the need for typing
✅ Create a seamless experience
✅ Always test your design
Dont's
❌ Don’t try to design the perfect experience from the first attempt
❌ Don’t design in isolation
❌ Don’t ask for permissions right at the start
❌ Don’t make users wait for content
❌ Don’t use jargon in the user interface
❌ Don’t use custom gestures as a primary way of interacting with an app
❌ Don’t replicate the web experience on apps
❌ Don’t create dead end pages
❌ Don’t take users to a browser
❌ Don’t ask a user to rate your app during their first experience
App Accessibility
Other Resources
Mobile Patterns
https://www.mobile-patterns.com/Explore-allWhat Is Mobile App Marketing?
https://medium.com/@the_manifest/what-is-mobile-app-marketing-a0ac386a0c7fMobile app marketing is the process of creating marketing campaigns to reach your users at every stage of the marketing funnel. Learn key mobile app marketing tactics for every stage of user engagement with your app.
Guide for designing better mobile apps typography (11/2019)
https://uxdesign.cc/guide-for-designing-better-mobile-apps-typography-5796495ef86fApple in its Human Interface Guidelines recommends setting the minimum size for Body text to be 17pt.
Google in Material Design guidelines recommends setting the minimum size for Body text to be 16sp (equal to 16pt in iOs)
These 5 major UI mistakes will kill your app (12/2016)
https://www.invisionapp.com/inside-design/app-ui-design-mistakes/
App Case Studies / Walkthroughs
MetaMask Mobile Beta — a feature guide and walkthrough!
https://medium.com/metamask/metamask-mobile-public-beta-a-feature-guide-and-walkthrough-9d01de7190aeA New Onboarding for a Banking App — a UX Writing Case Study
https://uxplanet.org/a-new-onboarding-for-a-banking-app-a-ux-writing-case-study-7618725a122f
CASE STUDY ONBOARDING UX WRITING