Helping people feel better… faster
Being sick sucks and having to go sit in a crowded waiting room makes it even worse. Zipnosis understands that when someone isn’t feeling well their number one priority is feeling better. Zipnosis enables people to skip the waiting room and get a diagnosis from a board certified clinician from the location (and device) that's most convenient for them.
That should make anyone feel just a little bit better about being sick.
Designing a better experience to helping people feel better
Zipnosis was started in 2008 and was founded and run by a small team of smart developers and clinicians. The Zipnosis team had been focused on developing the logic and the stuff "under the hood" that make Zipnosis smart, fast, and efficient while leaving the user interface in need of some attention. They were in need of a design team to take on the task of updating the visual design and user interface, and approached Spyder Trap to help them with a complete redesign of their site and web applications.
Working as a designer at Spyder Trap, I took Zipnosis on as my primary responsibility and met with the Zipnosis team to discuss and identify their goals and design needs:
- Zipnosis was missing a unifying design system and a clear visual language.
- We needed to make it easy to sign up and complete a Zipnosis diagnosis (a ‘zip’).
- People must be able to access Zipnosis and complete a ‘zip’ from any device.
- We also aimed to increase the number of return visits by creating an enjoyable experience so people would want to use Zipnosis the next time they're not feeling well.
The home page is the first place most people will be introduced to Zipnosis so it needs to communicate the ways Zipnosis can help. I chose to present the information in a way that echos the core interactions found in the interview process as a way of training new visitors, setting expectations, and tying the experience together.
The Patient Application
Once someone signs up and creates an account on Zipnosis, they’re immediately able to answer questions about their symptoms. The interview presents one question at a time and adapts based on how a patient answers each one, just like a real doctor. The interview takes only 5 minutes to complete on average. I chose to illuminate the path to completion by showing an overview of the steps involved in completing a ‘zip’. And to make it easier to select an answer, I chose to use a large type size and styled a clear hit area for each answer option that works great for people whether they’re using a mouse or their finger.
A summary of the interview is then sent to be reviewed by a certified clinician who is a member of the Zipnosis network. In under an hour, that clinician responds with a diagnosis and, if applicable, a prescription.
A patient has an inbox that shows their history of past diagnoses, pending 'zips,' and current responses.
To use space wisely, we decided to use an overflow pattern when the inbox is viewed on mobile. This solution also allowed us to borrow a common interface convention, popular among email applications, that most people would be familiar with.
The Clinician Application
The Zipnosis board-certified clinicians use the clinician application to review a patient’s symptoms and send them a diagnosis.
Here we also use an off-canvas pattern that allows a clinician to easily swipe left and right between screens. This solution gives the application a native app feel while actually being a completely responsive web page that can be accessed from anywhere and from any browser.
I was told that a clinician was able to successfully complete a diagnosis from a ski chalet on the top of a mountain.
Check out Zipnosis for yourself, save it to your phone’s home screen and use it to skip the waiting room the next time you’re feeling ill.