SURE: UX/UI Design

SURE app mockup - UX/UI design project

The project

SURE Recovery is an app with the aim to help people with alcohol or other substance dependencies, people who are in recovery or thinking about recovery. The client was King’s College London.

The aim of the project was to understand what the journey to recovery might look like and to create a digital tool that could help on the way.

My role

My role in this project was UX/UI Designer, working alongside a Project Manager and developers. Our Mindwave team worked closely together with a research team from KCL.

- Responsible for design decisions and design process
- Plan, conduct and analyse user research
- Facilitate workshops
- Compile data and present results to wider team and client
- Wireframe, UI design, prototype
- Liaise with developers

The Process

Interviews x9

Semi-structured in-depth interviews were carried out with nine participants. A set of questions were decided upon before the interviews took place and the participants were encouraged to speak about their personal journeys and experiences freely. This helped us understand the challenges, fears or anxieties they face, as well as understand their perspective on what they think easy or improve someone’s recovery journey.

Workshops x4

I planned and lead four workshops with potential users and the client.

The aim of the first workshop was to identify challenges the participants face in regards to their recovery, as well as create discussions on how to solve the highlighted problems.
- Ideation / brainstorm
- Sketch

For the second workshop the aim was to identify key aspects of what was desirable in an app or website when it comes to the visual aspects and content.
- Dot voting
- Brainstorming session for name ideas

The aim of the two last workshop was to validate previous findings and get feedback on what had been designed to date.
- Focus groups
- Feedback on visuals

Workshop

Persona categories

With such a broad audience, the typical user centric design method of persona creation becomes a challenge. There is no clear categorisation requirement that includes or excludes particular groups of people. Because of this I created four “persona categories” that focus on people at a particular point in their journey.

Personas

MoSCoW Prioritisation

A MoSCoW prioritisation exercise was carried out with the client to decide on what to include in the MVP. The research and user involvement was taken into consideration, but at this point new constraints were also brought to our attention.

Sketch, wireframe, UI & prototype

Based on each part of the process and as we gathered more insights the designs took form. We had continuous contact with the client to make sure they were happy with the direction we were taking. We also had more informal meetings with users to gather feedback on designs throughout the project.

Sketches and wireframes

User testing

User tests were carried out with participants from the last two workshops. I planned and structured the user tests, which were then carried out by the Project manager. The user test was widely based on task completion with a think-aloud approach, taking all feedback into consideration for further iterations.

Refined user flow diagram & handover to developers

After all iterations were completed I created a refined user flow diagram with annotations clarifying any interactions, prompts and other important parts of how the app should work. I also created a style guide with the components used in the app. A continuous dialogue was held with the developers from the beginning until the end of the project.

Flow chart

Results

The final product (MVP) of the project was an app designed to help people track their own recovery journeys and achieve their personal goals.

The process and end results were well received by the client.

The app currently has a 4.65 star rating on the App store and Google Play combined.

SURE app mockups

Reflection

It was a great project to work on, with flawless communication between the teams and enthusiastic participants providing invaluable insights. If I were to work on this project again I would establish some clear measurable goals or outcomes with the client at the beginning of the project. I would also identify any constraints early on, such as resources or other things that could impact the end results.