Pouvez-vous décrire les attributs, propriétés et / ou éléments qui rendent une interface utilisateur agréable à l'œil?
J'ai lu que la beauté est subjective et j'ai lu qu'elle est objective (j'ai tendance à croire un mélange des deux selon le contexte). Cependant, j'ai également lu que les scientifiques ont constaté qu'une personne généralement considérée comme attrayante ou belle avait également des caractéristiques faciales de taille moyenne par rapport à tous les humains. En termes similaires, j'essaie d'aborder la conception de l'interface utilisateur. Je ne veux pas du tout dire "une bonne interface aura des contrôles de taille moyenne" comme l'étude scientifique que j'ai citée n'était qu'un exemple. Mais ce que je veux dire, c'est qu'il doit y avoir un ensemble de propriétés ou d'attributs qui rendent juste une interface agréable à regarder.
Je peux regarder une interface pour une application web et ressentir immédiatement du dégoût ou de l'amour (contraste par exemple un site HTML Geocities du début des années 90 contre le site web actuel de Zendesk, par exemple). Il doit y avoir un ensemble de propriétés ou de règles qui pourraient être définies pour rendre une interface belle. J'essaie d'apprendre à concevoir des interfaces à partir de zéro ainsi que de prendre celles qui existent et de les rendre superbes. Par exemple, une conception récente soumise par un membre de l'équipe avait tout l'air très décousu et modulaire, et cela ressemblait à de la merde. J'ai fait de mon mieux pour expliquer cela et finalement ils ont travaillé dessus et l'ont rendu superbe, fluide et ... connecté? Je ne sais pas quels termes ou "vérités" je recherche ici.
Alors, quelqu'un peut-il me dire, peut-être dans une liste à puces avec des définitions de chaque terme, quelles propriétés visuelles rendent une interface utilisateur agréable à l'œil? Cela peut inclure la couleur par rapport à X (où X est, je n'en ai aucune idée!), Ou la taille des contrôles et des éléments par rapport à l'espace d'écran disponible, etc. Ce ne sont que des exemples, je ne sais pas à quoi m'attendre comme je le fais pas étudier la théorie du design, c'est là que vous intervenez!
EDIT : Un exemple de réponse sous la forme de quelque chose que je peux décrire serait une assiette de nourriture. Dans une cafétéria, s'ils déposent simplement de la nourriture sur une assiette dans des plats aléatoires, il ne serait pas bon de regarder. Dans un restaurant gastronomique, ils arrosent les choses, ajoutent du persil, donnent des portions et des tailles d'assiette appropriées pour le rendre vraiment beau. Quelle est la forme de conception de l'interface utilisateur du persil et de la bruine? Je suis serieux!
Une bonne interface est comme une bonne architecture. Il n'y a pas une seule formule, mais des concepts généraux partagés avec la plupart des conceptions: grilles, échelle, proportion, mise au point, contraste, texture, flux, orientation, etc.
Je commencerais par lire The Universal Principles of Design un livre indispensable à mon avis.
Il y a aussi de la science dans ce qui nous plaît, mais il y a probablement beaucoup de travail à faire dans ce domaine. Découvrez la vidéo de Keith Langs The Science of Aesthetics .
A List Apart a également publié un article sur ce sujet
http://www.alistapart.com/articles/indefenseofeyecandy/
Je ne me souviens pas avoir lu un autre article sur ce sujet, mais je ne le trouve pas atm. Mettra à jour ma réponse quand je me souviendrai.
Il y a des principes fondés sur la recherche d'une bonne conception d'interface, c'est sûr. Ils vous aideront à concevoir une bonne bonne interface utilisateur. Mais pour aller plus loin et concevoir une interface utilisateur impressionnante , le facteur le plus important pour moi est ce que Kathy Sierra a décrit avec éloquence comme absence de brutalité .
D'une certaine manière, le manque de brutalité peut être décrit comme juste une autre forme de rétroaction à l'utilisateur et de lui faire savoir ce qui se passe, par exemple en faisant glisser une fenêtre ou une fenêtre hors de la vue au lieu de simplement la fermer, ou en voyant votre fenêtre rétrécir en douceur en se déplaçant vers le dock (Mac) ou la barre des tâches (Windows) lorsque vous choisissez de la réduire.