Support us on Behance by clicking “Appreciate” button 👍
User Experience | UX

MAIF RH, L'OUTIL DE GESTION RH DANS LE CLOUD.

MAIF RH est une plateforme de gestion RH qui permet aux employés et employeurs d’échanger et de retrouver leurs informations importantes actualisées sur le cloud. Projet mené en partenariat avec CosyCloud.

Date
December 2015
Client
La MAIF
PROBLÈMATIQUE

Rendre la RH simple et sexy

La gestion RH est souvent synonyme de lourdeurs administratives, informations obsolètes et incompréhensions.

Comment centraliser l’information et fluidifier les interactions employeur/employé ?

Stages of Product Creation

ANALYSE ET COMPRÉHENSION DU BESOIN

Échange avec les équipes de CosyCloud et de la MAIF
Audit & synthèse des outils existants
Identification des besoins
Définition des personas
Création des usercases

USER EXPERIENCE RESEARCH AND DESIGN

Mise au point du parcours employé
Mise au point du parcours manager
Création des maquettes
Prototypage sur Marvelapp
Test des parcours UX par des managers et employés MAIF.

USER INTERFACE DESIGN

Création du Kit UI.
Design de +50 différents écrans
Responsive design.
Prototypage sur InVision.
Test d’utilisation de l’interface par des employés MAIF.
Réalisation d’une video démo.

User Experience

BEAUCOUP DE FONCTIONNALITÉS EN UNE SEULE INTERFACE.

Design UX & UI d’une plateforme de gestion interne de l’ensemble des actions RH de la MAIF dont notes de frais, vacances, formations, absences, planning.

User Interface

LES CONTRAINTES LIÉES À LA GESTION DE NOMBREUX SALARIÉS

La complexité de la gestion RH est due à ses différents outils, services, acteurs et informations.
Une synchronisation en temps réelle est nécessaire entre employé et employeur est nécessaire tout en respectant la vie privée.

Chaque employé possède un tableau de bord récapitulatif des services employeurs de la MAIF.
Ce tableau est personnalisable pour s’adapter aux intérêts et tâches de l’employé.

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