web-dev-qa-db-fra.com

Quelles méthodes systématiques existe-t-il pour concevoir des interfaces utilisateur?

J'écris ma thèse de maîtrise sur une méthode de conception d'interfaces utilisateur ( GUIDe + GDD de Sari Laakso) et je voudrais savoir quelles autres méthodes systématiques existent pour la conception d'interface utilisateur/conception d'interaction, afin que Je peux faire des comparaisons entre eux.

Je connais Virtual Windows de Soren Lauesen et Goal-Directed Design d'Alan Cooper, bien que je ne sache pas grand-chose non plus. J'ai l'idée préconçue qu'il n'y a pas beaucoup de telles méthodologies qui ont un processus bien défini pour développer la conception de l'interface utilisateur, mais j'espère prendre conscience de plus de méthodes de conception.

Veuillez indiquer les méthodologies de conception que vous utilisez/connaissez (y compris celles que j'ai déjà mentionnées). Je m'intéresse aux méthodes qui prennent en entrée les objectifs et les besoins des utilisateurs, et qui définissent ensuite étape par étape ce à quoi devrait ressembler l'interface utilisateur afin de répondre aux besoins des utilisateurs - c'est-à-dire quelles données et fonctionnalités sont nécessaires et comment ils sont utilisés. (Donc pas directives de conception visuelle ou de mise en œuvre, etc.)

13
Esko Luontola

Le premier outil que j'utilise qui fonctionne vraiment bien est le simple prototypage au crayon et au papier. Dessinez une interface utilisateur, puis mettez-la devant différentes personnes et prétendez que c'est l'interface réelle. Demandez à certains d'essayer de comprendre le quoi et le comment sans conseils, et avec d'autres, commencez par leur demander d'effectuer des tâches spécifiques. Demandez-leur ce qu'ils pensent que des avantages particuliers peuvent faire avant de cliquer dessus et dites-leur ce qu'ils pensent en cliquant. Vous pouvez même répondre et corriger rapidement les correctifs et leur demander si cela améliore les choses. C'est le moyen le moins cher et le plus rapide d'obtenir une interface utilisateur fonctionnelle que je trouve.

Le deuxième outil que j'utilise pour comprendre rapidement comment bloquer une interface est largement dérivé du livre Conception à partir des deux côtés de l'écran. C'est une feuille de calcul pour générer une fréquence par grille de similitude. Créez une feuille de calcul avec ces colonnes:

"Nom de la tâche" "À quelle fréquence" "Combien de personnes"

Identifiez toutes les tâches que l'utilisateur doit effectuer pour utiliser l'application et mettez-les dans la première colonne, puis indiquez la fréquence à laquelle les utilisateurs l'exécutent, par exemple, "quotidiennement", "occasionnellement", "rarement", en utilisant des termes de fréquence qui ont du sens pour votre application, puis indiquez combien de personnes effectueraient la tâche, par exemple, "tout le monde", "la plupart", "quelques-uns". Ensuite, créez deux axes pour un graphique: fréquence et points communs et tracez les résultats. Vous identifierez rapidement les tâches qui sont effectuées fréquemment et par tout le monde comme des éléments qui devront être facilement accessibles globalement dans l'application, et celles qui sont effectuées "rarement" par "quelques-uns" sont cachées à plusieurs clics. De plus, vous trouverez certains éléments "groupés" et vous aurez une idée de la façon dont les tâches peuvent être organisées de manière logique.

D'après mon expérience, il existe une troisième dimension, la "priorité commerciale", qui peut souvent être en contradiction avec l'analyse de fréquence et de similitude, alors j'ajoute souvent cette colonne et je la considère également. Un exemple de la façon dont la priorité commerciale pourrait l'emporter sur ces autres préoccupations est de mettre la tâche de mise à niveau vers un abonnement premium beaucoup plus élevé dans l'interface utilisateur, même si elle ne peut être effectuée par relativement peu de personnes qu'une seule fois. Je conseille donc de penser cette analyse en 3 dimensions. J'ai trouvé que fournir ce type de ventilation à un graphiste était très bien reçu et une excellente contribution à la filaire.

Après cela, c'est mesure, mesure, mesure. Configurez des analyses avec le suivi des objectifs et suivez vos mesures clés et planifiez régulièrement des rencontres avec les clients pour effectuer des tests et des révisions de l'utilisabilité à mesure que des fonctionnalités sont ajoutées (ou supprimées).

7
weston

Wow - bonne question Esko. Je dirais que trouver des méthodes systématiques réelles de référence en soi va être un processus de longue haleine. Mais ce que vous pouvez trouver des références plus définitives sont les "meilleures pratiques".

Le terme "interface utilisateur" peut couvrir une large catégorie d'articles, de la conception Web aux applications Web, au Web mobile, à un ensemble complet d'interfaces non liées au Web (le système d'exploitation, les écrans interactifs de point de vente, l'interface de votre téléviseur). , et même des interfaces sur des appareils mécaniques de base comme un micro-ondes, une voiture ou un lave-linge). En supposant que vous recherchiez des interfaces Web et informatiques, voici quelques pistes à explorer ...

Explorez les cadres basés sur CSS Grid comme http://www.blueprintcss.org/ et http://960.gs/ .

Explorez les interfaces basées sur CMS comme ce qui est intégré dans http://www.joomla.org/ ou http://drupal.org/

Explorez quelques-unes des meilleures pratiques de base de la conception de sites Web modernes ( Nice article from smashing magazine )

Explorez certaines des tendances actuelles et des meilleures pratiques pour la conception d'interfaces mobiles à partir de ...
- Smashing Magazine
- n diaporama de Selma Zafar
- Quelques directives du W3C

Voici un autre excellent site que j'ai lu beaucoup de bons articles liés à l'interface utilisateur sur lesquels vous pouvez trouver utile: http://www.uxbooth.com/

2
Joel Glovier

Contextual Design ressemble exactement à ce dont vous parlez.

1
kprevas

En réponse à votre commentaire/question: ce dont les utilisateurs ont besoin et comment concevoir une solution pour répondre à ces besoins. Cela dépend de chaque projet en fonction de ses objectifs. Mais à un niveau générique,

besoins de l'utilisateur - donnez à l'utilisateur ce pour quoi il est venu immédiatement afin qu'il revienne sans cesse, offrant également à l'utilisateur une expérience agréable sur votre produit.

compte tenu de ce qui précède, la solution commence à s'accumuler en termes de couleur/faute de frappe/structure de page/informations qui mèneront l'utilisateur est priorisé à l'aide de la couleur.

Méthode - identification de l'objectif du produit identification du type d'utilisateurs - étudiants/adolescents/adultes/seniors/salariés/chômeurs les éléments ci-dessus décrivent la couleur et la langue du produit. identifier d'autres joueurs dans la même zone autour de vous ... etc.

J'espère que cela vous aidera pour commencer ..

0
iAspire

Les deux pierres angulaires sont "Moins c'est plus" et "Jamais, jamais, jamais faire réfléchir l'utilisateur"

Plus vous émulerez ces deux choses, plus votre interface réussira.

0
MvcCmsJon