Le contexte: il s’agit au départ d’une interface existante assez riche, adaptée pour les grands écrans. J’ai créé une maquette qui s’adapte automatiquement au format mobile.
Pour voir la maquette en action, cliquer ici. Pour voir la version mobile, réduire la taille du navigateur.
L’application se présente comme un tableau de bord. J’ai essentiellement repris le style de l’application existante. Les différentes parties sont détaillés dans le deuxième écran.
On voit qu’on a une grande quantité d’information sur un seul écran, et l’application s’étend sur plusieurs écrans.
D’abord le tableau de statut doit être visible à tout instant. Pour ce faire j’ai mis une barre en bas de l’écran:
A faire: rajouter une image de fond discrètes sur les cellules (derrière le texte) pour les daltoniens
Quand l’utilisateur clique dessus, ça fait apparaitre un pop-up:
Pour sélectionner un dashboard, l’utilisateur peut soit:
Une fois le dashboard Missing Work sélectionné, on voit la liste des clients.
On peut sélectionner les colonnes à afficher en cliquant sur le bouton Colonnes.
A noter la navigation en haut: on peut remonter vers la page d’accueil.
Quand on clique sur un client dans la liste, on va vers un troisième écran:
July 3, 2014
Ce ne sont des mes étonnants plus, mais des mercis.
Y a-t-il des informations sur ce sujet dans d’autres langues ?
@fuari, @okulu
Hi,
Thanks for your feedback
I wrote the whole site in French because there’s less material in French about UX and Web design than in English. One day I’ll write a bilingual version but life is short and there are so many things to do.
Francis