Native App - Design Research

Owned by Matthew Evert
Last updated: Jul 29, 2020 by Dan Flynn
3 min read

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

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

B2B Design - Ferguson: https://miro.com/app/board/o9J_kqQ-gM8=/

Topics

Tools

Design Systems (For Reference)

Categories

Product: Ferguson App

User

B2B

B2C future state

Platform

Android and iOS

 

Device Support

Mobile

Tablet support in future state

Principles

Resources

App Login Screen

App Onboarding

 

App Search

  • Making search easier to access on mobile screens (02/2020) Read
    https://uxdesign.cc/where-do-i-search-help-me-a7687e003bc

    • NOTE: 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

 

App Permissions

 

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

      1. ✅ Research before design

      2. ✅ Prioritize features

      3. ✅ Cut out the clutter

      4. ✅ Make navigation self-evident

      5. ✅ Design finger-friendly tap-targets

      6. ✅ Make text legible

      7. ✅ Provide feedback on interactions

      8. ✅ Minimize the need for typing

      9. ✅ Create a seamless experience

      10. ✅ Always test your design

    • Dont's

      1. ❌ Don’t try to design the perfect experience from the first attempt

      2. ❌ Don’t design in isolation

      3. ❌ Don’t ask for permissions right at the start

      4. ❌ Don’t make users wait for content

      5. ❌ Don’t use jargon in the user interface

      6. ❌ Don’t use custom gestures as a primary way of interacting with an app

      7. ❌ Don’t replicate the web experience on apps

      8. ❌ Don’t create dead end pages

      9. ❌ Don’t take users to a browser

      10. ❌ Don’t ask a user to rate your app during their first experience

  •  

App Accessibility

  •  

Other Resources

 

App Case Studies / Walkthroughs

 

Helpful search results

 

Other interesting articles

 

 

Terms

  •