Rapid prototyping
Challenge
Design an app for the fictional physiotherapy company Physio24, with focus on rapid prototyping in Figma and ProtoPie. The app should make use of AR and VUI. The project entailed a user journey map as-is (pre app) with possibilities of aligning user goals with business goals, a storyboard for the app to-be. A user flow, design system and mid-fi prototype for one function in the app. This was a student project at Hyper Island.
My role
UX Designer
Core skills
Implementing ideas, testing, building, iterating
Tools used
Custellence.com,  Adobe Firefly and Bing image generator, Figma, ProtoPie, Adobe Photoshop and After Effects
Overview
“People can’t always come to the clinic for physiotherapy, and while they can be prescribed exercises to do in their own time, fluctuating motivation, pain, or fear of “getting it wrong” can easily lead to inaction, which stalls recovery and can aggravate symptoms.”
Physio24 wants to impress existing and potential investors by bringing a digital dimension to their successful physiotherapy practice. They want to introduce an app that empowers patients to manage their recovery process, through features like AR and VUI, gamefication, intuitive self-reporting, dashboard with progress bar and a home-training program for 4–5 weeks.
Reflection
I could recognize the persona amongst my own friends, and can easily identify the pain points in classical physiotherapy. The real challenge will be to balance vision with reality in what can and will be the apps functions. Without any developers at hand.
I also found the brief contra productive: why make a design system before testing and deciding the technolgies in use with developers and costumers? In my experience, A rudimentary design is better than one that could be taken for final when discussing basic functions. The customer, and I, tend to discuss the wrong things otherwise.
Persona
Anara Johnson is a busy professional who works long hours at her consultancy job. She is also a fitness enthusiastand enjoys going to the gym regularly. However, she recently suffered a temporary injury that has put a damper on her fitness routine.
Anara is finding it difficult to find the time and motivation to do her prescribed physiotherapy excersices on her own, especially when she is not experiencing pain.
Goals
  • Stay active an healthy despite her injury
  • Reduce pain and improve range of motion
  • Get back to her regular fitness routine as soon as possible
Needs
  • Direct communication with physiotherapist to ask questions and recieve guidance
  • Tracking progress and seeing tangible results
Pain points
  • Lack of time and motivation to do physio exercises alone, leading to inconsistency
  • Uncertain about performing exercises correctly without proper guidance
  • Fear of re-injuring herself
Other
  • Appreciates innovative healthcare solutions, including remote physio apps
  • Confident with most devices and interfaces
  • Owns Iphone and MacBook Pro
User Journey Map – As Is
In order to quickly identify painpoints, and to see the possibilities where customer goals an user goals can meet, the customer journey map is a great tool. Some touchpoints:
Customer goals and needs
Possibilities
Business’ goal
Meet a physio therapist and arrange for treatment program.
Motion tracker in app to get overview of your daily tasks and how you do them. get suggestions of times when you can incorporate exercises into daily routines. optional notifications.
Health and personal data retention consent (to enable abovementioned features and future contact)
Free time for working
After having recorded your movements in your activity/time of day of choice, projection based AR, overlays your movements in real time, for you to sync your movements with the right (prescribed) ones. User explain pains and goals, meets a "real" physisian, get a time plan, and time for next visit.
Adoption of the app by existing customers (to free physios’ time for in-person 1st time appointments)
User need reassurance, but needs to wait till next appointment to ask if she is doing the movement right.
In XR session,  the user gets warnings (sound, vibrations or light flashes) if doing the movement wrong.xx
XR
User wants contact with physio to ask questions.
Reassurance of movements, asking questions, regaining motivation.
Live voice assisted chat (log in to give access to your details)
VUI

Social media share, for work and networking purposes. Badge to use oin Linkedin,

Advocacy from adopting clients that share successful milestones in reviews and social media
Advocacy from adopting clients that share successful milestones in reviews and social media
User needs to keep motivated and see tangible results.
Tracker in app
A (subtractive) tracker, infographic style, visualising the benefits (reduction of pains, loss of income, immobility, future illnesses) the more you use the app. (With “pain icons”. 5 when you start, aim for 1 after the 4 weeks.)
+
A (additive) tracker, showing more muscle strength, better circulation, stronger ligaments and skeletton, the more you use the app.
Advocacy from adopting clients that share successful milestones in reviews and social media
Free time for working, and keeping her normal fitness routine with which she also can see tangible results.
XR-assisted therapy

Countdown to when she can excersce normally again?
XR, data consent
Design system
The design was IOS-based to make the user threshold very low (Jacob's law). I suggested a different take on the gamification, by using another visual style for the XR overlays than prevalent in games. This to keep the expression of a down to earth and natural practice that would fit any user’s everyday life, and thus have a high success rate. That the user could envision the physio program in her own daily movements would also make it realistic and achievable to her.
The colour scheme of the app should suggest light, cleanse and natural movements, in contrast to other XR assisted physiotherapy apps that has a darker, “techier”, interface. The animations in the app should make the user think of both muscles and flowing waves.
XR AND VUI
The customer asked for the usage of Augmented Reality (AR), Voice User Interface (VUI), haptics and or motion capture to ensure accuracy, both in reporting (by user) and in supervision (by practitioner).
User flow
The user flow provided here is for the stage “during app use” and more specifically, during set up for and usage of the XR-function. Making a user flow is a merciless practice that forces me to think through every possible interaction with the app. A most clever practice to save time and money.
Figma mock up
A mid-fi mock-up of the same sub-stage as the userflow was made.
Prototyping in Protopie
The prototype below is of one possible usage of VUI during an ongoing physio session. In this specific case, there is also a way of accessing VUI by just calling out the command, not having to use any hands.
Reflections
Jacobs Law, according which users expect apps to work like other apps, made me design with IOS in mind. IOS is good for keeping the interface clean of irrelevant information. I matched the concept/visuals with the real world by placing activities in the users everyday life. To minimize cognitive load, I designed the app to give instructions step-by-step and I made sure the user would feel in control by giving cancelling options throughout. Existing xr-physio providers such as uplift.ai and sency.ai, gave me guidelines battling difficulties in designing hypothetical functions for a Mid-Fi design.