Page Comparison

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?

...

Categories of Standards:
Principles > Guidelines > Standards

Personas: https://ferg-personas.webflow.io/personas/dedicated-purchaser

Tools

• Figma
  https://www.figma.com/files/recent

• Framer Web
  https://www.framer.com/

• Color Creator for Documentation
  https://www.colorbox.io/
  Found on article - https://design.lyft.com/re-approaching-color-9e604ba22c88

Design Systems (For Reference)

• Eva — https://eva.design/

  • Demo - https://www.figma.com/file/uRc4ZUvhQsoBFg8ODntNWq/DEMO-Eva-Design-System---Light-(1.3.0)?node-id=1003%3A8230

• 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

    • Vision / Mission / Strategy

      Design System

      Project Decisions / Functionality

      Feature Decisions / Functionality

  • Interaction Design

    • Animation

      Feedback

  • Visual Design

  • Information Architecture

  • Research

  • Accessibility

  • SEO

  • Mobile / Responsive

...

Product: Ferguson App

...

Principles

• Provide ample touch targets for interactive elements. Try to maintain a minimum tappable area of 44pt x 44pt for all controls.

  • https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout#general-layout-considerations

• 
  

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-1c77e0e1271c

• First-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-92f3a9f0b21a

• 5 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-67956c713037

• Why 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-9b318b9cb94b

• 5 Creative Ways to Gamify App User Onboarding (04/2018)
  https://medium.com/@the_manifest/5-creative-ways-to-gamify-app-user-onboarding-4cb77cb2d290

• Your Apps Onboarding Screens Are More Important Than You Think.
  https://medium.com/@ajpicard25/your-on-boarding-screens-are-more-important-than-you-think-32d31eb31fba

  • They (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-6ff8167ae7c1

• App Onboarding: Don’t Just Inform Users, Engage Them Too
  https://medium.com/@Patrickhq/app-onboarding-dont-just-inform-users-engage-them-too-c6d32dc24ab8

• 5 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 Accessibility

...

Other Resources

• “Ultimate Resource List for Mobile Design”
  https://uxdesign.cc/ultimate-resource-list-for-mobile-design-c5a8aad17bd7

• Mobile Patterns
  https://www.mobile-patterns.com/Explore-all

• What Is Mobile App Marketing?
  https://medium.com/@the_manifest/what-is-mobile-app-marketing-a0ac386a0c7f

  • Mobile 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-5796495ef86f

  • Apple 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/

...