Rectangle 6
Role UX researcher
Product designer
Timeline Sep 2021 – Dec 2021
Collaboration Engineers & Product manager
Tools Figma, Figjam, Miro, Workshop
Overview Tab’Lucioles: disability-friendly media albums

Tab'Lucioles is a free application for tablets available on App Store and Google Play and managed on a desktop website. Designed for people with severe co-dependency (severe intellectual disabilities and seniors with loss of autonomy), this tool is perfectly adapted to their difficulties and skills.

Problem

People with disabilities with moderate to high co-dependency are quickly confronted with the impossibility of human gestures when they have to consult a media album (photo, video, audio). The result is that they cannot have a quick consultation of the albums with the current technologies without having to spend money.

Outcome

Development of an application game that allows autonomous consultation of media albums.

Challenges
Create a customizable, usable and secure environment for everyone.

An application to help people with disabilities in their media consultation easily without depending on a third person.
Helps to track who has access to the album of the person with a disability (person in disability support center).
An application that is easy for children to use without parents having to navigate through it.

Reseach summary
User research findings

Created the user surveys, to determine our target audience and to gain a basic understanding of our users. About 109 responses were recorded. And based on the responses here are the key insights presented below

01. Unintelligible

The survey confirmed that the relatives of disabled people do not understand the system and the tools proposed today by Tab'Lucioles

02. Complexity

Most of the caregivers in help centers have difficulty finding time to give the application to the patient because its setup and handling is too complex.

03. Types of user

There are several typologies of people/jobs that use Tab'Lucioles services on a daily basis

Personas
Tab’Lucioles caters to three user groups: people with disabilities, families and caregivers.

To better empathize with users, I analyzed all the survey. I maintained close communication with product owners to understand the target audience better. Using the insights gathered, I created user personas Zoé, Florence and Fernand.

image 8

Minify Personas for people with disabilities represent by Zoé Laidée

image

Minify Personas for family’s people with disabilities represent by Florence Parent

image

Minify Personas of Caregivers represent by Fernand Laidant

Existing interfaces
A perfectible existing product.

The interface below allows you to see what's there before intervening, without compromising sensitive information, notably for reasons of image rights and exposure of confidential data.

image 5

Caregiver and Family login page for managing access rights and creating albums.

Observation with current interfaces.

In addition to user interviews, an accessibility audit of the existing system revealed a graphic charter that did not allow the creation of an interface that was accessible on both the website and the tablet application.

Solution

Adapt Tab'Lucioles' graphic charter by recontextualizing its colors to improve accessibility.

User Flow
Create a transversal experience between the website and the application.

During a workshop with the customer that we created the tree structure, userflow and the different paths that will be essential to the proper understanding of the two tools.

Website

The website part will enable the creation/management of albums, reading rights and the administration of users with or without access to an album.

image
Tablet app

The tablet part will serve as an album selector, a configurator depending on the motor skills of the disabled user, and finally as a media reader with more or less functionality depending on the severity of the disability.

image
Branding
Tab’Lucioles UI kit

New color management has enabled the creation of new graphic style guidelines and interface components.

image
Wireframe & Interfaces
Iterating on modules

We validated prototypes through heuristic evaluation and usability testing, refining design based on user feedback and behavior analysis.

Dashboard tablet – wireframe
image

📜 #1: Simplify navigation
For clearer navigation, put the functions in a burger menu.
📱 #2: Change orientation
Caregivers mainly use the tablet in portrait format.
👤 #3: Image right
To avoid any image rights issues, faces of disabled people are not displayed outside media albums.

Dashboard tablet – final interface
image

The redesign has improved the readability of the user interface, emphasizing its primary function (to quickly select the person who wishes to view his or her media albums) by simplifying the elements.

Website album creation – wireframe
image

👀 #1: Adjusting proportions
While it's nice to have a visible file drop zone, it takes up too much screen space.
✍️ #2: On-the-fly editing.
Users want to be able to quickly edit the general information of their albums at the same time as providing them with media.

Website album creation – final interface
image

The redesign has improved the readability of the user interface, emphasizing its primary function (to quickly select the person who wishes to view his or her media albums) by simplifying the elements.

Final Prototype
A few screen of hi-fi solution
image
image
Takeaways Lessons learned

The project allowed me to learn more about the process of creation and support when dealing with people with strong disabilities. I also learned how to empathize with new users.

©2024 Dylan Poppe.
All Rights Reserved.
Made
with