Support us on Behance by clicking “Appreciate” button 👍
User Interface | UI

MONSIEUR ARISTIDE, LE RÉSEAU SOCIAL DES SÉNIORS.

Monsieur Aristide est un réseau social qui permet aux personnes âgées en résidence de communiquer plus facilement et plus régulièrement avec leurs familles et leurs proches.

Date
January 2016
Client
Monsieur Aristide
PROBLÈMATIQUE

Une interface pour une population habituée à la télécommande.

La technologie est difficile d’ accès pour les plus de 80 ans, et souvent peu adaptée à leurs habitudes. Ils ne la comprennent pas, ne l’aiment pas et ne l’utilisent pas facilement.

Stages of Product Creation

USER EXPERIENCE RESEARCH AND DESIGN

Échange avec les équipes des maisons de retraite
Lecture de traités scientifiques sur les dégénérescences liées à l’âge.
Définition des Personas.
Création des Usercases
Création des User Journey Maps.
Test d’utilisation du parcours par les séniors de +80 ans.

VISUAL BRAND IDENTITY

Création d’un logotype
Définition d’un univers coloré
Choix des typographies
Déclinaison de l’identité sur divers supports

USER INTERFACE DESIGN

Création du Kit UI
Design des adaptations aux différents écrans en responsive design.
Prototypage sur InVision.
Test d’utilisation de l’interface par des daltoniens / des malvoyants / des séniors avec difficultés motrices.

User Experience

LES CONTRAINTES
D’UNE INTERFACE
POUR PERSONNES ÂGÉES

Les séniors sont des usagers particuliers.
La plupart ont perdu une part de leurs capacités physiques:

  • Visuelles : diffIculté à lire les petits caractères, à différencier le bleu et le vert, etc.
  • Mémorielles : perte de repères, oubli d’une utilisation à l’autre, etc.
  • Musculaires : difficulté avec les mouvements latéraux, etc.

Identité visuelle

Un Alfred a votre service.

Noeud papillon = service // majordome.Choix d’une police ultra lisible > tests réalisés par une typographe professionnelle.

Couleurs franches, très pop, qui attirent l’oeil.
Les couleurs principales sont dans le spectre des couleurs chaudes car le bleu est la lumière la moins perçue par les personnes âgées.

User Interface

Limiter les options de navigation
plutôt que le nombre de clics.

Pour une population habituée aux manuels d’utilisation et qui ont peur de casser les outils, nous avons simplifié la navigation en limitant le nombre d’action par page. et en utilisant un code couleur propre à chaque section.Un menu coloré, pleine page et facilement cliquable invite à l’interaction. De plus, un système de notifications clignotantes vient se mettre sur les sections demandant l’attention de l’usager.

INTERFACE DES ÉTABLISSEMENTS

Un espace dédié pour chaque établissement.

Chaque établissement peut ainsi faire ses propres réglages et offrir à ses résidents un espace parfaitement sécurisé. La liste des résidents est directement accessible après connexion de l’établissement au réseau Aristide. Il suffit au sénior de cliquer sur sa photo pour se connecter à ses proches.

SING IN

Simplifier la connexion pour inciter à l’usage.

Les seniors sont des utilisateurs peu pris en compte dans l’UX habituelle des web-apps et qui se retrouvent en échec face à des procédés simples : un sign in peut être un vrai challenge !

Wolfox a ainsi fait le choix de simplifier la connexion : plus besoin de se souvenir d’un mot de passe, il suffit de mettre sa date de naissance !

CONTACTS

Insister sur les liens relationnels.

Chaque contact est présenté par son lien avec le résident (frère, ami, ancien collègue, etc.) et est accompagné d’une grande photo de profil qui offre une large surface cliquable.

MESSAGERIE

TITRE

Gros textes - favoriser la lisibilité à l’esthétique + des zones de clics très grandes.

À côté de chaque conversation une zone d’appel permet d’appeller via un service skype like sans avoir à composer le numéro du proche.

MÉMO

Visualiser et mémoriser l'important.

Nous avons fait le choix de créer une page récapitulative des évènements de la semaine, non pas sous forme de dates abstraites (le 5 mai) mais sous forme d’indications temporelles (aujourd’hui, demain, dans 5 jours, etc.).

PARAMÈTRES

À chaque handicap, son réglage correctif.

Nous avons privilégié la lisibilité en utilisant une typographie à empattement et à fûts épais. Toutefois, si besoin, la taille du texte peut varier jusqu’à 3 fois sa taille intiale pour faciliter la lecture. De plus, des règlages de couleurs permettent à tous les types de daltoniens et malvoyants d’utiliser la plateforme.

IMPRESSION DE PHOTOS

Concrétisation de l’échange digital.

Dès qu’une photo est envoyée par un proche, un bouton d’action très visible propose automatiquement d’imprimer l’image et de la recevoir par courier quelques jours plus tard. On peut ainsi garder dans sa chambre une trace tangible des clichés éphémères.

RESPONSIVE

À chaque population son device.

Nous avons fait le choix d’optimiser l’affichage sur un device en fonction de la population la plus apte à l’utiliser.

‍> Sur desktop
l’affichage est conçu à l’attention des babyboomers : les enfants des séniors et le personnel de l’établissement.
‍> Sur tablette
la navigation est pensée pour les séniors car ce sera le seul device à disposition dans la maison de retraite
‍> Sur mobile
l’affichage est optimisée pour les plus jeunes, notamment les petits-enfants.
Another Works

More Case Studies

We create amazing Webflow templates for creative people all around the world and help brands stand out.

View All Works
Trusted by World’s Best Brands

Let’s Get in Touch

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form