MOX+ 16mb
MOX+ 16mb
MOX+ 16mb
+
Mobile Xray Machine
PROJECT OVERVIEW
MoX+ is an Digital Xray Machine UX Tool which allows
in emergency situations.
DURARTION TOOLS
DECEMBER 2022 - JANUARY 2023 FIGMA, AUTODESK SKETCHBOOK PRO
MY ROLE
UX/UI DESIGNING, RESEARCH, Physical PRODUCT DESIGN
WHY ?
There are very few Compact Xray Machine are in Medical Market, where the UX for those Product’s console
are mostly Analog and are very difficult to operate during emergency and in quarantine situation and the
manual errors occurs frequently. To reduce the Error and timing process of the scanning operation flow, I
created this Digitalized Xray Console with simplified UX Design
Design Process
SURVEY
Interview Questions (30 Medical Staffs) :
Are you comfortable using Analog console
Do you have Sharing X-RAY options as softcopy to Lab
How long it takes to complete a whole process
How often you make flaws
What kind of UX Console you want
How many technicians are ready to shift to Digitalized UX Console ?
Interview Result :
Many Technicians need an Updated Console with simple U
Most of the Scan reports are share only through Hard Copy format
It takes an average timing between 4 to 6 minute
There are many flaws occur due to the lack of CHECKUP Panel
Many want Digitalized console with Smart Interactio
Almost 86%, ie (26/30) are ready to shift from old to updated version.
Buttons 3/10
30% 21 - 30
Visibility /0
1 1
6 %0
31 - 50
Step procedure /0
4 1
0
1 %
50+ Document Mailing 3/10
Checkup panel /0
4 1
TECHNICIANS EXPERIENCE
High
0 - 2 years
i ic l y
oper t on d ff u t
45%
+5 years
25% Low
du e to Complicated UI easy and simple Design functions difficult to share SCAN report
User Persona
NEHA SHREE
MEDICAL TECHNICIAN
Bio About ME
Neha is an Medical Technician who has Age: 25 E perience
3 years e perience in Xray Operating
x
Motivations Personality
H appy Clients Introvert E trovert
x
istening
L Passive Active
Empathy Map
Says Think
Difficult to lear May have Digitalized U
Takes too much tim Need touch screen
Poor Display Visibilit Need Checkup panel
No sharing option
Does Feel
Helps patien frustrated to share hard
Punctual in La cop
Mails for Sharing soft
Feel difficult to operat
copies of Scan report Fear of Flaws
Happy
Neutral
Unhappy
up • M O
ailing ption does not • Scanning result is good
Allignment
time process of the patient
• O yHnl ard Cop y y
is directl complete the process is
confusing
v
less isible w ith less
interaction
operation
in image formats
Flow Diagram
User flow diagrams are used primarily by product and UX teams to figure out the flow of a website or
application after you ve thought about the customer e perience and user needs.
' x
HOME
PATIENT DETAIL
DOCTOR I
LAB IN F ORMATION
VIEW
DENSITY
AP
AMPERE mA
CHECK OUT
LP
DOWNLOAD PD F
LAB ID ENTRY
EMAIL SECTION
ND PR C SS
E O E
SKETCHES
WireFrames
A wireframe is a diagram or a set of diagrams that consists of simple lines and shapes representing
the skeleton of a website or an application s user interface and core functionality. et a more in depth
' G -
e planation of what UX wireframes are, what they look like, and how they can benefit your team.
x
DESIGN SYSTEM
Bb
Typography
Poppins Typeface
Aa
Aa
Aa
Heading 1
Heading 2
Heading 3
H eading 4
Color
#00CCA8 #000000
#13F300
Primary Color
Secondary Color
Buttons
Components
Buttons
Active: AP PROCEED SCAN
L ayout Grid
Wd i th 1440 px
eight 960 px
H
Rows = 16 Pixels
Margin = 10 Pixels
Column = 20 Pixels
Type = Stretch
Gutter = 0 Pixels
VISUAL DESIGN
Home Screen
Calander
Step by Ste p
Operation
4. Check-Up Panel
Scan Details
Add On
Patient Details
Email panel
Prototype
FINAL RESULT
Digitalized UX Consol
Reduced Interaction Timing (Avg 1 2 mins .
Digital Console
T I ME
L E S S
R E R E S U LT
MO
Thank You
f or
cbhavishnustudy@gmail.com
bhavishnu.c (Ig)