![](https://framerusercontent.com/images/X7BkMhqjbabYBHZiPrvTAfqFZo.png)
![](https://framerusercontent.com/images/X7BkMhqjbabYBHZiPrvTAfqFZo.png)
![](https://framerusercontent.com/images/X7BkMhqjbabYBHZiPrvTAfqFZo.png)
Summer 2023 Internship
Summer 2023 Internship
Summer 2023 Internship
Epic
Epic
Epic, also known as Epic Systems, is the leading Electronic Medical Records (EMRs) software company in the United States, based in Madison, Wisconsin. As a Summer 2023 User Experience Designer Intern here, I had the opportunity to own a project within their Telehealth application, alongside a paired Software Developer Intern.
Epic, also known as Epic Systems, is the leading Electronic Medical Records (EMRs) software company in the United States, based in Madison, Wisconsin. As a Summer 2023 User Experience Designer Intern here, I had the opportunity to own a project within their Telehealth application, alongside a paired Software Developer Intern.
Project
Summer Internship
Epic Systems
Project
Summer Internship
Epic Systems
Skills
User research, sketching, wireframing, prototyping, user-testing
Skills
User research, sketching, wireframing, prototyping, user-testing
Timeline
May 2023 - Aug 2023
Timeline
May 2023 - Aug 2023
Note: All of the frames below are low-fidelity, intended to just give a sense of the project!
Note: All of the frames below are low-fidelity, intended to just give a sense of the project!
Premise
Premise
What is Telehealth?
Epic’s Telehealth application is dedicated to building software that enables patients to have access to healthcare from wherever they are. Their primary service is through the Epic Video Client (EVC), which is Epic’s homegrown browser-based videotelephony platform.
What is Telehealth?
Epic’s Telehealth application is dedicated to building software that enables patients to have access to healthcare from wherever they are. Their primary service is through the Epic Video Client (EVC), which is Epic’s homegrown browser-based videotelephony platform.
What was the project?
As part of preparation for a Telehealth video visit, patients are encouraged to test their device to make sure that it’s working and ready to go. How they do this, is through a hardware test, and EVC currently has two:
What was the project?
As part of preparation for a Telehealth video visit, patients are encouraged to test their device to make sure that it’s working and ready to go. How they do this, is through a hardware test, and EVC currently has two:
![](https://framerusercontent.com/images/BXT753ghBgSYAnBHhT0o7qI4m3Y.png)
![](https://framerusercontent.com/images/BXT753ghBgSYAnBHhT0o7qI4m3Y.png)
When it’s time for a user’s visit, clicking ‘Join Video Visit’ leads them to the Pre-Visit test, since the test is part of the interface to join the call. It acts as a final “You’re good to go, and you can join when you’re ready!” check.
When it’s time for a user’s visit, clicking ‘Join Video Visit’ leads them to the Pre-Visit test, since the test is part of the interface to join the call. It acts as a final “You’re good to go, and you can join when you’re ready!” check.
![](https://framerusercontent.com/images/gQM18BOqTs6Uzfi53TKnrVeRg.png)
![](https://framerusercontent.com/images/gQM18BOqTs6Uzfi53TKnrVeRg.png)
PRE-VISIT TEST
PRE-VISIT TEST
Occurs immediately before the visit
Occurs immediately before the visit
![](https://framerusercontent.com/images/TXap72XDmjyYl4tvTIoMOENjk2A.png)
![](https://framerusercontent.com/images/TXap72XDmjyYl4tvTIoMOENjk2A.png)
The Standalone Hardware Test is an independent test that opens in a brand new tab. It’s offered to patients when scheduling or when e-checking in to a video visit within Epic’s patient portal MyChart, depending on how customers configure it; it can also be sent as a direct link to those who do not have MyChart accounts.
The Standalone Hardware Test is an independent test that opens in a brand new tab. It’s offered to patients when scheduling or when e-checking in to a video visit within Epic’s patient portal MyChart, depending on how customers configure it; it can also be sent as a direct link to those who do not have MyChart accounts.
![](https://framerusercontent.com/images/xgA9n0hjaDW5EgtSQBzFcOPubD4.png)
![](https://framerusercontent.com/images/xgA9n0hjaDW5EgtSQBzFcOPubD4.png)
![](https://framerusercontent.com/images/fOmasF7bS3EGBbrdBQhuHAUisrs.png)
![](https://framerusercontent.com/images/fOmasF7bS3EGBbrdBQhuHAUisrs.png)
STANDALONE TEST
STANDALONE TEST
Ideally occurs a few days to a week in advance
Ideally occurs a few days to a week in advance
We worked on redesigning the Standalone Hardware Test, following customers concerns over its current interface.
We worked on redesigning the Standalone Hardware Test, following customers concerns over its current interface.
Preliminary Research
discover
The time frame of the internship didn’t allow us to conduct formal user interviews, as contact and research with patients is done through a regulated process, but we looked to testing later on to validate our assumptions.
Baseline Heuristic Evaluation
I documented an assessment of the current interface within the internal heuristic evaluation system, and found violations in the following of Nielson Norman Group’s 10 Usability Heuristics for User Interface Design:
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation
![](https://framerusercontent.com/images/ldOIgsfXjwllOjrpaU9TFRr4.png)
No direct exit from this page's interface besides closing the tab
Cognitive overload when testing all at once, as three results means three actions
Inactionable results
Recovery guidance for those actions is separated from the direct error
Competitive Analysis
I then took a look at the existing structures and successes of other hardware tests and noticed variations in:
scroll→
DEPTH
Expedited Pre-Visit
Google Meet
Dedicated External Environments
Zoom
METHOD
Test Call
Microsoft Teams
Feedback
Twilio
Customer Solutions
ORGANIZATION
All-at-once
Twilio
Step-by-step
Zoom
Within the Feedback METHOD, I found an interesting difference in Automated vs. Self-Directed testing that would impact the structure of our test later.
Within the Feedback METHOD, I found an interesting difference in Automated vs. Self-Directed testing that would impact the structure of our test later.
Within the Feedback METHOD, I found an interesting difference in Automated vs. Self-Directed testing that would impact the structure of our test later.
AUTOMATED
AUTOMATED
AUTOMATED
![](https://framerusercontent.com/images/MeArlgKQGB8ZOQKTTdFHFv5DRps.png)
![](https://framerusercontent.com/images/MeArlgKQGB8ZOQKTTdFHFv5DRps.png)
![](https://framerusercontent.com/images/MeArlgKQGB8ZOQKTTdFHFv5DRps.png)
Twilio
Twilio
Twilio
As soon as a user clicks into the test, the test automatically checks if everything is working technically and then displays it. This is really convenient and efficient for quick checks.
As soon as a user clicks into the test, the test automatically checks if everything is working technically and then displays it. This is really convenient and efficient for quick checks.
As soon as a user clicks into the test, the test automatically checks if everything is working technically and then displays it. This is really convenient and efficient for quick checks.
USER-DIRECTED
USER-DIRECTED
USER-DIRECTED
User determines whether or not they can see themselves. Accuracy of the test relies on the user’s judgment, but it helps catch environmental factors that technical tests may not be able to (e.g. camera covers, muffled audios, etc.).
User determines whether or not they can see themselves. Accuracy of the test relies on the user’s judgment, but it helps catch environmental factors that technical tests may not be able to (e.g. camera covers, muffled audios, etc.).
User determines whether or not they can see themselves. Accuracy of the test relies on the user’s judgment, but it helps catch environmental factors that technical tests may not be able to (e.g. camera covers, muffled audios, etc.).
![](https://framerusercontent.com/images/6eyXvzXQUAaH9nKqtauyMIbeZM.png)
![](https://framerusercontent.com/images/6eyXvzXQUAaH9nKqtauyMIbeZM.png)
![](https://framerusercontent.com/images/6eyXvzXQUAaH9nKqtauyMIbeZM.png)
Customer Solutions
Customer Solutions
Customer Solutions
![](https://framerusercontent.com/images/Yd8B3JObHB2vu1LTV7i1Ee5F3EU.png)
define
Design Sprint
With all of these swirling understandings of the project, I decided that a Design Sprint might be the best way to resolve and flesh out any lingering questions and considerations in our problem space, as well as spark ideas for design and catch potential issues of our current trajectory.
![](https://framerusercontent.com/images/5chjbBCBzPZvhuvh2jsZeNojMsw.png)
![](https://framerusercontent.com/images/7w3bKkKEB1xmlhekLVCvgFxwZM.png)
![](https://framerusercontent.com/images/eopG4qWqNacDkoxltzLahn4Hk.png)
![](https://framerusercontent.com/images/mQ1BYPhbX1lBOmwTEfOc7VfXbIM.png)
*sushi-themed slides for World Ocean Day!
I invited five other User Experience Designers, two Quality Managers, and three Software Developers for an intense 3 hour rapid brainstorm and sketch session, and we came up with a lot of valuable discussion and raw material...
![](https://framerusercontent.com/images/eilB0seTZgGhbzdOFYwB0Khtco.png)
![](https://framerusercontent.com/images/zFgIj0V0jTccNbsMMbuUovwN5F4.png)
![](https://framerusercontent.com/images/XqFuhcKN7CmZfJEuNwI0RprKTl4.png)
![](https://framerusercontent.com/images/tdrtefsu4aKnnjhlxmpKZOg2t30.png)
![](https://framerusercontent.com/images/3v02xqVMvmmLUvQmEZ2xvsMR8A.png)
![](https://framerusercontent.com/images/8KMRy0WR4vK1GHbJqYdn0EndVE.png)
![](https://framerusercontent.com/images/KIjXA5AYJZ4VD7ZvXMAeEzctI.png)
![](https://framerusercontent.com/images/m9re2UJdbC5oigVNcL4llfuWLRQ.png)
![](https://framerusercontent.com/images/smisyye9tE9F27ydxPklIm6AZs.png)
![](https://framerusercontent.com/images/ptjRhhPXHJjYVEZbXQPXza4gDg.png)
![](https://framerusercontent.com/images/19EzHJpWVBvtuAEWi0yU76mB3fc.png)
![](https://framerusercontent.com/images/zdGYbQHNxAKw1Yns10XrdqTo10.png)
![](https://framerusercontent.com/images/Gmac0ot0pJFeJm5kVeGA1saE6g.png)
![](https://framerusercontent.com/images/8AT5phgFiDfgGWAQWwRqZXzE7w.png)
![](https://framerusercontent.com/images/Nik8ZD0SpoRGba52od1nMt3nM4.png)
![](https://framerusercontent.com/images/fC8FL4KYxj6u73QRQEz39wnrhlQ.png)
![](https://framerusercontent.com/images/M7N1EjRvXPKB6ihINkttgFOiI.png)
...which I was then able to convert into some really useful affinity maps!
scroll→
Problem Statement
Our problem statement then accumulated into...
How can we seamlessly support users with varying technology skills and testing needs in a way that instills confidence in their preparation for Telehealth visits?
...with main goals being:
1.
Results are more digestible.
Original interface elicited a lot of visual and cognitive overload.
2.
Troubleshooting is guided.
Instructions were not immediate to the error.
3.
Workflow is clear.
Users were unaware of the difference between Pre-Visit and Standalone Test.
Iteration
design
I made and played around with 2,000+ mockups, so I tried to condense a sample that could showcase each stage of iteration and some of our milestone decisions.
Sketches
Drawing from our Design Sprint collection, I sketched up some ideas of how guide through a test in network, camera, speaker, and microphone.
![](https://framerusercontent.com/images/jZzAJrHLL55eO3SWFw0AkMVg.png)
SEPARATED
Users select which element they would like to test
This is one layout example that uses a menu.
![](https://framerusercontent.com/images/4paw8LLofuyenzPZ8DFINEaCIw.png)
LINEAR
Users are led from test to test
This is one layout example that followed a horizontal subway.
![](https://framerusercontent.com/images/WtxaayEQhl18piJfHvoFuoIo.png)
BLENDED
We attended the Telehealth Weekly Design Meetings to grab some feedback, and the idea of a blended workflow was born!
![](https://framerusercontent.com/images/1uo6Yoz0n4GfrFPUoFwEjEDVoQ.png)
![](https://framerusercontent.com/images/C7Und0PXdnPMczQjXPffUPQGx8.png)
Users can still choose what they want, but there is also circular navigation within the tests
![](https://framerusercontent.com/images/ku2AQWZrBo7ODuxKkNnp8FtDhM.png)
Hi-fi + Milestone Decisions
Our project team visualized milestone decisions best in hi-fi, so that was the stage in which we spent a good chunk of time! During this stage, we focused on mobile.
THOROUGHNESS
Automated
![](https://framerusercontent.com/images/tNZri7su9IFm91Auip4C8oECL8.png)
Early on, we were met with suggestions to continue with the automated style of testing in the current Standalone Hardware test, where as soon as a user clicks into the test, we automatically check if everything is working and then display it. This is really convenient for users who are more tech-literate and just want a quick check.
Self-Directed
But, since we wanted to discontinue the cognitive overload and overwhelm of status in the current Standalone Hardware Test, we thought it best to force users to go through the camera, speaker, and microphone individually to see their results.
Like in the competitive analysis, this also helps catch issues that might not necessarily be technical (e.g. if the speaker is working, yet muffled), and prompts the user to ensure that the quality is up to par.
![](https://framerusercontent.com/images/2LNLePS7vPQVmkMNQCqgq4UVCpg.png)
WORKFLOW
Menu-based
![](https://framerusercontent.com/images/Gr0OiJlNbqmZZeDRmpEMsQY2zZg.png)
A user can jump into any test, allowing them to test what they want, but can only access others tests through the menu.
Step-by-step
![](https://framerusercontent.com/images/sQzum9sYl5uNjPwW7KUK6xGOJt0.png)
Less choice than the menu, but instead guides the user through each test.
Blended
![](https://framerusercontent.com/images/1MVGniqcyCyT4YKxCWsXCavOZQ.png)
Our Goldilocks! There’s choice through the menu for our users who just want to check one thing, but circular navigation within each test for our users who want guidace.
Mid-Summer Presentation
At this point was our Mid-summer Presentation, where we got some good feedback, as well as internally reflected as a project team on our progress and direction.
![](https://framerusercontent.com/images/ecpnIzEJBO37kGEgWqIOTTtfMs.png)
![](https://framerusercontent.com/images/96pLTqrR9FEjpIJ2UyhRWZX0s.png)
[REDACTED]
[REDACTED]
Though we received praise for our compromise with Blended, we as a project team felt that our decisions had been too skewed by our feedback demographic’s higher technological skill, and wanted to revisit the scope of our target user.
![](https://framerusercontent.com/images/wfCklzkXItUWrIHpGBFkMzxbC0.png)
re-define
Customer Call
The customer that had sparked this project was available for a call, and our discussion with them helped narrow our focus.
USERS
Our original problem statement tried to address all users with varying technology skills and testing needs...
Technological Literacy
Frequency of Use
Low
High
High
Low
...but trying to cater to too much ultimately took away from those who needed it the most:
Older, lower-tech literacy users who might not be
using technology or video visits frequently
GOALS
1.
Gain confidence
that they’re prepared
2.
Be guided
through any troubles
Persona
From there, we created a persona that would better set us up for our target user!
Meet...
Sal
short for Salvatore!
ABOUT
65-year-old retired landscaper
Never really had to use technology much
Usually offloads any technological tasks/issues to his son
SITUATION
Son recently moved away → Sal must take on more tech-heavy tasks
Needs to prepare for his upcoming follow-up video visit about his new hypertension medicine
GOAL
Complete the test for confidence that his device is ready for the visit
FRUSTRATIONS
Overwhelmed when faced with a lack of clear instructions and directions
Struggles with both the digital and physical technology
Revised Problem Statement
How can we seamlessly support users with lower technological literacy in a way that instills confidence in their preparation for Telehealth visits?
re-design
Hi-fi + Milestone Decisions
With this narrower scope, we were able to continue more confidently in our hi-fis.
WORKFLOW
Menu-based
![](https://framerusercontent.com/images/aQJbpB6l9we5mVVwIPTwuiv8mwo.png)
Step-by-step
![](https://framerusercontent.com/images/sA3d8cGWjo3igGgRkBwHylHKbN4.png)
Blended
![](https://framerusercontent.com/images/NBVYtPCKEPsqC2bH735h0e7qeZk.png)
Since we realized trying to cater to too much variation in tech-savviness would hinder clarity to our users who really need the test, we reverted back to the Step-by-step workflow to align with our target users.
ERROR RECOVERY
Within the Step-by-step workflow though, we ran into our final decision of where to inform troubleshooting.
Originally, troubleshooting was only given in the results after the test is completed. The rationale behind this was that users should focus on one task at a time, so test, figure out what’s wrong and then troubleshoot. If a user were to troubleshoot as they go, if they run into an error they can’t fix, they may just give up and not test the other components.
Fix at end
![](https://framerusercontent.com/images/FFZY9Luy8rI9SnzUh1dM2NDEfxo.png)
Usability Testing
ROUND 1
We were unsure about our choice to place troubleshooting at the end, and decided it might be best to inform our decision with some usability testing. We structured it as a task-based run-through of the test, as our goal was to observe interactions in workflow.
“It’s a little weird to have to go all the way through the test in order to fix it. I would rather fix the problem right there.”
“It's almost aimless to go on to the test when something is failing because you have to go back anyways.”
“If I was an old person, I'd think that the phone was going to forget to bring me back to the tips!”
The consensus was clear: the anxiety of getting an error and having to wait to resolve it outweighs the anxiety from the error.
ERROR RECOVERY
Fix at end
![](https://framerusercontent.com/images/YbJhfTtQ08EO7glznXct5b6BkoU.png)
Fix as you go
![](https://framerusercontent.com/images/6x52VPlYj0726manzd5Nn2g7hc.png)
We ultimately decided to put troubleshooting within testing. This runs the risk of users getting stuck at errors they can’t troubleshoot, but we tried to put in place some mitigations to prevent users from getting stuck on an error, such as the sticky bar at the bottom with constant Next navigation buttons to indicate that you can always move forward, as well as an advisory message to move on if a user tries to test again.
ROUND 2
We ran another task-based run-through of the test to validate our changes, and were met with positive reactions!
It was intuitive where I needed to go next.
Super straightforward and clean!
The process was seamless.
Final Look
Final Look
Final Look
Demo
Demo
Demo
Mobile
Mobile
Mobile
Desktop
Desktop
Desktop
MOCKUP WALKTHROUGH
MOCKUP WALKTHROUGH
Final Presentation
All of this accumulated into our final presentation at Demo Days, where we got to showcase all of our hardwork from the summer!
Final Presentation
All of this accumulated into our final presentation at Demo Days, where we got to showcase all of our hardwork from the summer!
Final Presentation
All of this accumulated into our final presentation at Demo Days, where we got to showcase all of our hardwork from the summer!
![](https://framerusercontent.com/images/t9oWwdHPZsAZyeiWR9PnnTzoQI.png)
![](https://framerusercontent.com/images/t9oWwdHPZsAZyeiWR9PnnTzoQI.png)
![](https://framerusercontent.com/images/t9oWwdHPZsAZyeiWR9PnnTzoQI.png)
![](https://framerusercontent.com/images/8HoCIYjh1SnNhzFUweeniihIW0.png)
![](https://framerusercontent.com/images/8HoCIYjh1SnNhzFUweeniihIW0.png)
![](https://framerusercontent.com/images/8HoCIYjh1SnNhzFUweeniihIW0.png)
Here with my paired software developer and our mentors🫶🏻
Here with my paired software developer and our mentors🫶🏻
Here with my paired software developer and our mentors🫶🏻
MOCKUP WALKTHROUGH
Reflections
Reflections
Reflections
Main Takeaways
Cross-functional compromise: Working with a paired software developer intern helped complement experience levels, but learning to understand each other’s priorities and timelines was definitely a challenge that we took on!
What it means to be a designer: Empathy is often cited in designers’ toolkits, but it isn’t just for the end-user. I was surprised to learn that in my day-to-day, I spent about 50% of my time in meetings — to be a great designer then, is not only to be a creator of great products, but to be a great listener and a great communicator.
Main Takeaways
Cross-functional compromise: Working with a paired software developer intern helped complement experience levels, but learning to understand each other’s priorities and timelines was definitely a challenge that we took on!
What it means to be a designer: Empathy is often cited in designers’ toolkits, but it isn’t just for the end-user. I was surprised to learn that in my day-to-day, I spent about 50% of my time in meetings — to be a great designer then, is not only to be a creator of great products, but to be a great listener and a great communicator.
Main Takeaways
Cross-functional compromise: Working with a paired software developer intern helped complement experience levels, but learning to understand each other’s priorities and timelines was definitely a challenge that we took on!
What it means to be a designer: Empathy is often cited in designers’ toolkits, but it isn’t just for the end-user. I was surprised to learn that in my day-to-day, I spent about 50% of my time in meetings — to be a great designer then, is not only to be a creator of great products, but to be a great listener and a great communicator.
scroll→
DEPTH
Expedited Pre-Visit
Google Meet
Dedicated External Environments
Zoom
METHOD
Test Call
Microsoft Teams
Feedback
Twilio
Customer Solutions
ORGANIZATION
All-at-once
Twilio
Step-by-step
Zoom
Iteration
design
I made and played around with 2,000+ mockups, so I tried to condense a sample that could showcase each stage of iteration and some of our milestone decisions.
Sketches
Drawing from our Design Sprint collection, I sketched up some ideas of how guide through a test in network, camera, speaker, and microphone.
Lo-fi
I explored a few avenues of flow through low fidelity wireframes.
![](https://framerusercontent.com/images/jZzAJrHLL55eO3SWFw0AkMVg.png)
![](https://framerusercontent.com/images/jZzAJrHLL55eO3SWFw0AkMVg.png)
SEPARATED
Users select which element they would like to test
This is one layout example that uses a menu.
![](https://framerusercontent.com/images/4paw8LLofuyenzPZ8DFINEaCIw.png)
![](https://framerusercontent.com/images/4paw8LLofuyenzPZ8DFINEaCIw.png)
LINEAR
Users are led from test to test
This is one layout example that followed a horizontal subway.
![](https://framerusercontent.com/images/WtxaayEQhl18piJfHvoFuoIo.png)
![](https://framerusercontent.com/images/WtxaayEQhl18piJfHvoFuoIo.png)
BLENDED
We attended the Telehealth Weekly Design Meetings to grab some feedback, and the idea of a blended workflow was born!
![](https://framerusercontent.com/images/1uo6Yoz0n4GfrFPUoFwEjEDVoQ.png)
![](https://framerusercontent.com/images/1uo6Yoz0n4GfrFPUoFwEjEDVoQ.png)
![](https://framerusercontent.com/images/C7Und0PXdnPMczQjXPffUPQGx8.png)
![](https://framerusercontent.com/images/C7Und0PXdnPMczQjXPffUPQGx8.png)
Users can still choose what they want, but there is also circular navigation within the tests
![](https://framerusercontent.com/images/ku2AQWZrBo7ODuxKkNnp8FtDhM.png)
![](https://framerusercontent.com/images/ku2AQWZrBo7ODuxKkNnp8FtDhM.png)
Hi-fi + Milestone Decisions
Our project team visualized milestone decisions best in hi-fi, so that was the stage in which we spent a good chunk of time! During this stage, we focused on mobile.
THOROUGHNESS
Automated
![](https://framerusercontent.com/images/tNZri7su9IFm91Auip4C8oECL8.png)
![](https://framerusercontent.com/images/tNZri7su9IFm91Auip4C8oECL8.png)
Early on, we were met with suggestions to continue with the automated style of testing in the current Standalone Hardware test, where as soon as a user clicks into the test, we automatically check if everything is working and then display it. This is really convenient for users who are more tech-literate and just want a quick check.
Self-Directed
But, since we wanted to discontinue the cognitive overload and overwhelm of status in the current Standalone Hardware Test, we thought it best to force users to go through the camera, speaker, and microphone individually to see their results.
Like in the competitive analysis, this also helps catch issues that might not necessarily be technical (e.g. if the speaker is working, yet muffled), and prompts the user to ensure that the quality is up to par.
![](https://framerusercontent.com/images/2LNLePS7vPQVmkMNQCqgq4UVCpg.png)
![](https://framerusercontent.com/images/2LNLePS7vPQVmkMNQCqgq4UVCpg.png)
WORKFLOW
Menu-based
![](https://framerusercontent.com/images/Gr0OiJlNbqmZZeDRmpEMsQY2zZg.png)
![](https://framerusercontent.com/images/Gr0OiJlNbqmZZeDRmpEMsQY2zZg.png)
A user can jump into any test, allowing them to test what they want, but can only access others tests through the menu.
Step-by-step
![](https://framerusercontent.com/images/sQzum9sYl5uNjPwW7KUK6xGOJt0.png)
![](https://framerusercontent.com/images/sQzum9sYl5uNjPwW7KUK6xGOJt0.png)
Less choice than the menu, but instead guides the user through each test.
Blended
![](https://framerusercontent.com/images/1MVGniqcyCyT4YKxCWsXCavOZQ.png)
![](https://framerusercontent.com/images/1MVGniqcyCyT4YKxCWsXCavOZQ.png)
Our Goldilocks! There’s choice through the menu for our users who just want to check one thing, but circular navigation within each test for our users who want guidace.
Mid-Summer Presentation
At this point was our Mid-summer Presentation, where we got some good feedback, as well as internally reflected as a project team on our progress and direction.
![](https://framerusercontent.com/images/ecpnIzEJBO37kGEgWqIOTTtfMs.png)
![](https://framerusercontent.com/images/ecpnIzEJBO37kGEgWqIOTTtfMs.png)
![](https://framerusercontent.com/images/96pLTqrR9FEjpIJ2UyhRWZX0s.png)
![](https://framerusercontent.com/images/96pLTqrR9FEjpIJ2UyhRWZX0s.png)
[REDACTED]
[REDACTED]
Though we received praise for our compromise with Blended, we as a project team felt that our decisions had been too skewed by our feedback demographic’s higher technological skill, and wanted to revisit the scope of our target user.
![](https://framerusercontent.com/images/5vMzXtBH7lwCkOuWUnkgZXato94.png)
![](https://framerusercontent.com/images/5vMzXtBH7lwCkOuWUnkgZXato94.png)
define
Design Sprint
With all of these swirling understandings of the project, I decided that a Design Sprint might be the best way to resolve and flesh out any lingering questions and considerations in our problem space, as well as spark ideas for design and catch potential issues of our current trajectory.
![](https://framerusercontent.com/images/5chjbBCBzPZvhuvh2jsZeNojMsw.png)
![](https://framerusercontent.com/images/5chjbBCBzPZvhuvh2jsZeNojMsw.png)
![](https://framerusercontent.com/images/7w3bKkKEB1xmlhekLVCvgFxwZM.png)
![](https://framerusercontent.com/images/7w3bKkKEB1xmlhekLVCvgFxwZM.png)
![](https://framerusercontent.com/images/eopG4qWqNacDkoxltzLahn4Hk.png)
![](https://framerusercontent.com/images/eopG4qWqNacDkoxltzLahn4Hk.png)
![](https://framerusercontent.com/images/mQ1BYPhbX1lBOmwTEfOc7VfXbIM.png)
![](https://framerusercontent.com/images/mQ1BYPhbX1lBOmwTEfOc7VfXbIM.png)
*sushi-themed slides for World Ocean Day!
I invited five other User Experience Designers, two Quality Managers, and three Software Developers for an intense 3 hour rapid brainstorm and sketch session, and we came up with a lot of valuable discussion and raw material...
![](https://framerusercontent.com/images/eilB0seTZgGhbzdOFYwB0Khtco.png)
![](https://framerusercontent.com/images/eilB0seTZgGhbzdOFYwB0Khtco.png)
![](https://framerusercontent.com/images/Tapqa0v4yDTDdjUcSTDjsFVM.png)
![](https://framerusercontent.com/images/Tapqa0v4yDTDdjUcSTDjsFVM.png)
![](https://framerusercontent.com/images/XqFuhcKN7CmZfJEuNwI0RprKTl4.png)
![](https://framerusercontent.com/images/XqFuhcKN7CmZfJEuNwI0RprKTl4.png)
![](https://framerusercontent.com/images/tdrtefsu4aKnnjhlxmpKZOg2t30.png)
![](https://framerusercontent.com/images/tdrtefsu4aKnnjhlxmpKZOg2t30.png)
![](https://framerusercontent.com/images/3v02xqVMvmmLUvQmEZ2xvsMR8A.png)
![](https://framerusercontent.com/images/3v02xqVMvmmLUvQmEZ2xvsMR8A.png)
![](https://framerusercontent.com/images/HbgTnD90y5yg14IatW7zRJzWqpI.png)
![](https://framerusercontent.com/images/HbgTnD90y5yg14IatW7zRJzWqpI.png)
![](https://framerusercontent.com/images/KIjXA5AYJZ4VD7ZvXMAeEzctI.png)
![](https://framerusercontent.com/images/KIjXA5AYJZ4VD7ZvXMAeEzctI.png)
![](https://framerusercontent.com/images/m9re2UJdbC5oigVNcL4llfuWLRQ.png)
![](https://framerusercontent.com/images/m9re2UJdbC5oigVNcL4llfuWLRQ.png)
![](https://framerusercontent.com/images/smisyye9tE9F27ydxPklIm6AZs.png)
![](https://framerusercontent.com/images/smisyye9tE9F27ydxPklIm6AZs.png)
![](https://framerusercontent.com/images/ptjRhhPXHJjYVEZbXQPXza4gDg.png)
![](https://framerusercontent.com/images/ptjRhhPXHJjYVEZbXQPXza4gDg.png)
![](https://framerusercontent.com/images/19EzHJpWVBvtuAEWi0yU76mB3fc.png)
![](https://framerusercontent.com/images/19EzHJpWVBvtuAEWi0yU76mB3fc.png)
![](https://framerusercontent.com/images/zdGYbQHNxAKw1Yns10XrdqTo10.png)
![](https://framerusercontent.com/images/zdGYbQHNxAKw1Yns10XrdqTo10.png)
![](https://framerusercontent.com/images/Gmac0ot0pJFeJm5kVeGA1saE6g.png)
![](https://framerusercontent.com/images/Gmac0ot0pJFeJm5kVeGA1saE6g.png)
![](https://framerusercontent.com/images/8AT5phgFiDfgGWAQWwRqZXzE7w.png)
![](https://framerusercontent.com/images/8AT5phgFiDfgGWAQWwRqZXzE7w.png)
![](https://framerusercontent.com/images/Nik8ZD0SpoRGba52od1nMt3nM4.png)
![](https://framerusercontent.com/images/Nik8ZD0SpoRGba52od1nMt3nM4.png)
![](https://framerusercontent.com/images/fC8FL4KYxj6u73QRQEz39wnrhlQ.png)
![](https://framerusercontent.com/images/fC8FL4KYxj6u73QRQEz39wnrhlQ.png)
![](https://framerusercontent.com/images/M7N1EjRvXPKB6ihINkttgFOiI.png)
![](https://framerusercontent.com/images/M7N1EjRvXPKB6ihINkttgFOiI.png)
...which I was then able to convert into some really useful affinity maps!
scroll→
Problem Statement
Our problem statement then accumulated into...
How can we seamlessly support users with varying technology skills and testing needs in a way that instills confidence in their preparation for Telehealth visits?
...with main goals being:
1.
Results are more digestible.
Original interface elicited a lot of visual and cognitive overload.
2.
Troubleshooting is guided.
Instructions were not immediate to the error.
3.
Workflow is clear.
Users were unaware of the difference between Pre-Visit and Standalone Test.
![](https://framerusercontent.com/images/tR2j32ZR5QNBgzk33VdVxTVVkhg.png)
![](https://framerusercontent.com/images/tR2j32ZR5QNBgzk33VdVxTVVkhg.png)
re-define
Customer Call
The customer that had sparked this project was available for a call, and our discussion with them helped narrow our focus.
USERS
Our original problem statement tried to address all users with varying technology skills and testing needs...
Technological Literacy
Frequency of Use
Low
High
High
Low
...but trying to cater to too much ultimately took away from those who needed it the most:
Older, lower-tech literacy users who might not be
using technology or video visits frequently
GOALS
1.
Gain confidence
that they’re prepared
2.
Be guided
through any troubles
Persona
From there, we created a persona that would better set us up for our target user!
Meet...
Sal
short for Salvatore!
ABOUT
65-year-old retired landscaper
Never really had to use technology much
Usually offloads any technological tasks/issues to his son
SITUATION
Son recently moved away → Sal must take on more tech-heavy tasks
Needs to prepare for his upcoming follow-up video visit about his new hypertension medicine
GOAL
Complete the test for confidence that his device is ready for the visit
FRUSTRATIONS
Overwhelmed when faced with a lack of clear instructions and directions
Struggles with both the digital and physical technology
Revised Problem Statement
How can we seamlessly support users with lower technological literacy in a way that instills confidence in their preparation for Telehealth visits?
Preliminary Research
discover
The time frame of the internship didn’t allow us to conduct formal user interviews, as contact and research with patients is done through a regulated process, but we looked to testing later on to validate our assumptions.
Baseline Heuristic Evaluation
I documented an assessment of the current interface within the internal heuristic evaluation system, and found violations in the following of Nielson Norman Group’s 10 Usability Heuristics for User Interface Design:
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation
![](https://framerusercontent.com/images/ldOIgsfXjwllOjrpaU9TFRr4.png)
![](https://framerusercontent.com/images/ldOIgsfXjwllOjrpaU9TFRr4.png)
No direct exit from this page's interface besides closing the tab
Cognitive overload when testing all at once, as three results means three actions
Inactionable results
Recovery guidance for those actions is separated from the direct error
Competitive Analysis
I then took a look at the existing structures and successes of other hardware tests and noticed variations in:
re-design
re-design
re-design
Hi-fi + Milestone Decisions
With this narrower scope, we were able to continue more confidently in our hi-fis.
Hi-fi + Milestone Decisions
With this narrower scope, we were able to continue more confidently in our hi-fis.
Hi-fi + Milestone Decisions
With this narrower scope, we were able to continue more confidently in our hi-fis.
WORKFLOW
WORKFLOW
WORKFLOW
Menu-based
Menu-based
Menu-based
![](https://framerusercontent.com/images/aQJbpB6l9we5mVVwIPTwuiv8mwo.png)
![](https://framerusercontent.com/images/aQJbpB6l9we5mVVwIPTwuiv8mwo.png)
![](https://framerusercontent.com/images/aQJbpB6l9we5mVVwIPTwuiv8mwo.png)
Step-by-step
Step-by-step
Step-by-step
![](https://framerusercontent.com/images/sA3d8cGWjo3igGgRkBwHylHKbN4.png)
![](https://framerusercontent.com/images/sA3d8cGWjo3igGgRkBwHylHKbN4.png)
![](https://framerusercontent.com/images/sA3d8cGWjo3igGgRkBwHylHKbN4.png)
Blended
Blended
Blended
![](https://framerusercontent.com/images/NBVYtPCKEPsqC2bH735h0e7qeZk.png)
![](https://framerusercontent.com/images/NBVYtPCKEPsqC2bH735h0e7qeZk.png)
![](https://framerusercontent.com/images/NBVYtPCKEPsqC2bH735h0e7qeZk.png)
Since we realized trying to cater to too much variation in tech-savviness would hinder clarity to our users who really need the test, we reverted back to the Step-by-step workflow to align with our target users.
Since we realized trying to cater to too much variation in tech-savviness would hinder clarity to our users who really need the test, we reverted back to the Step-by-step workflow to align with our target users.
Since we realized trying to cater to too much variation in tech-savviness would hinder clarity to our users who really need the test, we reverted back to the Step-by-step workflow to align with our target users.
ERROR RECOVERY
ERROR RECOVERY
ERROR RECOVERY
Within the Step-by-step workflow though, we ran into our final decision of where to inform troubleshooting.
Originally, troubleshooting was only given in the results after the test is completed. The rationale behind this was that users should focus on one task at a time, so test, figure out what’s wrong and then troubleshoot. If a user were to troubleshoot as they go, if they run into an error they can’t fix, they may just give up and not test the other components.
Within the Step-by-step workflow though, we ran into our final decision of where to inform troubleshooting.
Originally, troubleshooting was only given in the results after the test is completed. The rationale behind this was that users should focus on one task at a time, so test, figure out what’s wrong and then troubleshoot. If a user were to troubleshoot as they go, if they run into an error they can’t fix, they may just give up and not test the other components.
Within the Step-by-step workflow though, we ran into our final decision of where to inform troubleshooting.
Originally, troubleshooting was only given in the results after the test is completed. The rationale behind this was that users should focus on one task at a time, so test, figure out what’s wrong and then troubleshoot. If a user were to troubleshoot as they go, if they run into an error they can’t fix, they may just give up and not test the other components.
Fix at end
Fix at end
Fix at end
![](https://framerusercontent.com/images/FFZY9Luy8rI9SnzUh1dM2NDEfxo.png)
![](https://framerusercontent.com/images/FFZY9Luy8rI9SnzUh1dM2NDEfxo.png)
![](https://framerusercontent.com/images/FFZY9Luy8rI9SnzUh1dM2NDEfxo.png)
Usability Testing
ROUND 1
We were unsure about our choice to place troubleshooting at the end, and decided it might be best to inform our decision with some usability testing. We structured it as a task-based run-through of the test, as our goal was to observe interactions in workflow.
Usability Testing
ROUND 1
We were unsure about our choice to place troubleshooting at the end, and decided it might be best to inform our decision with some usability testing. We structured it as a task-based run-through of the test, as our goal was to observe interactions in workflow.
Usability Testing
ROUND 1
We were unsure about our choice to place troubleshooting at the end, and decided it might be best to inform our decision with some usability testing. We structured it as a task-based run-through of the test, as our goal was to observe interactions in workflow.
“It’s a little weird to have to go all the way through the test in order to fix it. I would rather fix the problem right there.”
“It’s a little weird to have to go all the way through the test in order to fix it. I would rather fix the problem right there.”
“It’s a little weird to have to go all the way through the test in order to fix it. I would rather fix the problem right there.”
“It's almost aimless to go on to the test when something is failing because you have to go back anyways.”
“It's almost aimless to go on to the test when something is failing because you have to go back anyways.”
“It's almost aimless to go on to the test when something is failing because you have to go back anyways.”
“If I was an old person, I'd think that the phone was going to forget to bring me back to the tips!”
“If I was an old person, I'd think that the phone was going to forget to bring me back to the tips!”
“If I was an old person, I'd think that the phone was going to forget to bring me back to the tips!”
The consensus was clear: the anxiety of getting an error and having to wait to resolve it outweighs the anxiety from the error.
The consensus was clear: the anxiety of getting an error and having to wait to resolve it outweighs the anxiety from the error.
The consensus was clear: the anxiety of getting an error and having to wait to resolve it outweighs the anxiety from the error.
ERROR RECOVERY
ERROR RECOVERY
ERROR RECOVERY
Fix at end
Fix at end
Fix at end
![](https://framerusercontent.com/images/YbJhfTtQ08EO7glznXct5b6BkoU.png)
![](https://framerusercontent.com/images/YbJhfTtQ08EO7glznXct5b6BkoU.png)
![](https://framerusercontent.com/images/YbJhfTtQ08EO7glznXct5b6BkoU.png)
Fix as you go
Fix as you go
Fix as you go
![](https://framerusercontent.com/images/6x52VPlYj0726manzd5Nn2g7hc.png)
![](https://framerusercontent.com/images/6x52VPlYj0726manzd5Nn2g7hc.png)
![](https://framerusercontent.com/images/6x52VPlYj0726manzd5Nn2g7hc.png)
We ultimately decided to put troubleshooting within testing. This runs the risk of users getting stuck at errors they can’t troubleshoot, but we tried to put in place some mitigations to prevent users from getting stuck on an error, such as the sticky bar at the bottom with constant Next navigation buttons to indicate that you can always move forward, as well as an advisory message to move on if a user tries to test again.
We ultimately decided to put troubleshooting within testing. This runs the risk of users getting stuck at errors they can’t troubleshoot, but we tried to put in place some mitigations to prevent users from getting stuck on an error, such as the sticky bar at the bottom with constant Next navigation buttons to indicate that you can always move forward, as well as an advisory message to move on if a user tries to test again.
We ultimately decided to put troubleshooting within testing. This runs the risk of users getting stuck at errors they can’t troubleshoot, but we tried to put in place some mitigations to prevent users from getting stuck on an error, such as the sticky bar at the bottom with constant Next navigation buttons to indicate that you can always move forward, as well as an advisory message to move on if a user tries to test again.
ROUND 2
We ran another task-based run-through of the test to validate our changes, and were met with positive reactions!
ROUND 2
We ran another task-based run-through of the test to validate our changes, and were met with positive reactions!
ROUND 2
We ran another task-based run-through of the test to validate our changes, and were met with positive reactions!
It was intuitive where I needed to go next.
It was intuitive where I needed to go next.
It was intuitive where I needed to go next.
Super straightforward and clean!
Super straightforward and clean!
Super straightforward and clean!
The process was seamless.
The process was seamless.
The process was seamless.
Epic
Epic, also known as Epic Systems, is the leading Electronic Medical Records (EMRs) software company in the United States, based in Madison, Wisconsin. As a Summer 2023 User Experience Designer Intern here, I had the opportunity to own a project within their Telehealth application, alongside a paired Software Developer Intern.
Project
Summer Internship
Epic Systems
Skills
User research, sketching, wireframing, prototyping, user-testing
Timeline
May 2023 - Aug 2023
Note: All of the frames below are low-fidelity, intended to just give a sense of the project!
Premise
What is Telehealth?
Epic’s Telehealth application is dedicated to building software that enables patients to have access to healthcare from wherever they are. Their primary service is through the Epic Video Client (EVC), which is Epic’s homegrown browser-based videotelephony platform.
What was the project?
As part of preparation for a Telehealth video visit, patients are encouraged to test their device to make sure that it’s working and ready to go. How they do this, is through a hardware test, and EVC currently has two:
Occurs immediately before the visit
When it’s time for a user’s visit, clicking ‘Join Video Visit’ leads them to the Pre-Visit test, since the test is part of the interface to join the call. It acts as a final “You’re good to go, and you can join when you’re ready!” check.
PRE-VISIT TEST
scroll→
Ideally occurs a few days to a week in advance
The Standalone Hardware Test is an independent test that opens in a brand new tab. It’s offered to patients when scheduling or when e-checking in to a video visit within Epic’s patient portal MyChart, depending on how customers configure it; it can also be sent as a direct link to those who do not have MyChart accounts.
STANDALONE TEST
scroll→
Preliminary Research
discover
The time frame of the internship didn’t allow us to conduct formal user interviews, as contact and research with patients is done through a regulated process, but we looked to testing later on to validate our assumptions.
Baseline Heuristic Evaluation
I documented an assessment of the current interface within the internal heuristic evaluation system, and found violations in the following of Nielson Norman Group’s 10 Usability Heuristics for User Interface Design:
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from errors
10. Help and documentation
![](https://framerusercontent.com/images/ldOIgsfXjwllOjrpaU9TFRr4.png)
![](https://framerusercontent.com/images/ldOIgsfXjwllOjrpaU9TFRr4.png)
No direct exit from this page's interface besides closing the tab
Cognitive overload when testing all at once, as three results means three actions
Inactionable results
Recovery guidance for those actions is separated from the direct error
Competitive Analysis
I then took a look at the existing structures and successes of other hardware tests and noticed variations in:
DEPTH
Expedited Pre-Visit
Google Meet
Dedicated External Environments
Zoom
METHOD
Test Call
Microsoft Teams
Feedback
Twilio
Customer Solutions
ORGANIZATION
All-at-once
Twilio
Step-by-step
Zoom
scroll→
![](https://framerusercontent.com/images/uLC3ECvtyN0HuaHHKb7Zpm59hy4.png)
![](https://framerusercontent.com/images/uLC3ECvtyN0HuaHHKb7Zpm59hy4.png)
define
Design Sprint
With all of these swirling understandings of the project, I decided that a Design Sprint might be the best way to resolve and flesh out any lingering questions and considerations in our problem space, as well as spark ideas for design and catch potential issues of our current trajectory.
![](https://framerusercontent.com/images/5chjbBCBzPZvhuvh2jsZeNojMsw.png)
![](https://framerusercontent.com/images/5chjbBCBzPZvhuvh2jsZeNojMsw.png)
![](https://framerusercontent.com/images/7w3bKkKEB1xmlhekLVCvgFxwZM.png)
![](https://framerusercontent.com/images/7w3bKkKEB1xmlhekLVCvgFxwZM.png)
![](https://framerusercontent.com/images/eopG4qWqNacDkoxltzLahn4Hk.png)
![](https://framerusercontent.com/images/eopG4qWqNacDkoxltzLahn4Hk.png)
![](https://framerusercontent.com/images/mQ1BYPhbX1lBOmwTEfOc7VfXbIM.png)
![](https://framerusercontent.com/images/mQ1BYPhbX1lBOmwTEfOc7VfXbIM.png)
*sushi-themed slides for World Ocean Day!
I invited five other User Experience Designers, two Quality Managers, and three Software Developers for an intense 3 hour rapid brainstorm and sketch session, and we came up with a lot of valuable discussion and raw material...
![](https://framerusercontent.com/images/eilB0seTZgGhbzdOFYwB0Khtco.png)
![](https://framerusercontent.com/images/eilB0seTZgGhbzdOFYwB0Khtco.png)
![](https://framerusercontent.com/images/Ln9Np5sv8bTLjc3i4hHGLD8h5RQ.png)
![](https://framerusercontent.com/images/Ln9Np5sv8bTLjc3i4hHGLD8h5RQ.png)
![](https://framerusercontent.com/images/XqFuhcKN7CmZfJEuNwI0RprKTl4.png)
![](https://framerusercontent.com/images/XqFuhcKN7CmZfJEuNwI0RprKTl4.png)
![](https://framerusercontent.com/images/tdrtefsu4aKnnjhlxmpKZOg2t30.png)
![](https://framerusercontent.com/images/tdrtefsu4aKnnjhlxmpKZOg2t30.png)
![](https://framerusercontent.com/images/3v02xqVMvmmLUvQmEZ2xvsMR8A.png)
![](https://framerusercontent.com/images/3v02xqVMvmmLUvQmEZ2xvsMR8A.png)
![](https://framerusercontent.com/images/eR5JdKS7BZUBmasgCdrmt9Bk.png)
![](https://framerusercontent.com/images/eR5JdKS7BZUBmasgCdrmt9Bk.png)
![](https://framerusercontent.com/images/KIjXA5AYJZ4VD7ZvXMAeEzctI.png)
![](https://framerusercontent.com/images/KIjXA5AYJZ4VD7ZvXMAeEzctI.png)
![](https://framerusercontent.com/images/m9re2UJdbC5oigVNcL4llfuWLRQ.png)
![](https://framerusercontent.com/images/m9re2UJdbC5oigVNcL4llfuWLRQ.png)
![](https://framerusercontent.com/images/smisyye9tE9F27ydxPklIm6AZs.png)
![](https://framerusercontent.com/images/smisyye9tE9F27ydxPklIm6AZs.png)
![](https://framerusercontent.com/images/ptjRhhPXHJjYVEZbXQPXza4gDg.png)
![](https://framerusercontent.com/images/ptjRhhPXHJjYVEZbXQPXza4gDg.png)
![](https://framerusercontent.com/images/19EzHJpWVBvtuAEWi0yU76mB3fc.png)
![](https://framerusercontent.com/images/19EzHJpWVBvtuAEWi0yU76mB3fc.png)
![](https://framerusercontent.com/images/zdGYbQHNxAKw1Yns10XrdqTo10.png)
![](https://framerusercontent.com/images/zdGYbQHNxAKw1Yns10XrdqTo10.png)
![](https://framerusercontent.com/images/Gmac0ot0pJFeJm5kVeGA1saE6g.png)
![](https://framerusercontent.com/images/Gmac0ot0pJFeJm5kVeGA1saE6g.png)
![](https://framerusercontent.com/images/8AT5phgFiDfgGWAQWwRqZXzE7w.png)
![](https://framerusercontent.com/images/8AT5phgFiDfgGWAQWwRqZXzE7w.png)
![](https://framerusercontent.com/images/Nik8ZD0SpoRGba52od1nMt3nM4.png)
![](https://framerusercontent.com/images/Nik8ZD0SpoRGba52od1nMt3nM4.png)
![](https://framerusercontent.com/images/fC8FL4KYxj6u73QRQEz39wnrhlQ.png)
![](https://framerusercontent.com/images/fC8FL4KYxj6u73QRQEz39wnrhlQ.png)
![](https://framerusercontent.com/images/M7N1EjRvXPKB6ihINkttgFOiI.png)
![](https://framerusercontent.com/images/M7N1EjRvXPKB6ihINkttgFOiI.png)
...which I was then able to convert into some really useful affinity maps!
scroll→
Problem Statement
Our problem statement then accumulated into...
How can we seamlessly support users with varying technology skills and testing needs in a way that instills confidence in their preparation for Telehealth visits?
...with main goals being:
1.
Results are more digestible.
Original interface elicited a lot of visual and cognitive overload.
2.
Troubleshooting is guided.
Instructions were not immediate to the error.
3.
Workflow is clear.
Users were unaware of the difference between Pre-Visit and Standalone Test.
Iteration
design
I made and played around with 2,000+ mockups, so I tried to condense a sample that could showcase each stage of iteration and some of our milestone decisions.
Sketches
Drawing from our Design Sprint collection, I sketched up some ideas of how guide through a test in network, camera, speaker, and microphone.
![](https://framerusercontent.com/images/VEFUudlli5hCxNtVGx9w9lxasT8.png)
![](https://framerusercontent.com/images/VEFUudlli5hCxNtVGx9w9lxasT8.png)
Lo-fi
I explored a few avenues of flow through low fidelity wireframes.
SEPARATED
Users select which element they would like to test
This is one layout example that uses a menu.
![](https://framerusercontent.com/images/4paw8LLofuyenzPZ8DFINEaCIw.png)
![](https://framerusercontent.com/images/4paw8LLofuyenzPZ8DFINEaCIw.png)
LINEAR
Users are led from test to test
This is one layout example that followed a horizontal subway.
![](https://framerusercontent.com/images/WtxaayEQhl18piJfHvoFuoIo.png)
![](https://framerusercontent.com/images/WtxaayEQhl18piJfHvoFuoIo.png)
BLENDED
We attended the Telehealth Weekly Design Meetings to grab some feedback, and the idea of a blended workflow was born!
![](https://framerusercontent.com/images/1uo6Yoz0n4GfrFPUoFwEjEDVoQ.png)
![](https://framerusercontent.com/images/1uo6Yoz0n4GfrFPUoFwEjEDVoQ.png)
![](https://framerusercontent.com/images/C7Und0PXdnPMczQjXPffUPQGx8.png)
![](https://framerusercontent.com/images/C7Und0PXdnPMczQjXPffUPQGx8.png)
Users can still choose what they want, but there is also circular navigation within the tests
![](https://framerusercontent.com/images/hjjNZ97kFeXEh5n7OUKkQRfRkMA.png)
![](https://framerusercontent.com/images/hjjNZ97kFeXEh5n7OUKkQRfRkMA.png)
Hi-fi + Milestone Decisions
Our project team visualized milestone decisions best in hi-fi, so that was the stage in which we spent a good chunk of time! During this stage, we focused on mobile.
THOROUGHNESS
Automated
![](https://framerusercontent.com/images/tNZri7su9IFm91Auip4C8oECL8.png)
![](https://framerusercontent.com/images/tNZri7su9IFm91Auip4C8oECL8.png)
Early on, we were met with suggestions to continue with the automated style of testing in the current Standalone Hardware test, where as soon as a user clicks into the test, we automatically check if everything is working and then display it. This is really convenient for users who are more tech-literate and just want a quick check.
Self-Directed
But, since we wanted to discontinue the cognitive overload and overwhelm of status in the current Standalone Hardware Test, we thought it best to force users to go through the camera, speaker, and microphone individually to see their results.
Like in the competitive analysis, this also helps catch issues that might not necessarily be technical (e.g. if the speaker is working, yet muffled), and prompts the user to ensure that the quality is up to par.
![](https://framerusercontent.com/images/2LNLePS7vPQVmkMNQCqgq4UVCpg.png)
![](https://framerusercontent.com/images/2LNLePS7vPQVmkMNQCqgq4UVCpg.png)
WORKFLOW
Menu-based
![](https://framerusercontent.com/images/Gr0OiJlNbqmZZeDRmpEMsQY2zZg.png)
![](https://framerusercontent.com/images/Gr0OiJlNbqmZZeDRmpEMsQY2zZg.png)
A user can jump into any test, allowing them to test what they want, but can only access others tests through the menu.
Step-by-step
![](https://framerusercontent.com/images/sQzum9sYl5uNjPwW7KUK6xGOJt0.png)
![](https://framerusercontent.com/images/sQzum9sYl5uNjPwW7KUK6xGOJt0.png)
Less choice than the menu, but instead guides the user through each test.
Blended
![](https://framerusercontent.com/images/1MVGniqcyCyT4YKxCWsXCavOZQ.png)
![](https://framerusercontent.com/images/1MVGniqcyCyT4YKxCWsXCavOZQ.png)
Our Goldilocks! There’s choice through the menu for our users who just want to check one thing, but circular navigation within each test for our users who want guidace.
Mid-Summer Presentation
At this point was our Mid-summer Presentation, where we got some good feedback, as well as internally reflected as a project team on our progress and direction.
![](https://framerusercontent.com/images/ecpnIzEJBO37kGEgWqIOTTtfMs.png)
![](https://framerusercontent.com/images/ecpnIzEJBO37kGEgWqIOTTtfMs.png)
![](https://framerusercontent.com/images/96pLTqrR9FEjpIJ2UyhRWZX0s.png)
![](https://framerusercontent.com/images/96pLTqrR9FEjpIJ2UyhRWZX0s.png)
[REDACTED]
[REDACTED]
Though we received praise for our compromise with Blended, we as a project team felt that our decisions had been too skewed by our feedback demographic’s higher technological skill, and wanted to revisit the scope of our target user.
![](https://framerusercontent.com/images/XcRblsNYmq7zjmd4jL4yQdKlBYY.png)
![](https://framerusercontent.com/images/XcRblsNYmq7zjmd4jL4yQdKlBYY.png)
re-define
Customer Call
The customer that had sparked this project was available for a call, and our discussion with them helped narrow our focus.
USERS
Our original problem statement tried to address all users with varying technology skills and testing needs...
Technological Literacy
Frequency of Use
Low
High
High
Low
...but trying to cater to too much ultimately took away from those who needed it the most:
Older, lower-tech literacy users who might not be
using technology or video visits frequently
GOALS
1.
Gain confidence
that they’re prepared
2.
Be guided
through any troubles
Persona
From there, we created a persona that would better set us up for our target user!
Meet...
Sal
short for Salvatore!
ABOUT
65-year-old retired landscaper
Never really had to use technology much
Usually offloads any technological tasks/issues to his son
SITUATION
Son recently moved away → Sal must take on more tech-heavy tasks
Needs to prepare for his upcoming follow-up video visit about his new hypertension medicine
GOAL
Complete the test for confidence that his device is ready for the visit
FRUSTRATIONS
Overwhelmed when faced with a lack of clear instructions and directions
Struggles with both the digital and physical technology
Revised Problem Statement
How can we seamlessly support users with lower technological literacy in a way that instills confidence in their preparation for Telehealth visits?