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?
...
Personas: https://ferg-personas.webflow.io/personas/dedicated-purchaser
B2B Design - Ferguson: https://miro.com/app/board/o9J_kqQ-gM8=/
Topics
| Child pages (Children Display) | ||
|---|---|---|
|
...
Design Systems (For Reference)
Design Systems Resources
Design Systems Examples
Eva — https://eva.design/
Carbon Design System — https://www.carbondesignsystem.com/
Carbon is IBM’s open-source design system for products and experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Ant Design System
Seeds Design System ( by sproutsocial )
Lightning Design System
Primer Design System
Spectrum Design System ( by Adobe )
Categories
Matt’s suggested categories
Usability
Testing (A/B Testing)
Measurement / Evaluation
Collecting Feedback
Drew’s Categories
Documentation
Interaction Design
Visual Design
Information Architecture
Research
Accessibility
SEO
Mobile / Responsive
...
Provide ample touch targets for interactive elements. Try to maintain a minimum tappable area of 44pt x 44pt for all controls.
Designing for Mobile Apps: Overall Principles, Common Patterns, and Interface Guidelines
https://medium.com/blueprint-by-intuit/native-mobile-app-design-overall-principles-and-common-patterns-26edee8ced10
Resources
App Login Screen
...
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-2af1fa7a2ee2User Experience: How to Design Onboarding for Your Mobile App (unknown)
https://icons8.com/articles/ux-design-onboarding-mobile-app/
App Search
Making search easier to access on mobile screens (02/2020)
Status colour Green title 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.
...
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 Permissions
3 Design Considerations for Effective Mobile-App Permission Requests (04/2019)
Status colour Red title IMPORTANT
https://www.nngroup.com/articles/permission-requests/
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
...
“Ultimate Resource List for Mobile Design”
https://uxdesign.cc/ultimate-resource-list-for-mobile-design-c5a8aad17bd7Mobile 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/
...
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-7618725a122fStatus title Case Study Status title Onboarding Status title UX Writing
...
Helpful search results
Medium — Query: “app design system”
https://medium.com/search?q=app design system
...
Other interesting articles
Hiring Designers: The Ideation Spectrum
https://medium.com/svilenk/hiring-designers-the-ideation-spectrum-c4cbbc6a5c81
...
Terms