Position

Lead UI/UX Designer

Year

2020

Team
  • 3 Developers
  • 1 PO
  • 1 QA Engeneers
My Contributions

For this project I was responsible for designing a native app for iOS & Android, as well as a web app. I was the only designer on this project so I was involved in everything from helping the client with planning all the way to delivering final designs ready for development.

  • Lead the redesign direction of the app.
  • Updated the user experience in key areas of the product.
  • Accessibility and performance
  • Aided user research/interviews.
  • Created unique visuals for the app (illustrations, icons, etc.).
  • Shared various expertise with the team.

The Discovery

Problem statement

While we are all staying at home as much as possible during the pandemic, we still need to fulfill our basic needs. Many people still require medications or need to get medical support for something other than COVID.

Solution

To provide better healthcare access in this difficult times, I created application with combination of many importand features that we thought would be needed. Thes features will enable users to book appointments with health experts, to get prescribed medications, to talk with the doctors via chat, voice or video call.

Part 1

Discover & Conceptualise

To understand the market and competitors and to also get a big picture of how DoctorPoint should position itself against competitors, I carried out an analysis of two similar apps. This provided insights about each competitor's strenghts, weaknessess, opportunities and threats.

Competitive Analysis

To understand the market and competitors and to also get a big picture of how DoctorPoint should position itself against competitors, I carried out an analysis of two similar apps. This provided insights about each competitor's strenghts, weaknessess, opportunities and threats.

Babylon
Strengths
  • Availability of partner pharmacies
  • Additions of extra features eg. e-prescription
  • User friendly interface, very straight forward
Weaknesses
  • No Landing page
  • No in-app pharmacy available
  • Signing-up takes a long while.
Opportunities
  • Should create a website
  • Should include more language options
  • The home screen should include more other contents rather than just a features
Threads
  • Apps like Babylon and BeterHelp might be a threat
  • Users have no website to refer to
TeleDoctor24
Strengths
  • User friendly user interface
  • Additions of extra features eg. mood check
  • Lower price rate for consultation
Weaknesses
    No social media adds
  • Home page doesn't have enough contents
  • Bottom nav icons aren't laballed in the mobile app.
Opportunities
  • Should run social media adds
  • Home page should include more colours and contents
  • Bottom nav icons should be labelled
Threads
  • Apps like Babylon and BeterHelp might be a threat

Step 2

User Interviews

Interviews helped me understand the problem space as well as potentional customers of DoctorPoint. I had to understand their mental models, pain points, needs and goals, sugestions and challanges. I categorized the findings into common themes.

Step3

Interview Insights

  • The participiants dislike waiting long in line for an appointment
  • The participiants want an app where their health records and data are kept safe from external malware.
  • The app should be add free to avoid user frustration.
  • They often search on internet to find health tips and solutions.
  • They don't mind paying for online consultations.
  • They want the online consultation fee to be as affordable as the usual consultation.
  • One participient would rather not pay privately becouse they pay theis monthly health insurance.
  • App should include articles with healthtips.
  • App should include online pharmacy.
  • App should include variaty of doctors.
  • Conslultation fee should be paid by the health insurance.

Step 4

User Flow

At this point, the project had become well grounded. I had thorough understanding about its core features, structure and functionality. The goal of this stage was to orginize and structure all the content from the research phase. I created a basic flow of each step on the path of the user.

Step 5

Low - Fidelity Wireframes

Using the structure of the the user flow, we draw out sketches of the app's main features firstly on paper. The main features like the flow to book a doctor appointment. After I was done with low-fid wireframes I went a bit further by creating mid-fid wireframes.

After that I created an interactive prototype of the screens in order to test the usability of the application.

Last step

Final UI

After everything else was complete I proceeded with designing the remaining screens - most of them in 3 different versions for different user categories.