Adopted Patterns
Usability Engineering
by Rosson & Carroll
Icons vs words
Tradeoff 4.3BUT familiar terms are usually less distinctive and precise, and what is familiar for one person may not be familiar for another
Solution: Afficher des icônes et du texte.
Où: liste des nouvelles questions spontanées, soit l'icône, soit le texte devrait donner une idée à l'utilisateur de ce qui se cache derrière et sinon il y a encore le pattern de "preview" (voir ci-dessous).
iPhone Human Interface Guidelines for Web Applications (src)
by Apple Inc.
The iPhone User Interaction Model
Problème: L'interaction se fait par les doigts.
Solution: Utiliser la notion de zoom ("Pinch"), et de déplacement de la vue ("Drag/pan").
Où: écran principal, écran avec grandes images (graphique,..)
Minimize Required Input & Provide Fingertip-Sized Targets
Problème: L'interaction se fait par les doigts.
Solution: Ne pas demander une entrée manuelle, mais proposer des choix, créer des boutons suffisamment grands.
Où: choix multiple pour les questions, liste déroulante pour les filtres dans la liste des questions.
Consider the List Approach
Problème: L'interaction se fait par les doigts et l'écran est petit, dans la plupart des autres applications l'information est sous forme de liste
Solution: Utiliser des listes là où c'est possible
Où: écran de choix des options, ...
Navigation
Problème: La navigation se fait dans Safari (un "browser"), il faut donc considérer le pattern du bouton retour dans notre application.
Solution: Utiliser le bouton back du "browser" ou proposer un bouton retour en haut à gauche qui respecte le pattern de navigation des autres applications iPhone.
Où: tous les écrans.
Interaction Patterns in User Interfaces
by Martijn van Welie
Navigating between Spaces
Problème: La place disponible pour l'affichage est très limitée et le nombre d'information à afficher est grand.
Solution: Utilisation d'onglets pour augmenter la place. Création de raccourcis pour atteindre facilement une section plus bas dans le défilement vertical.
Où: questionnaire d'évaluation pour le cours, ...
Preview
Problème: L'utilisateur cherche un objet en naviguant à travers un petit ensemble.
Solution: Afficher un aperçu des objets.
Où: sélection de questions.
Favourites
Problème: Il faut trouver la question à poser parmi un nombre de plus en plus grand de question.
Solution: Permettre à l'utilisateur de créer des favoris pour les questions les plus utilisées.
Où: organisation des questions préparées à l'avance par le professeur.
Command Area
Problème: L'utilisateur doit savoir comment trouver facilement les commandes qu'il cherche et comment les activer.
Solution: Placer les commandes dans une région facilement identifiable.
Où: barre de menu dans l'application principal.
Continuous Filter
Problème: L'utilisateur doit trouver un objet parmi une liste triée
Solution: Proposer un composant de filtre qui permet de filtrer en temps réel et afficher les objets qui ont un intérêt pour l'utilisateur.
Où: liste des questions ouvertes, passées.
Sequences Diagrams >><< Interaction Technology Options
