web-dev-qa-db-fra.com

Différence entre l'interface utilisateur et le guide de conception / style visuel?

En regardant certains des guides de style pour les applications Web disponibles, il y a une distinction entre les guides de style visuels (icônes, couleurs, logos, etc.) et UI (apparence des éléments de l'interface utilisateur).

Il y a des chevauchements entre les deux, car les éléments visuels font également partie de l'interface utilisateur, mais en termes de présentation du contenu (par exemple, étiquettes, messages, polices, etc.) sur l'interface utilisateur, y a-t-il des lacunes qui ne sont pas traitées de manière adéquate dans le guide visuel qui doit entrer dans le guide de style d'interface utilisateur, ou est-ce une combinaison hybride des deux meilleures pour les applications Web (pas les sites Web)?

Est-ce toujours une comparaison pertinente puisque de nos jours les organisations tendent à s'orienter vers des langages de conception ou des systèmes qui combinent les deux plus étroitement qu'auparavant?

5
Michael Lai

Ce que vous appelez les éléments visuels ne sont en réalité que les parties qui sont uniques à une application par rapport à une autre. Le logo, la palette de couleurs et les icônes sont le plus souvent des éléments uniques qui doivent s'intégrer et souvent déterminer dans une certaine mesure le style du site Web.

Les éléments d'interface utilisateur ne sont que des blocs de construction qui peuvent être utilisés et qui devraient être bien connus des utilisateurs de l'application. Ainsi, leur utilisation et une sensation cohérente entre les applications donneront aux applications une sensation familière même si elles sont uniques. Vous voyez cela dans la mesure où les applications iOS ont une sensation différente des applications Android.

Il semble peu utile d'essayer de faire une distinction entre les différentes parties d'une application en termes de guides ou de HIG. Ce ne sont que des lignes directrices pour aider une application à se sentir familière aux utilisateurs et à suivre des modèles d'interaction similaires. Je pense qu'ils vont bien comme ils le sont maintenant.

5
CoffeeNow

La différence est vraiment basée, non pas sur le contenu, mais sur qui les crée et sur l'intention.

Visual Style Guides sont souvent créés par le service marketing ou une agence de branding pour s'assurer que "toute" la communication visuelle est structurée de la même manière. Un guide de style visuel/lignes directrices sur la marque présente l'utilisation appropriée des éléments tels que les logos et le ton de la voix applicables à la queue d'un jet, une publicité imprimée, un site Web ou une application.

Directives d'interface (également connu sous le nom de systèmes de conception) sont créés par les équipes de produits ou l'équipe de conception UX afin de garantir une expérience cohérente à mesure que les produits évoluent. Celles-ci incluent souvent plus de justification ou correspondent aux objectifs du produit afin que les concepteurs puissent les étendre au fil du temps.

Serait-ce la même chose? Bien sûr, mais d'après mon expérience, il est très rare que les produits, l'expérience utilisateur, le marketing et l'image de marque aient tous les mêmes objectifs ou même bien joué ensemble. D'où les multiples types de documentation de conception "similaires". Cela contribue également aux lacunes ou au manque de chevauchement, car aucun document n'est responsable de l'ensemble de l'image.

1
Bryce Howitson