Dedicated App UX Design

1
Therapy Billing App
Presented by Christine Morrison
2
Project Overview
Product
Project Duration
I began work on this project in April of 2022.
Beginning with product and user research, to
conceptualizing the UI, to building, prototyping,
testing, iterating, collaborating with other
students, and now to finalizing the design in
November of 2022.
The goal for the design of the Therapy Billing
app is to provide a simple way for therapy
patients to pay for their bill using an online
method.
3
Solving For User Problems
1
2
Create an app to bridge the gap between older
technology and newer technology. Enable users to
ease into this newer technology for paying bills
online.
How do I help users who have a limited
understanding of technology to pay for their
therapy bill using an app?
4
My Role as a Student UX Designer For This Product

• Competitive Audits
• User Research
• User Studies
• Design
• Testing

5
(No Transcript)
6
User Research Pain Points
7
Persona Sai
8
User Journey Map
9
(No Transcript)
10
Paper Wireframes
11
Digital Wireframes
For users who want a more detailed look at the
cost breakdown of their bill.
For users who just want to print their bill and
pay by mail.
12
Digital Wireframes
The billing amount is visible to our Users just
before making a payment as a measure of
reassurance that there are no other charges other
than what is expected.
This is a new technology for our Users who want a
way to pay their bill online, but are more
comfortable paying by check.
13
Low-fidelity Prototype
The user flow starts with searching to make sure
their therapist uses the app for billing. Then
the user will sign up for an account. The user
can look at previous bills, claims, and a current
bill. The user can look up medical codes to help
with understanding what they are being billed
for. The final part of of the flow is to pay for
the current bill which is followed by a
confirmation message.
14
Usability Study Findings
Study 1 (low-fidelity prototype) How do users
complete the payment process?
Study 2 (high-fidelity prototype Is there a good
user flow and can users complete tasks without
difficulties?
15
Refining The Design
Mockups
High-fidelity Prototype
Accessibility
Designs that showcase the full functionality of
the product.
Connecting the mockups to simulate the functions
of the app from start to finish.
Implementing features in the design that make it
inclusive for all of users.
16
Mockups
Before
After
17
Mockups
Before
After
Before and After Usability Study
The focus for this iteration has been to simplify
the user sign-up process and make the design
elements easier for users to see and take action.
The design changes were made because users had
problems completing tasks.
18
Mockups
19
High-fidelity Prototype
The user flow starts with the option to get help
for how to use the Therapy Billing app. Then the
user will sign up for their account. This is
followed by reviewing their bill with an option
to print. The last part of the user flow is to
pay for their bill and receive confirmation of
this payment.
20
Accessibility Considerations
Color
Size
Language
The color selections were an accessibility
consideration that was applied in my designs. The
colors used had a high contrast for visually
impaired Users.
Text size was an accessibility consideration
applied in my designs. The text was easily
readable and adjustable for visually impaired
Users.
A language option was an accessibility
consideration applied in my designs. Users who
are not familiar with the english language would
not be excluded from using this app.
21
Going Forward
22
Takeaways
Impact
What I Learned
I learned many valuable lessons throughout this
project. One key lesson that I learned is that
overthinking and overanalyzing can impede the
design process and waste time. I really had to
stop myself from thinking for the users of the
app and just follow the research. Each step of
this project showed me more about myself and even
more about others.
The usability studies that I conducted for this
app proved that users can adapt to newer
technology when a simple UI is accessible to
them. One user of the study was shown the final
design and made the following statement to me.
Yes, thats it.
23
Next Steps
Step 1
Step 2
Step 3
I would save a copy of the design files. This
provides a backup if something happens to the
original designs in transition to its next
destination.
I would clean up the design files to make sure
that only the sticker sheet and final mockups
were made available to pass them on. This keeps
other designers and/or developers from getting
lost in my multiple iterations of these designs.
If I was the only UX Designer for this project, I
would set-up a meeting with the stakeholders to
make a presentation of the final design for
approval or changes. If I was part of a team, I
would present to the team for approval or changes.
24
If you would like to discuss this project with
me, or would consider me working on a project
for you, I can be reached at working4uremotely_at_gma
il.com.
Lets Connect