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.