mvp

ecommerce

mobile

c2c

SonnyNet

SonnyNet

SonnyNet

SonnyNet

SonnyNet

SonnyNet

Creating a centralized marketplace for Sonny Angel collectors.

Creating a centralized marketplace for Sonny Angel collectors.

Creating a centralized marketplace for Sonny Angel collectors.

Creating a centralized marketplace for Sonny Angel collectors.

Creating a centralized marketplace for Sonny Angel collectors.

Creating a centralized marketplace for Sonny Angel collectors.

Sole UX Designer

Role

Jul - Nov 2023 / 4 mo

Timeline

Sole UX Designer

Role

Jul - Nov 2023 / 4 mo

Timeline

The problem

The problem

Retinal screenings using EyePACS software requires users to go through numerous steps to screen just one patient. EyePACS developed the "AutoUploader," a program aimed to streamline this process. However, the AutoUploader was met with many complaints about its efficiency and functionality. Ultimately, it created more problems than it solved.

Retinal screenings using EyePACS software requires users to go through numerous steps to screen just one patient. EyePACS developed the "AutoUploader," a program aimed to streamline this process. However, the AutoUploader was met with many complaints about its efficiency and functionality. Ultimately, it created more problems than it solved.

Scoping out the problem

Scoping out the problem

The initial problem was how many steps a user had to take in order to do a retinal screening

Insert image of the user workflow here.

There was an existing solution that aimed to simplify the steps highlighted, but users weren't happy with it

Maybe insert a gif of the autouploader here.

I utilized several research methods to uncover pain points

I utilized several research methods to uncover pain points

Semi-structured interviews

to gather user perspectives, experiences, and expectations to identify potential areas of growth

Contextural inquiry

to gain insight on real-world usage and observe users in their natural environments

Heuristic evaluation

to assess the existing solution against recognized usability principles to gain an objective, structured perspective

Moderated usability testing

to gather user feedback and assess their ability to perform intended tasks with the product

Before formally starting the research process, I identified my key users

Before formally starting the research process, I identified my key users

πŸ“Έ

Retinal photographers

Responsible for the capture and upload of patient retinal images - these users do not work with EyePACS internally

πŸ“Έ

Retinal photographers

Responsible for the capture and upload of patient retinal images - these users do not work with EyePACS internally

πŸ“Έ

Retinal photographers

Responsible for the capture and upload of patient retinal images - these users do not work with EyePACS internally

πŸ‘₯

EyePACS training staff

Responsible for teaching photographers how to capture, upload, and manage images

πŸ‘₯

EyePACS training staff

Responsible for teaching photographers how to capture, upload, and manage images

πŸ‘₯

EyePACS training staff

Responsible for teaching photographers how to capture, upload, and manage images

πŸ“Š

EyePACS management

Overlook new products to pitch to partners and new clients

πŸ“Š

EyePACS management

Overlook new products to pitch to partners and new clients

πŸ“Š

EyePACS management

Overlook new products to pitch to partners and new clients

First, I conducted semi-structured interviews with these key users

First, I conducted semi-structured interviews with these key users

Using Google Meet as our medium, I met with several users from each key user group shown above (n=11). Here's what the interviews revealed about these users:

πŸ”

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Training staff are overwhelmed with training and support asks

Staff report that the program is difficult to use and troubleshoot, resulting in a lot of their workload being centered on troubleshooting.

πŸ†˜

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Management has to deal with unhappy clients

Many of their partnered clinics have reported that the program doesn’t work and has unclear workflows.

❎

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Retinal photographers struggle to remember how to use the product after being trained

Photographers, the main users of this program, have trouble remembering the workflows that they were trained on and feel that they need to constantly reach out to EyePACS for help.

"I would just be sitting there trying to figure out how to use [the AutoUploader] while the patient would wait for me."

Participant 05

Retinal Photographer

"I would just be sitting there trying to figure out how to use [the AutoUploader] while the patient would wait for me."

Participant 05

Retinal Photographer

"I would just be sitting there trying to figure out how to use [the AutoUploader] while the patient would wait for me."

Participant 05

Retinal Photographer

"I would just be sitting there trying to figure out how to use [the AutoUploader] while the patient would wait for me."

Participant 05

Retinal Photographer

Contextual inquiry helped me understand how the product was being used

Contextual inquiry helped me understand how the product was being used

What users say =/= what users do, so I considered contextual inquiry to be an important step for this project's research process. My goal was to understand how my key users were interacting with the AutoUploader in its real context and in what ways it was not meeting expectations. My two key user groups of focus for this were EyePACS training staff and retinal photographers at partnered clinics (n=6). The contextual inquiry revealed:

πŸ”

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Lots of lagging between steps

There were no clear call-to-actions (CTAs) with each step in the AutoUploader, causing users to be confused about what they were supposed to do next

πŸ†˜

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

No support available

When they were stuck on a step, there was no easy way to troubleshoot or reach out to support to get help. Their only option was to email EyePACS support and wait for a response.

❎

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Not enough feedback

Often asking, "Did it work?" after completing certain steps - there wasn't enough feedback for users to know whether they are progressing correctly.

A heuristic evaluation helped identify objective weaknesses

A heuristic evaluation helped identify objective weaknesses

After gaining insights from the interviews and contextual inquiries, I conducted a heuristic evaluation to assess the existing platform against standard usability principles to get an understanding of the product outside of the user. This helped to further inform my design requirements and constraints.

Turning research insights into design opportunities and requirements

Turning research insights into design opportunities and requirements

At this point, I had gathered insights on the problem through three different ways: (1) semi-structured interviews, (2) contextual inquiry, and (3) a heuristic evaluation. Below are my takeaways for actionable ways I can act on my findings:

1

Users are confused, so we need to prioritize how we can make it intuitive

In a fast paced environment like a clinic, photographers don't want to and shouldn't keep patients waiting as they try to figure out how to use the program. There should be clear CTAs to ensure that photographers know what to do and when to do it. ++ familiar design

1

Users are confused, so we need to prioritize how we can make it intuitive

In a fast paced environment like a clinic, photographers don't want to and shouldn't keep patients waiting as they try to figure out how to use the program. There should be clear CTAs to ensure that photographers know what to do and when to do it. ++ familiar design

1

Users are confused, so we need to prioritize how we can make it intuitive

In a fast paced environment like a clinic, photographers don't want to and shouldn't keep patients waiting as they try to figure out how to use the program. There should be clear CTAs to ensure that photographers know what to do and when to do it. ++ familiar design

2

If users cannot get help immediately, we need to prioritize learnability

The designs should follow workflows that the photographers are already familiar with to ensure that training and retention of information is easier.

2

If users cannot get help immediately, we need to prioritize learnability

The designs should follow workflows that the photographers are already familiar with to ensure that training and retention of information is easier.

2

If users cannot get help immediately, we need to prioritize learnability

The designs should follow workflows that the photographers are already familiar with to ensure that training and retention of information is easier.

3

Because the design does not follow basic heuristics, there needs to be a product revamp

From visual design to information hierarchy, the design had to be reworked as a whole to strengthen user trust and intuition, but still say true to its original purpose.

3

Because the design does not follow basic heuristics, there needs to be a product revamp

From visual design to information hierarchy, the design had to be reworked as a whole to strengthen user trust and intuition, but still say true to its original purpose.

3

Because the design does not follow basic heuristics, there needs to be a product revamp

From visual design to information hierarchy, the design had to be reworked as a whole to strengthen user trust and intuition, but still say true to its original purpose.

I identified new user flows as part of the product revamp

I identified new user flows as part of the product revamp

After discussing with EyePACS management and stakeholders, we agreed that it was best to completely re-design the product instead of simply fixing the existing solution. This meant that I would need to outline new user flows. Given the user flows, the management team wanted it to be designed as a dashboard.

With these new user flows in mind, I went on to low-fidelity prototyping

With these new user flows in mind, I went on to low-fidelity prototyping

I was asked by management to completely re-design the product instead of simply fixing the existing solution. This meant that I would need to outline new user flows. Given the user flows, the management team wanted it to be designed as a dashboard.

Then, I gathered user feedback for the low-fidelity prototype

Then, I gathered user feedback for the low-fidelity prototype

I asked for user feedback from 7 users, with a focus on asking for what they liked, disliked, and what they wanted to see. Most of the feedback was towards the homepage, patient list page, and overall workflow.

With this user feedback, I moved onto the mid-fidelity prototype

With this user feedback, I moved onto the mid-fidelity prototype

I asked for user feedback from 7 users, with a focus on asking for what they liked, disliked, and what they wanted to see. Most of the feedback was towards the homepage, patient list page, and overall workflow.

I conducted two rounds of usability testing at the mid-fidelity stage

I conducted two rounds of usability testing at the mid-fidelity stage

As part of the usability testing, I asked my users (n=5, consisting of EyePACS training staff and retinal photographers) to complete the following tasks while speaking their thought process out loud. The following are the tasks and their success rates:

πŸ”

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Upload a patient case

3 out of 5 users were able to complete this task (60% success rate)

πŸ†˜

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

View the patient list and edit a patient's information

5 out of 5 users were able to complete this task (100% success rate)

While task #2 had a 100% success rate, users left additional feedback for the final iteration:

Task #1 had a 60% success rate and I found the following user pain point:

Balancing stakeholder feedback with heuristics

Balancing stakeholder feedback with heuristics

When presenting to a higher-up stakeholder for feedback on the mid-fidelity, we ran into a disagreement on one part of the design where I had to defend my design decision. The problem was whether the landing page for the dashboard should be the β€œDashboard” (Home) tab or the β€œUpload” tab. I had intentionally designed it so that β€œDashboard” would appear upon launch.

βœ…

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

After further discussion, the solution agreed upon was minimizing clicks for the user and setting β€œUpload” as the landing page to prioritize efficient clinical workflows.

I applied all of my findings to the high-fidelity prototype

I applied all of my findings to the high-fidelity prototype

After discussing with EyePACS management and stakeholders, we agreed that it was best to completely re-design the product instead of simply fixing the existing solution. This meant that I would need to outline new user flows. Given the user flows, the management team wanted it to be designed as a dashboard.

The impact of my design at a glance

The impact of my design at a glance

7 minutes

original time to screen a patient

5 minutes

new time to screen a patient

This was an incredibly valuable learning experience with lots of takeaways

This was an incredibly valuable learning experience with lots of takeaways

πŸ™…β€β™€οΈ

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Defending your design decisions

When discussing designs with stakeholders, disagreements are bound to happen. In those cases, I strongly believe in at least explaining my stance first, even if it doesn’t end the way I had originally planned. Voicing my thought process, hearing feedback, and learning from it is important for my growth as a designer.

πŸ‘©β€πŸ’»

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Involving developers early-on

One of my biggest regrets for this project was not involving the developer early-on to discuss feature feasibility. It solidified the idea that design is certainly not possible solely through the hands of the designer, and it’s imperative that we work cross-functionally to ensure all moving parts are accounted for.

βš–οΈ

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Designer responsibility

I discovered many user pain points were linked to the product's functionality, which is under the responsibility of the developer. Although I can't directly influence this aspect, as a designer, I can collaborate with the developer to incorporate all necessary workflows into the design, aiming to prevent as many issues as possible from arising on my end.

πŸ”„

πŸ’š

πŸ’š

πŸ’š

πŸ’š

πŸ’š

Be ready for change

This project started with no other goal than to improve it. Since the team was new to UX, once they had seen the low-fi and mid-fi prototypes, they had a lot of suggestions. It was important that I was open to those suggestions and kept an open-mind to making necessary changes to the original user flows to ensure that the product met business goals.