Patients would be able to track their symptoms before doctor visits and access educational materials about the condition.
Our team of three designers was tasked with completing the product design from start to finish before handing over the design specification to the client's development team.
Interview Synthesis
The client provided us with raw interview records, which we analyzed to derive user insights. From these interviews, we synthesized information on user pain points, experiences with their symptoms, and identified potential ways a mobile app experience could address their needs.
Key Pain Points
Desired Experiences
Competitive Landscape
In addition to synthesizing interview data, we evaluated existing health tracker apps to assess their competitive advantages. Most apps were found to have subpar user interfaces. Leveraging this insight, we aimed to make UI design a strength of our app.
The next step involved translating the desired experiences into a mobile app interface. After brainstorming potential solutions, I developed the information architecture, including a site map, flows, and wireframes. Given the necessity to hand over the design to the client's development team, I ensured that these deliverables were as informative as possible. We iterated on them continuously throughout the user testing phase.
To develop the UI concept, I employed a unique approach. I created a word cloud from the interview data to identify the keywords most frequently used to describe the patient's experience. Then, assigned colors and shapes to these keywords based on aligned meanings and categorized them into UI moodboards. The goal was to establish a deeper emotional connection between the patient and the UI design. This innovative method significantly impressed the client, who referenced it numerous times throughout the project.
I created three prototypes to test with users on an iPhone using the InVision app:
We conducted testing with nine patients, comprising five women and four men, aged between 25 and 60. Users interacted with the wireframes prototype independently, followed by usability-related interviews. The majority of the interviews yielded positive feedback, with patients finding the app's UX to be intuitive, cohesive, and straightforward.
We also tested the two UI concepts in a similar manner, asking patients to express their preference and reasoning. The majority favored UI Concept 1 (blue) for its reliable appearance, sense of control, user-friendliness, and ease on the eyes. However, feedback suggested toning down the blue hue as it appeared too dark. UI Concept 2 (orange) was perceived as overly bright and childish, despite its positive aura.
UI Concept 1 was integrated with the wireframes to form the final design. Due to budget constraints, a wrap-up test with users was not feasible, but we meticulously incorporated all feedback gathered throughout the testing phases. Several additional rounds of discussion with the client ensued before packaging the design specification and delivering it to their development team.
Reflections
