top of page

Jul'22-Sep'22

INTERNSHIP AT

UI Design
UX Design
Working in a collaborative environment to achieve a common goal keeping in mind the needs of business & the users
qure-header-logo2.png

Getting the big picture

The internship started with understanding Qure.ai & its products
FDA_1593956530350_1593956536948.webp
Researching Products
Researching & using Qure.ai's products
SV10.jpeg
On Site Visits
On Site Visits to Chikkaballapur hospital to understand our target audience, product usage & location of utility
img-culture.png
Interaction with different teams
Understanding the perspectives of different kinds of teams

ABOUT THIS INTERNSHIP

I was working in the Design team & my first task was to work on the UI Design of the Worklist/Patient list. We tweaked the Visual Design until it worked for every team involved & was functional at its best. We believed in constantly taking feedbacks & keeping all necessary teams involved throughout the process.

ROLE

UI Design
UX Design
Illustrating
Dev communication

PROJECT TYPE

Team Project

TIMELINE

Jul'22-Sep'22

TOOLS USED

40fbd683c170ae34d5662b42e8ae191f.jpg
Adobe_Photoshop_CC_icon.svg.png
figma-682083.webp
52-521382_sketchbook-logo-autodesk-sketchbook-logo.png
The Qure App is on PlayStore & the same designs which are in the portfolio have been deployed in it.

Iterate, Iterate, Iterate...

mocup qure.png

What is Qure App?

This app quickly updates radiologists with patient updates.
Through the Qure app, radiologists may easily access and keep track of patients' scans. It also has a desktop version, but we worked on the mobile version so that users could get scans fast when, for example, a doctor was on the go and needed to obtain a scan quickly for an emergency or to alert another doctor to an emergency.
The doctor has access to all types of scans, can communicate directly with the patient through the patient channel, and may verify AI readings for the likelihood of serious disorders.

Task #1

Worklist Visual Design

Starting Point
Listing Down all the Components
I started with listing down all the components in the wireframe & understanding about each one of them in detail by referencing the current user flow of the app
Android Large - 26 1.jpg
Final Design
Screenshot_2022-11-23-17-47-20-42_3e700799ec0b7b6338817234f4f5cc14 1.png

Side Menu

Select Site filter 

Search Bar

Patient Card

Viewer

Patient Channel

Reviewing & Editing each Component
Finding optimum ways to fullfill the task performed by each component

Iterations

Site as a filter 1.png

1.

Tried turning this 'Select Site' button into a filter It didn't work because once the 'Search Panel' is clicked, it would also have a filter & two filters will confuse the user.

Android Large - 26 1.jpg
Android Large - 26 1.jpg
up1.jpg

Adding icons & box to depict that this is a universal button which is going to stay throughout the app

up.jpg

2.

3.

header1.jpg
header2.jpg

Adding Headings to let the user know the purpose of the screen at all times

CC1.jpg
CC2.jpg

4.

Colour codings to depict various statuses of the variable components

5.

cg.jpg

..but not using colours generously because they get distracting too

vel.png
vel2.jpg

Adding more visual elements instead of text

6.

RC1-final.png
RC2-final.png
RC3-final.png
rc4 final.png
RC5-final.png
RC6-final.png
RC7-final.png
RC8-final.png
RC10-final.png

Rearranging the components

Further iterations

f11 final.png
f12 final.png
f13 - final.png

The Final Design

The final design gives much importance to the thumbnail. Prominent options are represented by icons. Hierarchy is correctly in place & unnecessary information is removed.

Algorithms are great, but design brings them to life

In_Hand_Mobile_Mockup-removebg-preview.png

Task #2

Notifications Visual Design

Goals I set for this task

Vectormg.png
Quick identification
Quick identification of different kinds of notifications
Vectorey.png
Comprehension at glance
Users don't need to tap on each notification to know what's inside
Vectorfl.png
Correct Prioritisation
Prioritise notifications on the basis of urgency
Vectorse.png
Actionable notifications
Perform actions from the notification itself

Types of notifications

Emergency

Uploads successful

Collaboration request

Lab Confirmation pending..

Report updated

Patient info filled

Scans uploaded successfully

Error in uploading scan!

System update

Screened by Qure.ai

Code Stroke

Mentions

New Patients Registered

Sorting in
groups

Error uploading 

Collaboration request

Mentions

System update

Screened by Qure.ai

Emergency

Report updated

Scans uploaded successfully

Patient info filled

Uploads successful

Lab Confirmation Pending

New Patients Registered

Code Stroke

System update

Screened by Qure.ai

Prioritising

Uploads successful

Scans uploaded successfully

Report updated

Patient info filled

Collaboration Request

Mentions

Error uploading

Code Stroke

Lab Confirmation Pending

Emergency

Prioritising on the basis of anticipated urgency

Similar icons for one group

Group 19.png
Group 20.png
Group 21.png
Group 22.png
Group 24.png

Use of Colour

strok1.png
strok2.png

Usage of colours for emphasis

Final Designs

sundar mockup threesome.png

Task #3

Creating an instruction Manual

Challenges

Group 25.png

Varied users

Vectorsmu.png

Need an
effortless manual

Group 26.png

Non tech savvy users

Group 29.png

Should be apt for emergency situations 

Group 27.png

Rural users

Vectorlc.png

Require least
learning curve

bottom of page