To get better sense about the problems that users are facing I spoked to group of friends and people that I know who are either preparing for a surgery that is due in the next sixt months or had a surgery in last 6 months. But with this I could traget anybody in terms of age range and I didn't have overall idea of the problem that would enable me to create hypothesis to test, so through background research, I found a fascinating study on the “Age of patients undergoing surgery,” I found out that over 50% of patients undergoing surgery are between 35 and 70 years old. From there, I created a problem statement based on collected findings and data so I could proceed to the next phase — user research.
To learn more about the target audience and their pain points, I conducted Four in-person interviews with users who are awaiting surgery or that were at least once on the operating table last year.
After conducting interviews and thorough analysis, I summarized the data to critical insights that will later influence the whole UX and UI design.
Before starting any design work, the critical thing is laying out all of the information in the form of a tree so we can group things that make sense for the user and also from technical and business standpoints.
After creating wireframes, I sent the prototype to the same people I interviewed to validate my idea before going on into the design. I gave them two tasks: 1. Find more information about the operation itself 2. Check what your upcoming commitments are and add your own After the completion, I asked them whether they managed to complete the task and whether there was anything unclear or misleading. All four respondents completed both tasks and fully understated what the application was about and how to navigate through the app. With wireframes in place and supercharged creativity in my pocket, I translate all those data into friendly and calm UI. Side note: Before these drawings, I made a dozen screen sketches that were a similar variant of these sketches. They finally led me to these sketches, which were the beginning and inspiration for creating wireframes.
I decided to go with a calm and relaxing palette of color because this app's main task is to provide the user peace of mind. When choosing the font family, I wanted to use a more unformal typeface for headlines to support the calming feel of colors and a regular typeface for body and subheading for better readability.
