SHOPTAKI

Designing health feature prototype for Shoptaki Smart ID app

Team:

4 designers

Role:

UX Designer

Responsibilities:

  • Project Plan

  • User Interviews

  • User Flow

  • Ideation of Design

  • Design 7 out of 22 screens

Tools:

Figma

Time Frame:

3-week sprint

Methods:

  • User Interviews

  • Design review

  • Persona building

  • Prototype

  • Qualitative usability testing

Goal:

To design Health feature within established design system for the Shoptaki app. Some assumptions were provided by client, which led team to focus user research to obtain insights regarding medical /health features in apps.Keeping in mind Shoptaki’s established design system and brand statement, the team sought create a feature that was easy to navigate and cohesive with the rest of the app.

User Research

We conducted 10 surveys and 5 interviews via zoom.

When asked about the current process of sharing their medical history, 60% of users stated they felt very unsafe with current process. ADDITIONALLY, 60% of users stated they had access to medical records while the 40% of users were unsure where to access medical records, or had physical copies. 

Research Synthesis

Created a persona based on the insights gained from affinity mapping for the interviews and survey insights.

Insights:

  • “I find it frustrating to have to provide new medical history information and undergo patient registration each time I visit a new medical facility.”

  • “I would like to be able to access all of my medical information digitally in one place (in an organized, intuitive format) to help make me feel more in control.”

Comparative and Competitive Analysis

In order to gain inspiration and identify the advantage and disadvantage in our feature, we conducted the competitive analysis, 5 most popular apps in the market to do a feature inventory that led to our feature prioritization.
Our team voted that “patient” portal information, smart wallet, reminders, approval and deny the access, billing information and quick access to medical records would be be the features we would design.

Usability Testing on Mid-fidelity prototype

Results:

The team synthesized the data obtained from the usability testing to address the main grows and glows for the hi-fidelity prototype.

What needs to improve?

From our usability testings, we got really great feedback and insights.

  • inconsistencies with where our search bars were on each page that included one.

  • the global navigation was confusing - We had kept it in to indicate that this health feature was existent within Shoptaki’s app; however, we had users clicking on the bottom navigation to pay for their billing

  • Users were confused why the scrolling was in a different direction than the rest of the screens and that the pop up message was still confusing to locate the prescriptions button.

Mid-Fidelity Prototype

High Fidelity

High-Fidelity Prototype

The final iteration completed within the sprint was an updated version of the Mid-fidelity prototype.

Some of the significant changes completed:

  • Dashboard , bottom navigation,  health dashboard button

  • Updated billing aspect within the health feature

  • Updated some UI choices based on conversation with Shoptaki’s UX designer

Next Steps

  • Streamline navigation between health sector and other app features.

  • How might we allow users to pay their medical bills via the Shoptaki app?

  • Inclusive Design: Designing for diverse situational needs

    → Increase accessibility

    → Voice Search

Reflection

Almost everyone in my team was UI focused so when it came to the research part of the process, I took the lead and it was rewarding. I also learned to work with a client who was seeking an MVP process. Finally, I realized that I thrived when working within a design system because I felt that the structure gave way to for me to creatively design new screens and I came up with variations in which my team helped me chose the best options for the hi-fidelity prototype.