Person
Person
Person
Person
Person
Person

Platform for personalization of wearable prosthetics

Platform for personalization of wearable prosthetics

This project emerged as part of the research project Dep-Project: Design and Embodiment of Wearable Protheses (DEP), which had as its main objective the development of wearable myoelectric prostheses for upper limbs that were economically accessible, socially accepted and personalizable.

This project corresponded to my Master's thesis, having received a rating of 18 on a 20-point scale. During this time, I worked as a Research Fellow at the Research Institute for Design, Media and Culture (ID+), actively contributing to the advancement of the study.

Duration

Mar 2023 - Oct 2024

project category

Web Platform Design
UI/UX Design

SKills

UX/UI Design
Web Design
Design Thinking
Research
Design System
Usability Testing

tools

Figma
Photoshop
Miro
Notion

Duration

Mar 2023 - Oct 2024

project category

Web Platform Design
UI/UX Design

SKills

UX/UI Design
Web Design
Design Thinking
Research
Design System
Usability Testing

tools

Figma
Photoshop
Miro
Notion

Duration

Mar 2023 - Oct 2024

project category

Web Platform Design
UI/UX Design

SKills

UX/UI Design
Web Design
Design Thinking
Research
Design System
Usability Testing

tools

Figma
Photoshop
Miro
Notion

CREDITS

Nuno Martins Master's Advisor
Demétrio Matos Master's Advisor

Nuno Martins
Master's Advisor

Demétrio Matos
Master's Advisor

Problem

The research project focused on the development of wearable myoelectric prostheses for upper limbs. Given the need to adapt these prostheses to the individual preferences and needs of amputee users, the need to create a digital platform that would allow their personalization was identified.

Solution

Develop an accessible, intuitive and inclusive online platform designed to assist amputees in all phases of the process of personalizing their wearable prosthetics, with the ultimate intention of simplifying their acquisition.

Methodology Design Thinking

Methodology
Design Thinking

Research

Literature Review
UX Benchmarking

Research

Literature Review
UX Benchmarking

Research

Literature Review
UX Benchmarking

Define

User Personas
User Scenarios

Define

User Personas
User Scenarios

Define

User Personas
User Scenarios

Ideation

Information Architecture
User Flow
Wireframing & Wireflows

Ideation

Information Architecture
User Flow
Wireframing & Wireflows

Ideation

Information Architecture
User Flow
Wireframing & Wireflows

Prototype

Design System
UI Design
Prototype

Prototype

Design System
UI Design
Prototype

Prototype

Design System
UI Design
Prototype

Testing

User Testing
Refinements

Testing

User Testing
Refinements

Testing

User Testing
Refinements

RESEARCH

RESEARCH

RESEARCH

UX Benchmarking

A competitive analysis was carried out with the aim of identifying the strengths that could contribute to the development of this project and the gaps in order to avoid repeating the same mistakes.

DEFINE

DEFINE

DEFINE

User Personas

The target audience of this project is primarily amputees, with special attention to young people and adults. This emphasis is justified by the assumption that older groups are not as digitally literate and are therefore less receptive to an approach that involves digital personalization. However, the platform remains accessible to anyone seeking information about prosthetics, including those looking to support amputee family members.

IDEATE

IDEATE

IDEATE

Information Architecture

Based on the analysis of competing platforms and the development of user personas and scenarios, the main functionalities and key sections for the platform were identified. These elements guided the creation of a well-structured, intuitive information architecture, designed to facilitate easy navigation and quick access to relevant content through a logical hierarchy.

User Flows

After structuring and organizing all the information, user flows were developed with the intention of understanding how users interact when performing specific tasks, identifying any difficulties they may encounter and, consequently, improving the user experience.

The user flows developed focus on two key processes: user login and the personalization and purchase of a prosthesis.

Wireframing & Wireflows

The Information Architecture developed was fundamental to starting the low-fidelity wireframes, as it allowed the organization of the main contents and functionalities of the interface. These wireframes allowed for a quick exploration of design ideas, which made it easier to visualize the different layout possibilities and structuring of the interface.

Following this, medium-fidelity wireframes were created to provide a more detailed and accurate representation of the intended final interface for the platform.

PROTOTYPE

PROTOTYPE

PROTOTYPE

Design System

When designing the interface, we sought to ensure visual coherence in line with the project's visual identity. In this way, the essential elements that structure the interface were defined, in order to ensure harmony between all components and provide a cohesive and balanced visual experience.

UI Design

TEST

TEST

TEST

User Testing

After the prototype was developed, usability tests were carried out with the aim of evaluating the effectiveness, efficiency and satisfaction of users when browsing the platform.

The usability test results confirmed that the developed platform meets the needs of users with physical disabilities as well as other users, regardless of their level of familiarity with technology or age group. Overall, participants found the platform intuitive, easy to navigate, and aesthetically pleasing. The effective use of images and the clear organization of the content were highlighted positively, contributing to a better understanding of the information.

ARTICLE

ARTICLE

ARTICLE

Interface Design Guidelines
to Promote the Inclusion of
Disabled Users

Interface Design Guidelines to Promote the Inclusion of Disabled Users

Interface Design Guidelines to Promote the Inclusion of Disabled Users

Also as part of this project and after its completion, an article was published that presents the design process involved in the development of the platform. Based on the literature review carried out, the article also presents a set of interface design guidelines, with the aim of providing clear guidance to professionals seeking to develop inclusive and accessible digital solutions for users with disabilities. Below, are presented some of those guidelines.

ACESSIBILITY

  • Provide interface adaptation - the interface must offer features that allow users to interact with the content according to their preferences and individual needs.

  • Navigate by keyboard - the navigation on the platform must be operable for all users, regardless of assistive technology or devices used.

  • Incorporate subtitles - the platform must provide subtitles for videos and audios, so that hearing-impaired users can fully understand the content presented.

  • Use alternative texts - the platform should use alternative texts (alt text) on images, graphics, and other visual elements, allowing screen readers to describe the visual content for visually impaired users.

design

  • Maintain visual consistency in the interface - the elements should be consistent across the platform to create a cohesive and predictable experience for users.

  • Implementation of visual hierarchy - a well-defined visual hierarchy is essential to organize the platform in a logical and structured way, facilitating the understanding of information and navigation for users.

  • Maintain an aesthetic and minimalist design - the design must be clear, objective and focused on the essential elements to ensure efficient and intuitive interaction, avoiding unnecessary elements that may distract or overload the user.

  • Appropriate interface elements - the interface should provide interaction elements, such as buttons, menus and text fields, that are adequately sized and spaced, allowing comfortable interaction for all users.

Navigation

  • Maintain a well-structured information architecture - the information architecture of a platform must be well structured, with content organized in a clear and intuitive way, making it easier for users to locate and understand information.

  • Implementation of navigation hierarchies - the platform must inform the user about all the steps he has taken, through navigation hierarchies, offering a clear visualization and allowing easy navigation through the pages already visited.

  • Provide immediate feedback - the platform should provide clear and immediate feedback on user actions, whether through visual (such as color or movement changes), audio, or tactile changes, ensuring that users are always informed about the outcome of their interactions.

  • Clear structuring of interactions - the interactions should be structured into clear steps, with a beginning, middle and end, in order to ensure that users understand when a task is successfully completed.

Information

  • Use simple, familiar, and concise language - the platform should present information in simple, familiar, and concise language, ensuring that it is easily understood by all users, including those with reading difficulties or cognitive limitations.

  • Provide help and documentation - the platform should offer help and support documentation in an easily accessible way, presenting it in a clear and straightforward manner (e.g. FAQ section, tutorials and a support chatbot).

Error prevention and correction

  • Prevent the occurrence of errors - the platform must be designed in such a way as to prevent errors (proper spacing between form fields and implementation of confirmation messages).

  • Help recognize, diagnose, and correct errors - the platform should offer features that allow errors to be corrected quickly and easily (clear and understandable error messages and ability to do or redo actions).

More works

Create a free website with Framer, the website builder loved by startups, designers and agencies.