4

Weeks

Weeks

Weeks

55

55

Clients tested

Clients tested

Clients tested

2

Research methods

Research methods

Research methods

Enhancing a dashboard usability and adding essential information

B2B e-commerce and reservations SaaS

Amilia was a SaaS site utilization tool for parks and recreation facilities, and small businesses. As the tool grew, the team added a dashboard page to give clients an easy way to get an overview of activities onsite. As the product evolved, the customers began complaining that other important information they expected to see on the page was missing. One of those pieces of information was rentals.

I led UX research to uncover any other unmet needs for the page, to make sure we were solving the correct problem. I then met with product and engineering to conduct a feasibility and prioritization workshop to select high-value improvements. Afterwards, I designed the working prototype and conducted usability testing, and presented the findings for Sprint inclusion.

Amilia was a SaaS site utilization tool for parks and recreation facilities, and small businesses. As the tool grew, the team added a dashboard page to give clients an easy way to get an overview of activities onsite. As the product evolved, the customers began complaining that other important information they expected to see on the page was missing. One of those pieces of information was rentals.

I led UX research to uncover any other unmet needs for the page, to make sure we were solving the correct problem. I then met with product and engineering to conduct a feasibility and prioritization workshop to select high-value improvements. Afterwards, I designed the working prototype and conducted usability testing, and presented the findings for Sprint inclusion.

Team:

PM, 6 developers, UX Researcher (me), UX Designer (me)

PM, 6 developers, UX Researcher (me), UX Designer (me)

Platforms

Web

Tools

Figma, NativeForms, Useberry, Intercom

Outcomes

Survey data

Feasibility data

Priority matrix

Prototype

Usability test results

Launched improvement

Survey data

Feasibility data

Priority matrix

Prototype

Usability test results

Launched improvement

Challenge

The Today Page had been built without a plan. As the platform had scaled up and added different types of events, org administrators were frustrated they couldn't get this information all in one place.

This particular page had been created as part of an "Innovation day" and its use case was never carefully considered. Over time however, users had come to use it as a go-to resource for their everyday operations. As a result of it's considered use, many requests and complaints had come in from users wishing the page had the information they'd find most helpful.

Previously, the page listed just one kind of site information: Activities (scheduled recurring events). As the platform had added the ability to sell private lessons and rentals, this information needed to be easily accessible, for org administrators to have a "one-stop-shop" for their site management.

Goals

Verify we're solving the right problem(s) through user research.

I conducted user testing (surveys through the product) to ensure we uncovered and addressed unmet needs. I synthesized the findings into an affinity map and led a feasibility and prioritization workshop with the dev team to identify low-hanging fruit we could include, and which user requests we'd have to de-prioritize. I then designed and tested two prototypes through the product, using Intercomm and a live prototype. The results validated our choice of solutions to be the best for the users.

Solutions

Prototype and usability testing, on both internal stakeholders and real-world clients.

Once we'd determined the highest value content to add to the page, I created prototype versions of side-by-side and progressive disclosure (tabs) prototypes and tested them side-by-side. Throughout the investigation, the company had shifted priorities aggressively and by the time the team had time to get to this improvement, bandwidth was reduced. I made the decision to guide the team towards the cards version but wanted to validate this on real-world users. I ran a usability test and the results aligned with our chosen version.

Design highlights:

Verified Needs

Since customer support tickets were the only source of user data. I ran an on-page survey to uncover any additional needs.

Since customer support tickets were the only source of user data. I ran an on-page survey to uncover any additional needs.

User Research

Tools:

  • Intercom

  • NativeForms

  • Intercom

  • NativeForms

Methodology:

  • Popup banner with survey link

  • Respondents: 55 clients

  • Popup banner with survey link

  • Respondents: 55 clients

Prioritization

Affinity mapping:

  • Results grouped by sentiment.

  • Created a priority matrix of improvements to tackle in MVP.

  • Results grouped by sentiment.

  • Created a priority matrix of improvements to tackle in MVP.

MVP selected features

  • Ability to filter by facility

  • Ability to not see activities with 0 attendees

  • Add rental events and bookings

  • Searchable by day / time

  • Add private lessons

  • Make total events and total participants visible

  • Ability to filter by facility

  • Ability to not see activities with 0 attendees

  • Add rental events and bookings

  • Searchable by day / time

  • Add private lessons

  • Make total events and total participants visible

Design presentation to internal stakeholders

Mid-fidelity design presentation:

  • Well-received by internal stakeholders.

  • Opinions split over which version was better (Cards or Tabs).

  • Other priorities meant we didn't for Usability testing, so I recommended the least-effort version (for the devs) shown below at right (Cards).

  • Well-received by internal stakeholders.

  • Opinions split over which version was better (Cards or Tabs).

  • Other priorities meant we didn't for Usability testing, so I recommended the least-effort version (for the devs) shown below at right (Cards).

Cards version

Tabs version

Scope change

Pared-down MVP:

  • Work was started roughly 4-5 months after the MVP due to turnover and leadership strategy shifts.

  • Once the work began, developer time was limited, and the filters were deprioritized.

  • Work was started roughly 4-5 months after the MVP due to turnover and leadership strategy shifts.

  • Once the work began, developer time was limited, and the filters were deprioritized.

Final MVP version released to production

Trust, but verify

Prototype testing:

  • I tested the prototype internally using UseBerry coupled with Figma.

  • Internal stakeholders overwhelmingly preferred (81%) the tabs version.

  • I tested the prototype over 3 days on 23 real-world users through a prototype link in an Intercom banner.

  • Users were given 3 tasks to complete, with metrics of the results below.

  • Viewing the results below, Cards were a wild success!

  • I tested the prototype internally using UseBerry coupled with Figma.

  • Internal stakeholders overwhelmingly preferred (81%) the tabs version.

  • I tested the prototype over 3 days on 23 real-world users through a prototype link in an Intercom banner.

  • Users were given 3 tasks to complete, with metrics of the results below.

  • Viewing the results below, Cards were a wild success!

Reflections:

  • In an Agile environment, frequent shifts in priority are common.

  • When a new PM joins an ongoing project, I should present to them individually to ensure buy-in.

  • Prioritization and team bandwidth can limit the scope of solutions.

  • Maintaining detailed notes allows revisiting a project much later than initial kickoff.

  • In an Agile environment, frequent shifts in priority are common.

  • When a new PM joins an ongoing project, I should present to them individually to ensure buy-in.

  • Prioritization and team bandwidth can limit the scope of solutions.

  • Maintaining detailed notes allows revisiting a project much later than initial kickoff.

Justin Penney

Services

Strategic product design

Growth web design

Justin Penney

Services

Strategic product design

Growth web design

Connect on LinkedIn

Justin Penney

Services

Strategic product design

Growth web design