RehApp - ease your rehabilitation process
- Prof. Ingrid Stahl supervisor
- Marcel collaborator
- Hayrettin collaborator
Table of Contents
We want to ease the rehabilitation process of amateure athletes. That was the goal of my team and me in the course “Design of the HMI” in the 3rd semester of my bachelor. The project was a cooperation between thi, Queensland University of Technology, Linköping University and York University.
Final Design
Movie
Process
Concept & Research
We started our project with gathering information about sports related injuries in general. For that, we used the input given by one of the guest doctors specialized on rehabilitation, information from the internet and personal research. We decided that we mainly want to focus on running related injuries because we believe that those are really common and that we could help those people the best with our current experience.
After that, we created multiple personas to better understand our target group and to be able to design the application with them in mind. We also created a user journey map to better understand the process of rehabilitation and to be able to identify the pain points of the user.
Our design phase led us to develop two specialized interfaces: a mobile view for the patient and a desktop view for the therapist. Each presents a unique design challenge - the therapist’s view centers on concisely presenting nuanced information without an intricate navigation system, incorporating multiple information-rich dashboards with graphical data representation capability. In contrast, the patient’s interface prioritizes motivational features, aiming for an attractive presentation of the user’s progress towards their rehabilitation.
Paper Prototyping
In our design process, we’ve begun with paper prototyping, a method effective for evaluating ideas due to its speed. This approach also fosters collaboration, helping our team define an initial concept and outline the information architecture for our screens.
Wireframing
Transitioning from our initial paper-based designs, we utilized a shared Figma project to create digital wireframes, exploring varying designs and color schemes. Through this digital approach, we were able to assess multiple home screen layouts to identify the most effective representation of our desired information. We ultimately selected a design that provides a comprehensive yet clear dashboard view, evident in the left-most layout among our examples. This methodology proved beneficial, avoiding early design commitment and allowing for flexible exploration.
Moodboard
Once we established the layout, we moved to infuse color into our design. Using a mood board filled with suitable images, adjectives, and UI examples, we drew inspiration to invigorate our design. This included deciding on a particular font. Our key goal was to craft an interface that motivates the patient with its appeal and presents a professional, yet visually striking UI for the therapist.
Screendesign
Extract from the Documentation:
Wizard Score App
Design und Entwicklung einer Scoring-Counter- und Analyse-Webapp für das Kartenspiel Wizard
DIY Dew Point Ventilation System
Schritt-für-Schritt-Anleitung zum Aufbau eines automatisierten Taupunkt-Belüftungssystems mit Home Assistant und Node-RED zur Reduzierung der Kellerfeuchtigkeit und Schimmelprävention.