The Challenge
The design challenge this student project was to develop a native mobile app for patients of the Health Plus clinic. Using a Lean UX approach, our team was tasked with delivering a high-fidelity prototype of the first MVP (minimal viable product) to the Health Plus clinic. Our goal is to promote greater transparency between patient and clinic, and promote regular and hassle-free checkups.
The mobile app MVP's functionalities include: (1) new patient registration (2) appointment booking (3) appointment management (4) walk-in info (5) list of doctors (6) patient profile management.
The Research
We began our research by creating a set of user assumptions based on the following questions: who is the user? How does our product fit in their life? How does our product solve a user need(s)? What features are important? How should our product look/behave?
We then gathered data from users of our targeted demographic in order to create proto-personas for various user groups. The proto-personas helped us narrow down a list of user needs, which allowed us to generate a list of potential product features.
By combining the list of user needs and their corresponding features, we generated a detailed hypothesis table where we highlighted potential business and user outcomes.
Based on our initial research, we began the design process by brainstorming sketches of the UI prior to wireframing, which helped us check off user requirements and allowed us to explore ways to organize the information architecture.
The Design (Lo-Fidelity)
Following Lean/Agile UX principles, we began our design process by creating wireframe sketches of basic functions. The user feedback from the sketches were then incorporated into our clickable low-fidelity prototypes. Throughout the design process, we periodically received user feedback and conducted A/B testing on various widgets and functions.
.png)
.png)
The Design (Hi-Fidelity)
After making appropriate adjustments to our lo-fi wireframe, we began creating the high-fidelity prototype which included the final aesthetic design. The hi-fi wireframe was then sent out for usability testing among our targeted user groups, and adjustments were finalized based on feedback.
Our team chose a light vibrant blue and gray color palette for the wireframe in order to achieve an overall clean and simple design. Our goal was to minimize visual clutter and allow users to better navigate through each task, and as a resulted we relegated any high graphical elements only to the sign-up/sign-in pages.
