Instagram iconLinkedIn logoDribbble logoEmail icon
My designMy designMy designMy designDecentDecent machine

Projet

Dans le cadre d'un projet personnel, j'ai voulu refaire l'interface de la tablette utilisée sur la machine à café Decent.
Défis
Rendre l'interface plus moderne et allégée.
Réparer les problèmes d'accessibilité web.
Grossir les boutons et le texte pour une meilleure accommodation
Résultats
Si je devais utiliser cette machine à espresso, je serais ravi d'utiliser le nouveau design car il est beaucoup plus intuitif et moderne.
Prototype fonctionnel
Voir la vidéo ci-dessous.
Problèmes avec l'interface du client
Problèmes Decent
Problèmes Decent
Problèmes Decent
Problèmes Decent
Nouveau système de design
Système de design
Système de design
Système de design
Comparaisons
Design du client
Écran Decent
Mon design
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
Écran Decent
Mon design
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 permettent pas un réglage très précis. L'utilisateur peut également faire glisser directement les points noirs sur le graphique.
Design du client
Écran Decent
Mon design
Mon design
Améliorations
Chaque fois qu'il y a un curseur, la valeur est toujours au-dessus afin de ne pas la cacher lorsque l'utilisateur déplace le curseur.
Design du client
Écran Decent
Mon design
Mon design
Améliorations
La navigation principle doit toujours être présente.
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.
Tests d'accessibilité (daltonisme)
Vision normale
Vue normale
Tritanomalie
Tritanomalie
Protanomalie
Protanomalie
Deutéranomalie
Deutéranomalie
Autres projets
KLM logoLogo Nuvoola AILogo AimiaLogo AimiaLogo Aimia
Haut de la page