Design : La simplicité est la clé de la conception

Cette liste de principes de base peut aider quiconque cherche à construire quelque chose par lui-même ou ne veut pas embaucher un designer et veut essayer de concevoir par lui-même.

1. Un peu de contraste va très loin

Lorsque je traite avec des clients, je les ai entendus se plaindre tellement de fois que la conception doit « pop » plus. En termes de concepteur, c’est une déclaration très vague. Mais ce que le client veut, c’est avoir plus de contraste dans l’interface utilisateur. Cela signifie qu’ils veulent une distinction distinctive entre les éléments. Par exemple, ils peuvent souhaiter que le texte s’affiche dans un endroit éloigné qui attire l’attention de l’œil de l’utilisateur. Cela peut également aider à améliorer la lisibilité des textes. L’accent mis sur des textes importants attire automatiquement l’attention de notre cerveau. Le contraste des couleurs est un must lors de la conception de l’interface utilisateur car il nous donne des connaissances sur la façon dont les couleurs interagissent les unes avec les autres. Un contraste insuffisant peut rendre le contenu du texte en particulier très difficile à lire, en particulier pour les personnes ayant une déficience visuelle.

2. Plus d’espace, nettoyez l’interface utilisateur

Celui-ci que je chéris et que j’aime suivre dans chaque conception de la mienne. Je l’ai lu dans un livre intitulé « Le blanc n’est pas votre ennemi ». Cela m’a beaucoup aidé à améliorer ma conception. Ce qui attire le plus les clients, c’est quand l’interface utilisateur est propre, mais en même temps, le client veut que nous incorporions une tonne d’informations sur une seule page. Alors que fais-tu alors? Consultez ce tableau de bord que j’ai conçu et vous pourrez distinguer clairement la distribution des informations. Le texte en vrac sera placé dans la section défis comme en savoir plus, cela améliore l’apparence de la conception.

Une chose que vous pouvez faire est de répartir la taille et l’emplacement de votre texte de telle sorte que même un texte de cent lignes ne semble pas salissant. Une façon de procéder consiste à ouvrir une fenêtre contextuelle pour des informations quantitatives aussi volumineuses. De cette façon, les informations sont sur la même page, ce qui satisfait le client et l’interface utilisateur est également plus propre. Lorsque vous avez plus d’espace, l’interface utilisateur semble automatiquement propre et nette. Un espace blanc ne signifie pas littéralement un espace vide avec un fond blanc. Il peut s’agir de la couleur du texte, de la texture, de la forme ou même d’une image. Les espaces blancs aident à améliorer la compréhension, ils aident à faire ressortir les éléments dans l’interface utilisateur et à attirer l’attention sur des objets spécifiques et bien plus encore.

« L’espace blanc dans la composition de conception est identique à l’utilisation du silence dans une composition musicale. Sans utilisation proportionnée de Silence, la musique n’est pas structurée; certains peuvent appeler cela du bruit. De même, sans White Space, le design est non structuré et difficile à consommer ».

3. Loi de Gestalt sur la perception visuelle

Cette loi semble fantaisiste au début, mais quand vous la lisez, c’est fondamentalement juste une loi pour des choses que vous connaissez dans le fond de votre esprit, mais nous les ignorons parfois dans nos conceptions. Cette loi est liée à la façon dont nous, les humains, percevons les choses autour de nous. Il décrit comment les humains voient généralement les objets en regroupant des éléments similaires, en reconnaissant les motifs et en simplifiant les images complexes. Designers utilisez-les pour engager les utilisateurs via un puissant-pourtant naturel- « des trucs » de perspective et de normes de conception des meilleures pratiques.

Il y a un tas de lois en vertu de ce principe, je voudrais en développer quelques-unes que je suis dans presque toutes mes conceptions. Je vais vous laisser un lien pour savoir plus à propos d’eux.

a) Loi de proximité –Cette loi stipule essentiellement que les éléments qui sont regroupés sont perçus comme étant liés tandis que les éléments qui sont éloignés sont perçus comme non liés.

La proximité est si puissante qu’elle remplace similitude de couleur, de forme et d’autres facteurs susceptibles de différencier un groupe d’objets.

Remarquez les trois groupes de points noirs et rouges ci-dessus? le proximité relative des objets a une influence encore plus forte sur le regroupement que la couleur.

b) Loi de similitude – Cette loi stipule que lorsque des éléments de forme, de couleur ou de taille similaires sont perçus comme étant ensemble. Il s’agit d’une loi très importante car elle nous aide à établir des relations entre des groupes d’éléments. Nous recherchons des différences et des similitudes dans une image et relions des éléments similaires.

Si quelqu’un regarde l’image ci-dessus, il pourra voir un carré composé de formes autres que des carrés, il pourra également voir un diamant entre les deux composé de cercles même s’il n’est pas délimité. C’est ainsi que notre cerveau nous joue des tours et prend les informations visuelles ambiguës et les organise en quelque chose qui a du sens pour nous – quelque chose de familier, ordonné, symétrique et que nous comprenons.

c) loi de fermeture – Cette loi peut être démontrée presque partout autour de nous. Il déclare que notre esprit remplit des blancs pour les objets qui semblent incomplets. Il est visible dans presque toutes les interfaces que nous voyons. Si vous remarquez la forme du profil, ce ne sont que deux formes rapprochées mais non connectées, mais même alors, notre esprit sait automatiquement que c’est la forme d’une personne.

Un autre génial exemple de ceci est ce gif que j’ai trouvé, dans cela, nous déduisons automatiquement que c’est un chien qui marche même si l’image est incomplète et les éléments, lorsqu’ils sont vus, ne sont que des formes simples sans aucune similitude avec les caractéristiques d’un chien. Mais notre cerveau sait ce qu’est un chien, alors nous comblons automatiquement les lacunes. Non seulement cela, mais beaucoup d’entre nous pourraient le percevoir comme un Dalmation se reproduit à cause de ses taches.

Les principes de la Gestalt sont dans l’esprit, pas dans l’œil

4. Proportionnez votre conception

Ce principe est l’un des plus faciles à comprendre. Il s’agit du dimensionnement et du positionnement relatifs des éléments autour de l’écran. Autrement dit, c’est la taille des éléments les uns par rapport aux autres. Cela aide à faire ressortir ce qui est important et ce qui ne l’est pas. Les éléments plus grands sont plus importants, les éléments plus petits moins. Cela aide même l’utilisateur à comprendre la hiérarchie des éléments. Le positionnement relatif aide à faire ressortir les relations entre les éléments, ce qui contribue à améliorer l’UX dans une large mesure. Cela signifie nécessairement que l’utilisateur est capable de comprendre l’interface utilisateur par lui-même. et est capable de distinguer facilement les différents éléments et leur importance.

Le design, c’est l’architecture: c’est une question de proportions.

5. Suivez toujours les instincts de base

Cela signifie simplement que lors de la conception, il n’est pas nécessaire de suivre un certain ensemble de directives à chaque fois que vous créez quelque chose. La raison principale étant que chaque idée, chaque conception est différente à sa manière, par conséquent, le même ensemble de règles ne peut pas être suivi à chaque fois. Par exemple, vous n’utilisez pas automatiquement un rapport pondéral en-tête / texte de 3: 1 pour respecter le principe d’une bonne hiérarchie. Ce rapport est un règle standard. Au lieu de cela, un ligne directrice vous pourriez utiliser pour mettre en œuvre une bonne hiérarchie est «Le texte doit être facile à lire». Vous devriez faites preuve de discrétion lorsque vous appliquez des principes de conception, par exemple, vous juger comment guider l’œil de l’utilisateur en utilisant la symétrie ou l’asymétrie. Par conséquent, vous adapter les principes à chaque cas et acquérir une solide expérience en répondant aux besoins des utilisateurs au fil du temps.

N’oubliez pas que c’est exactement ce que vous pensez.