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 understanding what has already been developed in this area: on the one hand, to identify the strengths that could contribute to the development of this project and, on the other hand, to identify the gaps, in order to prevent the repetition of the same mistakes.

DEFINE

DEFINE

DEFINE

User Personas

Based on the information provided by the lead researcher of the DEP research project, the target audience for 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, it is important to highlight that the platform is also open to any user seeking information or resources related to prosthetics, including those who wish to offer a prosthesis to an amputee family member.

IDEATE

IDEATE

IDEATE

Information Architecture

Based on the analysis of competing platforms and the creation of user personas and respective scenarios, we began by identifying the main functionalities and relevant sections to be incorporated into the platform.
Subsequently, based on the defined functionalities and sections, an organized, well-structured and intuitive information architecture was developed. The information was organized in such a way as to facilitate navigation and understanding of the information provided by the platform, and the sections were hierarchized in a logical manner, allowing users to quickly find what they are looking for.

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 presented are the user login and the personalization and purchase process, respectively.

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.

After creating the low-fidelity wireframes, we moved on to the development phase of the medium-fidelity wireframes, in order to create a more accurate representation that is closer to the final interface planned 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