Pense moins. Concevez mieux.

Promouvoir un meilleur flux de travail dans la conception de l'interface utilisateur grâce à un processus décisionnel et de réflexion gérable

Une interface utilisateur bien conçue est le résultat d'une série de décisions clés qui rendent non seulement une expérience intuitive, mais aussi esthétique pour un utilisateur. En rationalisant le processus de prise de décision, il peut permettre un flux de travail plus facile et une plus grande chance de produire le résultat optimal.

Plus il y a de possibilités disponibles dans le processus de conception, plus il faut de réflexion pour l'exécuter et la finesse.

Le psychologue américain Barry Schwartz a écrit dans The Paradox Of Choice que l'élimination des choix peut réduire considérablement l'anxiété. Il a fait valoir que nous devrions avoir des normes et des critères, mais ne vous inquiétez pas de la possibilité qu'il y ait quelque chose de mieux. C'était dans le contexte des consommateurs, mais je pense que cela s'applique également aux décisions de conception.

La stratégie de maximisation est en fait de ne pas être perfectionniste, mais de prendre les décisions les plus favorables disponibles qui créent collectivement l'expérience optimale.

1. Limiter les variables

Si nous considérons toutes les variables potentielles pour produire un concept de haute fidélité, et il peut y en avoir beaucoup, il devient clair que nous devons les limiter et les définir dès le début. La réduction du nombre de choix disponibles facilitera la prise de décision.

Avec l'expérience, il devient plus facile de prédire comment la limitation de certains groupes de variables a un effet multiplicateur dans une composition.

Réduire les choix n'est pas lié à la réduction de l'originalité. Notre hypothèse est que la création de concepts autour de règles prédéfinies est une limitation, mais en tant que concepteurs, nous pouvons établir nos propres règles et avoir le contrôle total de leur formulation.

Échelle et espacement

Chaque facette de la conception de l'interface utilisateur doit s'articuler autour d'un système qui favorise le rythme et aide à maintenir la cohérence de l'échelle et de l'espace au fur et à mesure qu'un projet se développe. Un de ces systèmes que j'aime utiliser est l'échelle modulaire, qui peut faciliter une échelle à partir d'un rapport donné pour mesurer ou définir la taille d'un élément ou d'un espace négatif dans une composition.

Une fois que nous avons choisi un rapport, l'échelle modulaire peut faciliter la définition de l'échelle et de l'espacement

Bien qu'il puisse réduire les variables sur les grilles, la typographie, l'espacement vertical et les dimensions globales d'une mise en page à un niveau gérable, il offre également une esthétique et un rythme agréables. La conception de l'interface utilisateur est beaucoup plus facile.

Grilles

Les systèmes de grille sont parfaits pour restreindre la façon dont le contenu est organisé dans le plan horizontal et une évidence en ce qui concerne l'interface utilisateur. Cependant, une grille est souvent choisie sans trop de réflexion, pour être une taille unique. Ce que la plupart des concepteurs ne réalisent pas, c'est qu'il vaut mieux créer un système de grille qui est construit autour du contenu.

Un système de grille réduira les variables de mise en page

Cela signifie idéalement avoir une compréhension claire des scénarios de contenu à l'avance afin de brosser un tableau de la façon de mieux servir le contenu d'une grille particulière. Pensez aux contraintes commerciales avec des actifs préexistants et des guides de marque, comme un logo qui a des règles et des exigences d'espacement spécifiques, ou peut-être des annonces avec des unités fixes spécifiques.

Le type de contenu est également un facteur. Il y a une grande différence entre concevoir une mise en page pour une boutique, une publication d'actualités ou un blog, ou une simple page de démarrage. Une mise en page qui est lourde d'images par rapport aux mots. Il pourrait être utile de comprendre les modèles de balayage oculaire et leur impact sur la hiérarchie visuelle.

Plus la compréhension des contraintes commerciales et de contenu est élevée, plus il sera facile de choisir un système de grille et de prendre des décisions de mise en page.

Typographie

Je dirais que la typographie est l'aspect le plus important de la conception de l'interface utilisateur, car elle peut représenter jusqu'à 95% du Web et être le moteur de la communication.

Alors que des systèmes comme l'échelle modulaire peuvent être appliqués à la taille et à l'interligne, les familles et les styles de polices peuvent également être limités. Une interface utilisateur ne devrait jamais avoir besoin de dépasser deux familles et quelques poids. Les règles peuvent également être étendues à la façon dont la justification et le cas de titre sont traités.

Couleur

Il est facile de devenir trop zélé avec les palettes. Une petite gamme de tons peut grandement contribuer à produire des visuels suffisants et cohérents. Habituellement, tout ce dont nous avons besoin pour un point de départ est de cinq échantillons.

Des outils tels qu'Adobe Color CC permettent de prédéfinir facilement une palette

La plupart des marques devraient incorporer une couleur primaire ou d'accentuation, et quelques tons neutres ou contrastés pour la compléter. Nous n'avons pas besoin de 15 nuances d'un ton, surtout au début. Il vaut mieux commencer petit et augmenter une ou deux nuances plus tard.

Images

La façon dont nous incorporons les images dans l'interface utilisateur est largement déterminée par le contexte du contenu. Si nous avons une idée approximative de ce que c'est, nous pouvons créer un point de départ pour nos images avec des variables pour le rapport, la taille, la forme et le traitement. Nous pouvons constater que nous n'en avons pas besoin d'autant.

Limiter nos variables d'image renforcera la cohérence et facilitera la gestion des ressources d'image à long terme. Il en va de même pour l'iconographie.

De combien de variations de rapport et de taille pour les images avons-nous réellement besoin?

2. Création d'un guide de style plus tôt

À mesure qu'un projet d'interface utilisateur se développe sur le plan conceptuel, il devient de plus en plus important de créer et de gérer un guide de style ou une bibliothèque de modèles. Cela établira des principes de conception pour aider à l'échelle du projet, en maintenant le rythme et la cohérence. Si nous définissons des variables au préalable, c'est un bon moyen de les documenter. La prise de décision future sera plus facile avec un guide de style que sans.

Selon le projet, la création d'un guide de style est un luxe et assez souvent destinée à une future référence. C'est pourquoi la plupart des guides de style sont élaborés à la dernière minute ou une fois le projet terminé, et c'est toujours une bonne pratique. Mais bien qu'il y ait beaucoup de post-rationalisation et de raisonnement pour un guide de style pour aider à la conception et au développement prospectifs, il peut réellement aider à renforcer la fidélité dans les premiers stades de la conceptualisation.

La création d'un guide de style de base dès le début non seulement établira des principes dès le début pour réduire les décisions de conception, mais aidera également en tant qu'infrastructure à évoluer et à augmenter les principes à l'avenir.

En faire un au début ne signifie pas qu'il doit être complet - loin de là. De toute façon, les styles ont tendance à évoluer davantage au début, et plus un projet est gros, plus les limites deviennent claires et serrées.

3. Priorité modulaire et adaptation

Dans les systèmes de conception modulaires, tels que la conception atomique de Brad Frost, une disposition peut être formulée à partir de domaines clés spécifiques. Les modules deviennent réutilisables dans diverses configurations. Les interfaces sont traitées comme des systèmes et non comme des pages, la conception et le développement basés sur des modèles constituant une grande partie du processus.

C'est une excellente méthodologie et elle rend la conception de l'interface utilisateur beaucoup plus gérable, mais pour la rendre plus efficace, nous devons prioriser les domaines clés et adapter tout le reste autour d'eux. Cela garantira à son tour une cohérence visuelle.

Identifier les domaines clés

Notre conception doit s'articuler autour des parties importantes. La priorité de chaque zone est déterminée par son contenu ou sa fonctionnalité au sein de l'interface, et est essentiellement la clé du puzzle.

En nous concentrant d'abord sur les zones importantes, nous réduisons les décisions de conception par la suite, car les zones suivantes doivent se plier et s'adapter à l'environnement établi.

Focus sur les domaines clés

Une fois que les domaines hautement prioritaires ont été identifiés, il s'agit de se concentrer sur les pièces critiques et de les affiner jusqu'à leur achèvement. L'idée est de s'assurer qu'elles sont intuitives et répondent à toutes les exigences avant d'adapter les zones les moins importantes.

4. Faire en sorte que cela fonctionne pour tout le monde

Pendant des milliers d'années, les concepteurs se sont efforcés de faire une chose: communiquer efficacement. Nous réinventons et peaufinons continuellement des moyens de mieux communiquer visuellement et audiblement à un public.

Avec un accès sans cesse croissant aux informations du public le plus large possible, il est impératif de maximiser l'accessibilité au plus grand nombre de personnes possible.

L'accessibilité est une bénédiction déguisée

Répondre à un public plus large sonne comme plus de travail, et il est tentant de voir l'accessibilité comme un obstacle à l'innovation. Cependant, se conformer aux dernières normes peut être une bénédiction déguisée, surtout si elles deviennent une seconde nature.

Des exemples de cela en termes de conception pourraient inclure exiger que nous ayons besoin d'une taille de police minimale sur la copie du corps, ou d'une quantité significative de contraste entre la copie et l'arrière-plan, ou de plus grandes zones pouvant être liées sur les appareils tactiles.

Ce n’est pas seulement une question de handicap

L'accessibilité ne répond pas seulement aux handicaps comme certains le suggèrent, mais également aux utilisateurs d'appareils et de navigateurs hérités qui ne prennent pas en charge toutes les dernières fonctionnalités et améliorations. Être conscient de ces normes et les observer réduira naturellement les décisions de conception.

5. Utilisation de modèles testés et testés

Le fait est que les utilisateurs trouvent les interfaces intuitives lorsqu'elles se conforment aux centaines de modèles de conception courants qu'ils ont absorbés au fil des années de pratique et d'exposition. Dès que nous commençons à rompre avec les moules typiques et à fouler un nouveau terrain, nous pouvons constater qu'il faut du temps pour qu'un nouveau modèle devienne complètement intuitif pour les masses.

Il y a un temps et un lieu pour créer des modèles d'interface utilisateur originaux, mais nous ne devons pas nous détourner des techniques courantes - elles réussissent pour une raison.

La doublure argentée nous permet de nous soucier moins de réinventer et de nous concentrer sur l'esthétique. Il est toujours possible de créer une œuvre originale basée sur des modèles établis.

Plus nous apprenons à connaître et à intégrer des modèles de conception réussis, moins nous devons faire de choix en tant que concepteurs. Nous ne considérons pas nécessairement ce qui pourrait fonctionner, mais ce qui fonctionnera.

Note finale

Certaines de ces approches peuvent individuellement ne pas réduire considérablement notre réflexion et notre prise de décision, ou améliorer nos conceptions par une énorme marge. Cependant, les intégrer ensemble et obtenir de bons commentaires en cours de route peut faciliter considérablement la conception d'une meilleure interface utilisateur.

Suis moi sur Twitter