web-dev-qa-db-fra.com

Développement du langage visuel

J'ai l'habitude de concevoir l'interface utilisateur de manière assez désorganisée, en commençant tout de suite par des maquettes de pages, en les détaillant, puis en me demandant pourquoi mes créations sont pour la plupart merdiques. Après avoir lu "About Face" d'Alan Cooper, je compte y mettre un terme, en commençant par le projet en cours.

Contexte

(Et un rapide test de santé mentale pour moi.)

  • Le langage visuel est le "style" de l'interface. Il comprend des propriétés telles que la couleur, le type, et je pense aussi ce que l'on appelle souvent "l'aspect général".
  • La conception d'interaction décrit le comportement de l'interface. Que se passe-t-il lorsque vous appuyez sur tel ou tel bouton, quelles actions vous devez entreprendre pour faire quelque chose, etc.

Il semble être une bonne pratique de développer un langage visuel indépendamment de la conception d'interaction. De cette façon, vous obtenez de la flexibilité (afin que le changement de comportement ne brise pas votre style) et vous concentrez pleinement sur chacune de ces tâches pour obtenir de meilleurs résultats. S'il y a deux équipes, elles travaillent simultanément. Plus tard, près de la fin du processus de conception d'interaction, le langage visuel est "fusionné" avec les croquis.

Le problème

Si je comprends bien, le résultat de la conception d'interaction est généralement un tas de croquis.

Mais comment le langage visuel peut être représenté? Comment peut-il être abstrait et rendu indépendant du design d'interaction? Il ne peut pas dire quelque chose comme "les menus devraient ressembler à ceci, la chaîne de chapelure devrait ressembler à ça,…", car le style doit rester générique, pas lié à des éléments fonctionnels ou de données particuliers de l'interface; et en même temps fournir suffisamment de "look & feel", par exemple, pour être discuté avec les parties prenantes. Quelles pratiques/workflows existent, quelles sont les lectures recommandées?

Le domaine ici est principalement des sites Web et des applications, si cela importe.

PS. Corrigez-moi si je me trompe quelque chose de fondamental ici. Je suis assez nouveau dans ce domaine.

PPS. Également publié sur ux.se .

2
Anton Strogonoff

Une façon de le faire serait d'avoir des tableaux d'humeur (plus d'informations ici: http://www.viget.com/inspire/getting-moody/ ), montrant les palettes de couleurs, la typographie, l'imagerie, essentiellement tout ce qui concerne le site.

1
Liviu A