Withings, UX/UI.

Freelance, repenser entièrement la page profil de l'application Healthmate sous Android.

Posté par Savinien Fruhauf le 25/11/2016

O.Introduction


Mission :

La mission consistait à repenser la page profil de l'application Withings sous IOS :

. La hiérarchisation des éléments (ajouts de nouvelles catégories, suppression d'anciennes et ainsi la réorganisation de ces dernières).
. Le design global.
. Respecter les guidelines en place.

Page profile de l'application actuelle sur IOS :

Ancienne maquette Healthmate IOS
Ancienne maquette Healthmate IOS
Ancienne maquette Healthmate IOS
Ancienne maquette Healthmate IOS

1.Développement


a. Point de vue :

Après des recherches (voir making of) j'ai voulu axé la refonte sur quatre axes :

. Rendre la data plus émotionnelle en utilisant des éléments de comparaison graphiques pour que l'utilisateur puisse mieux s'y retrouver (nombre de pas qui se représente par une certaine cette distance, 80 kg égal la masse d'une petite biche...).

. Création d'une catégorie synthèse personnelle qui reporte les données accumulées depuis le début de l'utilisation de l'application, avec nos meilleurs et pires scores, le tout avec des visuels pour mieux se représenter de l'avancement qu'on l'on a fait depuis.

. Mise en avant du 'best day ever' qui sert de rapport émotionnel pour un boost en motivation.

. Hiérarchie de l'information basée sur l'importance de cette dernière dans une logique : Utilisateur => ses buts => sa sécurité => les partenaires possibles pour arriver à ses buts => où il en est actuellement => ce qu'il a parcouru depuis le début => la partager si il le souhaite => settings et administratifs.

b.Visuels

Nouvelle maquette Healthmate Android
Nouvelle maquette Healthmate Android

c. Remarques, consulting :

. La gamification sur les badges pourrait être un peu plus poussée : on pourrait voir certains badges que nous n'avons pas pour nous pousser à les collectionner plus efficacement.

. Le reminder devient une sous catégorie du menu goal.

. Le mode partage souffre de lacunes : que partager, avec qui, comment, sécurité des informations, retours, suppressions du partage.

. Une partie 'conseil' serait intéressante à mettre en place; dans cette maquette, je l'imaginais dans une rubrique après avoir cliqué sur 'my goals'.

. Il pourrait se créer un roulement sur les partenaires proposés pour inciter l'utilisateur à les utiliser.

3. Making of

Recherche de l'arborescence Post it d'aide
Wireframe
Personaes