Projet
Corriger les problèmes visuels et d'utilisabilité de l'application fournie avec cette machine à espresso.
Contexte
En tant que barista amateur, j'ai un jour envisagé d'acheter cette machine à espresso, mais l'interface était si rebutante que j'en ai décidé autrement. J'ai acheté une autre machine, mais j'ai eu envie de corriger les problèmes de design dans le cadre d'un projet personnel.
Prototype fonctionnel
Voir la vidéo ci-dessous.
Problèmes avec l'interface du client
Nouveau système de design
Tests d'accessibilité (daltonisme)
Vision normale
Tritanomalie
Protanomalie
Deutéranomalie
Comparaisons
Design du client
Mon design
Améliorations
La barre de navigation principale est beaucoup plus nette et l'onglet actif est en jaune vif.
Les icônes sont plus simples et plus claires.
Le bouton des paramètres a été déplacé dans la barre de navigation principale et le bouton d'alimentation a été réduit pour éviter qu'il ne soit actionné par erreur.
Design du client
Mon design
Améliorations
Les couleurs sont maintenant beaucoup plus vives et éclatantes.
J'ai déplacé le thermomètre en bas pour avoir tous les paramètres à la même place. Le graphique occupe maintenant toute la partie supérieure.
J'ai supprimé les curseurs car ils ne permettaient pas un réglage très précis. L'utilisateur peut faire glisser directement les points noirs sur le graphique.
Design du client
Mon design
Améliorations
La valeur des curseurs se trouve maintenant au-dessus de ces derniers et non en dessous. Cela évite que l'utilisateur cache la valeur lorsqu'il déplace le curseur.
Design du client
Mon design
Améliorations
La navigation principale est toujours présente en haut de l'interface.
La mise en page est beaucoup plus claire et moins confuse.
Les interrupteurs, les boutons et les curseurs sont plus visibles et plus faciles à utiliser.
Impact
Comme il s'agissait d'un projet personnel, j'ai présenté les deux versions à des amis et leur ai demandé d'exécuter certaines tâches.
Le verdict était sans appel. Mon design était cent fois meilleur que celui du client. Le temps de réaction, la facilité de navigation et le plaisir d'utiliser l'application étaient les commentaires les plus fréquents.
Le verdict était sans appel. Mon design était cent fois meilleur que celui du client. Le temps de réaction, la facilité de navigation et le plaisir d'utiliser l'application étaient les commentaires les plus fréquents.
Réflexion
J'ai réussi à obtenir un appel-conférence avec le président de la compagnie et je lui ai montré les problèmes de design. Il a pris bonne note de mes commentaires et m'a dit qu'il allait corriger ce qu'il pouvait.
Étant donné que j'aime beaucoup les machines à espresso, c'était facile pour moi de m'imaginer utiliser mon propre design avec cette machine. Si cette dernière avait eu une bien meilleure interface, j'aurais sérieusement envisagé de l'acheter.
Étant donné que j'aime beaucoup les machines à espresso, c'était facile pour moi de m'imaginer utiliser mon propre design avec cette machine. Si cette dernière avait eu une bien meilleure interface, j'aurais sérieusement envisagé de l'acheter.
Autres projets
