Rapport projet ACDA - IHM

Louis Daubié et Paul Minguet

Sujet 2.3
 Sommaire
Synopsis 3-4

Wireflows 5-6

Choix du design 7

Liens 8

Tests effectués 9

Louis Daubié, Paul Minguet 2/9

 Synopsis
Synopsis (avant app, client non-premium):
Geric, par une journée ensoleillée sort du camion la table n°1, annonce aux
autres déménageurs qu’il a sorti la table n°1 et ils cochent la case correspondante à
celle-ci sur leurs feuilles d’inventaire. Ceci lui permet de savoir que la table n°1 est
sortie du camion. Puisque son client n’a pas choisi le service premium, seule la pièce
où disposer l’objet est écrite (“salon”). Une fois la table posée dans le salon, Geric
coche la case “objet posé” ce qui lui permet de savoir que la table est dans la pièce
voulue. Il regarde sur sa feuille d’inventaire quels items sont encore à sortir du camion,
ceux qui sont sortis du camion mais pas encore correctement placés et recommence ce
processus pour placer tous les items. Il dit ensuite aux autres déménageurs que la table
a été bien placée.

Synopsis (après app, client non-premium):

Geric, par une journée ensoleillée sort du camion la table n°1, il la scanne, et cet
item est automatiquement sorti de la liste des items toujours dans le camion. Puisque
son client n’a pas choisi le service premium, seule l’indication de la pièce “salon” est
présente. Une fois la table posée dans le salon, Geric indique à l’application que l’objet
est dans la bonne pièce, ce qui met à jour automatiquement le statut de la table (“item
dans la bonne pièce”).
Il regarde sur l’application quels items sont encore à sortir du camion, ceux qui
sont sortis du camion mais pas encore correctement placés et recommence ce
processus rentrer tous les items dans la maison.
Une fois que tous les items sont sortis et au bon endroit, dans la bonne pièce, les
déménageurs reçoivent une notification leur indiquant que le déménagement est
terminé.

Synopsis (avant app, client premium):

Geric, par une journée ensoleillée sort du camion la table n°1, annonce aux
autres déménageurs qu’il a sorti la table n°1 et ils cochent la case correspondante à
celle-ci sur leurs feuilles d’inventaire. Ceci lui permet de savoir que la table n°1 est
sortie du camion. Puisque son client a choisi le service premium, l’emplacement de la
table est décrit dans une case à côté de celle qu’il vient de cocher (“à disposer au
centre du salon.”). Une fois la table posée dans le salon, Geric vérifie qu’elle est posée
au bon endroit et coche la case “objet posé” ce qui lui permet de savoir que la table est
bien posée dans la pièce voulue. Il regarde sur sa feuille d’inventaire quels items sont
encore à sortir du camion, ceux qui sont sortis du camion mais pas encore
correctement placés et recommence ce processus pour placer tous les items. Il dit
ensuite aux autres déménageurs que la table a été bien placée.

Synopsis (après app, client premium):

Geric, par une journée ensoleillée sort du camion la table n°1, il la scanne, et cet
item est automatiquement sorti de la liste des items toujours dans le camion. Puisque

Louis Daubié, Paul Minguet 3/9

son client a choisi le service premium, il peut visualiser sur un plan la destination de la
table et sa disposition (“au centre du salon.”). Une fois la table posée dans le salon,
Geric vérifie sur l’application qu’elle est posée au bon endroit et l’indique à l’application,
qui met à jour automatiquement le statut de la table (“item correctement disposé”).
Il regarde sur l’application quels items sont encore à sortir du camion, ceux qui
sont sortis du camion mais pas encore correctement placés et recommence ce
processus pour placer tous les items.
Une fois que tous les items sont sortis et au bon endroit, dans la bonne pièce, les
déménageurs reçoivent une notification leur indiquant que le déménagement est
terminé.

Louis Daubié, Paul Minguet 4/9

 Wireflows

Louis Daubié, Paul Minguet 5/9

Wireflow client premium

Louis Daubié, Paul Minguet 6/9

 Wireflow client premium

Choix du design
Etant donné la relative simplicité de notre application et de ses fonctionnalités,
nous avons pris le parti de lui conférer un design simple, clair, épuré.
Le code couleur est explicite :
- gris clair / noir : pour un visuel clair et professionnel
- code tricolor :
rouge :
. pour les boutons de retour à la page précédente
. pour signaler qu’un élément n’est toujours pas sorti du camion et
reste encore à disposer au bon endroit
- jaune :
. pour signaler qu’un élément a été sorti du camion, mais n’est
toujours pas disposé correctement au bon endroit
. autour de la mention « PREMIUM »,
pour l’idée du gold = accès premium
- vert :
. pour les boutons d’action « Scanner » qui redirige vers la page
d’emplacement de l’élément scanné, et « Valider » l’emplacement
si ce dernier est correctement placé dans la bonne pièce
. pour symboliser que la disposition d’un meuble a été validée

Nous avons placé les différents boutons dans un souci d’ergonomie ; en effet,
l’utilisateur, tenant généralement sa tablette en format portrait, doit pouvoir accéder
rapidement aux boutons permettant de naviguer dans l’application. C’est pour cela que
nous avons disposé le bouton « Retour » en haut à gauche, et les boutons « Scanner »
et « Valider » en bas, centrés sur la page. Aussi, nous avons tâché de mettre des labels
relativement courts pour chacun des éléments, pour que l’utilisateur passe le moins de
temps possible à lire les informations.

Louis Daubié, Paul Minguet 7/9

 Liens

Lien du site pour un client non-premium :

http://dwarves.iut-fbleau.fr/~daubie/Projet-acda/disposition.html

Lien du site pour un client premium :

http://dwarves.iut-fbleau.fr/~daubie/Projet-acda/disposition_prem.html

Louis Daubié, Paul Minguet 8/9

 Tests effectués
Afin de mener à bien notre projet, nous avons effectué quelques tests sur des
camarades de classe et notre entourage (parents, frères et sœurs).
Nous avons commencé par leur montrer les wireframes réalisés auparavant, et
nous leur avons demandé d’ «utiliser cette application» comme s’ils étaient des
déménageurs qui sortaient des cartons d’un camion pour les placer dans la nouvelle
maison de leur client. Nous leur avons donc donné comme consigne de nous montrer
où est-ce qu’ils allaient cliquer pour naviguer dans l’appli afin de naviguer et nous leurs
passions les différents wireframes en fonction de leurs choix. Un souci est revenu assez
fréquemment : le bouton retour était mal placé (nous l’avions placé en haut au milieu de
la page). Nous avons donc corrigé cela en le plaçant sur la gauche (en haut pour qu’il
n’y ait de clic non intentionné contrairement au bas de la page).
Ensuite, nous avons procédé à un autre test, nous avons demandé aux mêmes
personnes de scanner l’objet table (objet virtuel) et de le disposer à la bonne place pour
voir comment ils arrivaient à effectuer une tache avec notre application. Celui-ci s’est
déroulé sans problème.
Enfin, nous avons fait une série de petits tests dans lesquels nous demandions
aux testeurs d’effectuer une action précise sur la page sur laquelle ils étaient (« rendez-
vous sur la page de listing des items » ; « scannez cet item » ; « validez la disposition
de l’item »). Tous ces derniers tests se sont déroulés sans erreur ou difficulté (mais cela
est peut-être dû au fait qu’ils avaient déjà pris en main notre application grâce aux tests
précédents, ce dernier test n’est donc pas une représentation fidèle à 100% de ce qu’un
individu lambda aurait fait, mais il nous permet tout de même d’avoir un ressenti de
personnes autres que nous).

Louis Daubié, Paul Minguet 9/9