Conception dune interface pour la prise de commande au restaurant Linterface CommandeSimple...
-
Upload
lydie-barbe -
Category
Documents
-
view
113 -
download
4
Transcript of Conception dune interface pour la prise de commande au restaurant Linterface CommandeSimple...
1
Conception d’une interface pour la prise de commande au restaurant
L’interface CommandeSimple
Présenté par:
Othmane Adlaoui, Najib Arbaoui, Julien Boyard, Rafi-Sarkis Hagopian, Anton Mokhov, Nabil Tahri
Objectif
• Étude de conception d’interface pour une application de prise de commande au restaurant Modernic.
• Utiliser un iPod Touch.
• Client: M. Pistou, propriétaire.
• Remplacer la méthode présentement utilisée (calepin et stylo)
Portée
• Permettre de prendre la commande seulement (de manière efficace).
• Pas d’impression
• Pas de paiement de facture
• Transmettre l’information et synchroniser avec le POS .
• Limité par le modèle du POS.
Plan de cette présentation
• Contexte d’utilisation (tâches)
• Exigences
• Présentation de la maquette
• Utilisation fonctionnelle
• Explication des choix heuristiques
• Processus de conception de la vue de la maquette
Contexte d’utilisation
• Les heures de pointes: Tous les restaurants travaillent avec en gérant ces heures pour en tirer profit
• Gerrer l’effectif : Les serveurs à ce moment là doivent être efficace et rapide
• Moyens traditionnels: L’usage de ces moyens rend la tâche difficile
Combien de temps prend le service d’une table?
7
Exigence Fonctionnelle(1/2)
• Prendre une commande : le serveur doit avoir la possibilité de composer une commande a partir des choix du client.
• Identifier un client par son numéro de siège: des que le serveur valide la prise de commande pour un client, l’application doit marquer la chaise comme occupée.
• Modifier une commande : après voit validé une commande, le serveur pourra .
• Transmettre une commande vers la cuisine:
Log2420 – TP1– Equipe 3
Log2420 – TP1– Equipe 3 8
Exigence Fonctionnelle(2/2)
• Modifier une commande : le serveur doit avoir la possibilité de modifier une commande.
• Retirer un client : au cours du repas, un serveur peut retirer un client .
• Imprimer l’addition: après la prise de commande, un serveur doit pouvoir imprimer l’addition .
Présentation de la maquette
Salles
• Écran principale de
l’application
• Permet le choix de salle à
servir
Présentation de la maquette
Tables• Permet le choix de la
table à servir.
• Permet de voir les tables
occupées .
• Permet de transférer les
clients d’une table à une
autre en la glissant vers
une table vide.
Présentation de la maquetteSièges (1/3)
• L’écran qui apparaît une
fois qu’on choisisse une
table.
• Un client est représenté
par un siège.
• Pour prendre la
commande du client, on
clique sur l’icône de son
siège.
Présentation de la maquetteSièges (2/3)
• L’icône du siège change
de couleur pour indiquer
que la commande est
prise.
• Un client peut changer
de siège. Pour le faire,
on glisse son siège vers
une autre siège libre.
Présentation de la maquetteSièges (3/3)
• Pour les factures communes, on
glisse les sièges vers le client
payeur.
• Une fois le client règle sa
facture, son siège se libère
automatiquement .
Présentation de la maquetteMenu (1/2)
• L’écran qui apparait lorsqu’on
choisit un siège.
• Permet le choix entre la table
d’hôte et le menu à la carte.
Présentation de la maquetteMenu (2/2)
• Permet le choix entre les
différents catégories de
plats du menu.
Présentation de la maquetteCommande
• Permet de sélectionner
les plats dans le menu.
• Passer la commande à
la caisse et à la cuisine.
• Confirmation d’envoi.
Présentation de la maquetteAddition (1/2)
• L’écran qui apparait
lorsqu’on clique sur un
siège occupé.
• Visualiser la commande
d’un client pour
l’imprimer ou la
modifier.
Présentation de la maquetteAddition (2/2) • Modification d’une
commande (ajout ou
retrait).
• Affichage des additions
de tous les sièges d’une
table pour permettre de
glisser un plat vers le
payeur .
• Impression plus rapide
pour tous les sièges.
Respect des heuristiques(1/2)
Bastien -Scapin - Nielson et Tognazzini
• Parler le langage de l’utilisateur
• Charge de travail
• Contrôle Explicite
• Autonomie de l’utilisateur
Justifications ergonomiques
Respect des heuristiques(2/2)
• Cohérence
• Sorties claires
• Guidage
• Lisibilité
Justifications ergonomiques
Respect des normes de conception
Human Interface Guidelines
Source : https://developer.apple.com/library/ios/#documentation/UserExperience/
Respect des normes de conception
Human Interface Guidelines
Ergonomie
• Choix de deux couleurs pour Dining et private Dining
• Couleur verte utilisée pour table occupée
• Restaurant souvent sombre => éviter éblouissement
• Familiarisation avec le milieu (rouge, orange, jaune, vert…)
• Homogénéisation des fonctionnalités des écrans avec leur couleur correspondante
• Icônes de grandes tailles
Évolution de l’application
Le changement de l’interface de 25 tables à plusieurs écrans de 9 tables pour cibler les serveurs qui ont des problèmes de vue.
Évolution de l’application
Le respect des heuristiques de IOS nous a poussé à changer le bouton retour et le bouton qui permet l’impression des additions.
Évolution de l’application
• La difficulté et la rapidité d’impression nous ont amené à adopter la nouvelle approche
Conclusion
• Calepin -> iPod touch
• Atteint les objectifs
• Plus rapide et réduit les erreurs
• Plus clair pour les modifications
• Évident si deux personnes modifient la même table
• Toucher au lieu d’écrire
• Pas besoin de recopie le calepin au POS.
Prochaines étapes
• Modifications du client à l’interface
• Implémenter l’interface
• ...
• Commercialisation!
Références
• [1] Apple. (consulté le 14 février 2013). iOs Developmer library [bibliothèque de ressources en ligne]. Disponible :https://developer.apple.com/library/ios/#documentation/UserExperience/
• [2] Lemieux, F. Notes de cours LOG2420, École Polytechnique de Montréal, 2013.