Design Anatomy : un cours intensif sur les principes de conception et les types de conception

Pour moi, concevoir était et est toujours comme réfléchir à la façon d'améliorer l'apparence des choses. Qu'il s'agisse de vêtements, d'ameublement, de décoration et de mon préféré, l'écriture. Nous sommes entourés de différents types de design. Regardez autour de vous et vous saurez.

Même si le design fait partie de notre quotidien, je n'arrive pas à définir sa signification.

Peux-tu?

Grâce à Wikipédia d'où j'ai copié la définition du design et l'ai simplifiée dans mes propres mots : "Le design est la création d'un plan pour construire quelque chose."

Quelque chose signifie tout ce que vous voulez créer. La conception de votre chambre personnelle, la conception de votre bureau et, plus important encore, votre conception marketing.

Oui, vous avez bien entendu.

Le design a une présence majeure dans le monde de votre organisation via l'image de marque jusqu'au marketing. Chacune de vos étapes marketing nécessite une conception. Que vous fassiez un plan marketing ou que vous décidiez de votre logo. Le design est partout. Malgré cela, seules quelques organisations réussissent à utiliser la puissance de la conception à chaque étape. D'autres pensent que le design se limite au travail d'un graphiste.

Aujourd'hui, nous allons déchiffrer le code de conception afin que vous puissiez augmenter votre effet marketing et attirer instantanément l'attention des utilisateurs grâce à la conception.

Dans un premier temps, nous aborderons les principes du design pour apprendre les bases et éviter les erreurs.

7 principes de conception

Accent

Une erreur que commettent tous les spécialistes du marketing est d'attribuer la tâche de conception au graphiste sans lui dire ce qu'il veut voir le plus visible dans la conception. Résultat : le design est rejeté 10 fois avant qu'il ne devienne parfait – perte de temps.

Au lieu de sauter immédiatement sur une tâche de conception, prenez un moment et demandez-vous ce que vous voulez que votre public remarque en premier dès qu'il atterrit sur votre conception ? Est-ce votre nom de marque ? Un lancement de nouveau produit ? Rue? Coût du produit ? Ou tout ce qui est plus important que d'autres facteurs. Quelque chose que vous ne pouvez pas vous permettre de passer inaperçu.

Notez cela et demandez à votre concepteur de le faire apparaître plus grand que les autres éléments lors de la conception.

Solde

Pouvez-vous mettre tous les meubles de votre maison au même endroit ?

Pas du tout.

Même un imbécile sait que cela ressemblera à un débarras, pas à une salle à manger.

De même, vous ne pouvez pas vider tous les éléments de conception au même endroit. L'équilibre est aussi nécessaire que la largeur d'un corps humain. Sinon, votre conception ne parvient pas à transmettre le bon message à votre public cible.

Exemple de conception déséquilibrée

Fondamentalement, il existe deux types d'équilibre : l'équilibre symétrique et l'équilibre asymétrique.

• L'équilibre symétrique aligne des éléments de poids égal autour de la ligne centrale du design.
• L'équilibre asymétrique aligne les éléments inégaux autour de la ligne centrale du design.

Imaginez une ligne au centre de votre design. Placez des éléments d'apparence égale autour de cette ligne médiane - c'est ce qu'on appelle l'équilibre symétrique. Remplacez maintenant ces éléments égaux par des éléments de tailles différentes et placez-les autour du centre - c'est ce qu'on appelle l'équilibre asymétrique. L'équilibre asymétrique est aussi beau que symétrique si un concepteur sait où mettre quoi.

Contraste

Cela me rappelle les magasins de tissus où le vendeur me dit toujours le contraste des tenues. Et en tant qu'utilisateur, je remarque leur effet.

Rappelles toi?

Le contraste fait ressortir les éléments du design et reste fidèle à votre mémoire. Pour obtenir un effet de contraste, créez un dessin avec des couleurs d'éléments différentes de la couleur de l'image d'arrière-plan. Dans le même temps, assurez-vous que l'image d'arrière-plan est en harmonie avec les couleurs des éléments offrant une expérience facilement lisible aux utilisateurs.

Proportion

La proportion est la taille et le poids des éléments utilisés dans la conception. Par exemple, créer une boîte de grande taille avec une couleur accrocheuse pour la rendre visible tout en gardant un cercle de petite taille avec une couleur claire - en fonction de vos exigences de conception. Il s'agit d'utiliser la bonne proportion de chaque élément.

Mouvement

Le mouvement consiste à placer les éléments de manière à ce que les yeux des utilisateurs se déplacent d'un élément à l'autre dans une séquence - la façon dont vous décidez qu'ils aillent. Disons, par exemple, que vous lancez un nouveau produit et que vous le vendez à prix réduit pendant une période de temps limitée. L'image de votre produit doit être de plus grande taille ; un peu plus petit devrait être le prix avec remise, encore un peu plus petit que le prix devrait être un compte à rebours de disponibilité limitée, et ainsi de suite.

Espace blanc

Là où chaque principe concerne ce qu'il faut ajouter dans votre conception, White Space concerne ce qu'il ne faut pas ajouter dans votre conception et où laisser l'espace vide.

Vous avez dû remarquer un design débordant avec des tonnes d'éléments. De tels designs ne parviennent pas à transmettre le message de la marque car les utilisateurs les trouvent souvent déroutants. C'est pourquoi White Space occupe une place importante dans les principes de conception.

Unité

Voici votre partie créative. L'unité est la façon dont vous créez le design dans son ensemble tout en décidant où placer quel objet. L'unité fait référence à la relation entre les objets et l'ensemble de la conception.

Unity a son propre ensemble de six principes :

• Alignement : pour organiser les éléments autour du centre
• Suite : pour prolonger le trait ou le motif en dessin
• Perspective : maintenir la distance entre les éléments
• Proximité : rapprocher les objets les uns des autres
• Répétition : copier des objets plusieurs fois
• Rythme : objets récurrents avec un léger changement

Maintenant que vous savez bien ce qu'il faut garder à l'esprit lors de la création d'un design, il est temps d'acquérir des connaissances sur les types de design à des fins marketing.

Types de conception marketing

Conception graphique

La conception graphique est utilisée soit pour résoudre un problème, soit pour communiquer des idées aux utilisateurs par le biais de compositions visuelles telles que l'image, la couleur, la typographie, etc. Dans le monde du marketing, les marques communiquent avec les utilisateurs via des images de médias sociaux, des infographies, des cartes postales, etc.

Conception de l'identité visuelle de la marque

Une marque représente la relation entre une organisation et son public. L'identité visuelle de la marque est la façon dont elle communique sa propre personnalité, son ton, ses souvenirs, ses émotions et ses expériences avec les utilisateurs. Disons que le logo de Facebook a un attrait émotionnel parmi ses utilisateurs. N'est-ce pas ?

Logo, typographie, palettes de couleurs, guide de style, etc., tous sont différents types d'identité visuelle de la marque.

L'identité visuelle de la marque fait connaître votre organisation.

Conception UI et UX

Imaginez le corps humain. Ses os sont UX Design (User Experience) - structure interne d'un design. L'apparence du corps de l'extérieur est la conception de l'interface utilisateur (interface utilisateur) - présentation du design.

L'interface utilisateur est la façon dont les utilisateurs interagissent avec la conception - ce qu'ils voient. UX est la façon dont les utilisateurs vivent le design - ce qu'ils ressentent. Combinez les deux, UI et UX, et vous obtiendrez une conception à part entière pour remplir votre objectif marketing. La conception de pages Web, la conception de thèmes, la conception d'applications, etc., sont des moyens de conception populaires que les marques utilisent pour interagir avec les utilisateurs.

Conception graphique animée

Le simple fait de mettre la conception en mouvement s'appelle la conception graphique animée. Animation, vidéo, publicité à la télévision, au cinéma, etc., vous les connaissez bien. Avec l'âge toujours croissant des visuels et du contenu visuel facilement consommable, la demande de conception graphique animée augmente de jour en jour.

Si une image vaut mille mots, alors une vidéo en vaut un million.

Un design en mouvement réussit mieux à attirer l'attention qu'une image fixe. Les marques s'appuient sur les animations graphiques pour attirer l'attention instantanée des utilisateurs.

Conception environnementale

La conception environnementale relie visuellement les utilisateurs à l'environnement de la conception. Avez-vous déjà rencontré un design mémorable, des visuels impressionnants, une image époustouflante, des citations de motivation avec un design, etc.

Vous vous souvenez de l'impression durable qu'ils laissent et de la façon dont vous les croyez en un instant. C'est l'environnement qui peut faire ou défaire l'expérience globale de l'utilisateur. Si vous prenez soin de la conception environnementale, vous pouvez laisser un souvenir inoubliable parmi vos utilisateurs.

Conseils de conception marketing

Le simple fait de clarifier les bases de la conception ne va pas aider. Vous savez bien quoi faire mais vous ne savez toujours pas comment le faire.

Avec l'aide du petit cours accéléré sur le design mentionné ci-dessus, vous réussirez à créer un design mais vous ne pourrez pas refléter votre marque et son message pour vous connecter avec les utilisateurs. Pour cela, vous devez mélanger votre conception avec des conseils marketing intelligents.

Voici des conseils de conception marketing pour atteindre une étape de connexion entre les utilisateurs et votre conception.

1. Trouvez votre objectif

Je trouve toujours le but de mon écriture. Cela me permet de rester sur la bonne voie et m'aide à mieux écrire. En explorant davantage dans la vie, j'ai réalisé que le but est au cœur de tout ce que nous faisons. Si vous voulez que votre design reflète votre marque, trouvez le but pour lequel vous construisez le design en premier lieu. Notez la liste des raisons pour lesquelles vous souhaitez créer ce design.

2. Rassemblez vos éléments de conception

Les éléments sont les atouts du design. Une image, le logo de votre marque, le texte que vous souhaitez mettre en valeur, les polices que vous choisissez, etc., sont différents types d'éléments de design. Une fois que vous avez décidé de l'objectif, votre prochaine étape consiste à dresser une autre liste d'éléments dont vous auriez besoin pour atteindre votre objectif.

3. Organisez vos éléments

Il est temps de décider où mettre quoi. Avec les éléments à portée de main, l'étape suivante consiste à les placer sur votre conception de manière à ce que l'œil des utilisateurs se déplace d'un élément à l'autre selon votre souhait. Par exemple, si vous souhaitez montrer le lancement de votre nouveau produit, assurez-vous que son image est plus grande et que la couleur est mise en évidence par rapport aux autres éléments. Ensuite, vous voulez que les utilisateurs voyagent à un prix réduit qui doit être conservé près de l'image du produit, un peu plus petit et une couleur visible, etc.

4. Pimentez votre design

Lorsque tout est configuré selon les 3 conseils ci-dessus, votre conception est prête pour un peu de piquant. Ajoutez des couleurs, des images, du texte, etc., pour donner vie à votre design. Qu'il s'agisse d'en faire trop ou non, cela dépend de votre choix. J'ai vu de nombreux designs réussis, qu'ils soient simples ou non. Votre design doit avoir l'air plein de vie et transmettre avec succès le message de votre marque.

Conseils de création de marque et de logo

Chacun de vos designs doit refléter votre marque d'une manière ou d'une autre. Par exemple Facebook dévoile sa couleur bleue à chacun de ses design. Il porte même un t-shirt de couleur similaire, ce qui fait que les utilisateurs se souviennent de Facebook chaque fois qu'ils voient une couleur bleue. Vous devez suivre un chemin similaire. Le port de la couleur de la marque est cependant facultatif.

1. Concevez la personnalité de votre marque

À quoi voulez-vous que votre marque ressemble ?

Vous souhaitez qu'une personne représente votre marque ?

Une chose en particulier comme Apple ?

Une police comme Facebook?

Une icône comme Whatsapp ?

Ou quelque chose à l'improviste comme Hubspot ?

Notez tout ce qui vous passe par la tête. Vos rêves pour votre marque seraient d'une grande aide. Demandez des suggestions à vos employés sur la façon dont ils aimeraient voir leur marque et dans quelle couleur. Rassemblez tout ce qui vous tombe sous la main. Choisissez-en quelques-unes qui vous touchent le cœur et qui se rapportent fortement à votre marque. Expérimentez différentes combinaisons et choisissez un logo unique. Gardez l'autre sélection de côté pour une autre image de marque.

2. Allez bizarre

C'est OK d'aller bizarre. Rien de mal à cela. En fait, devenir bizarre avec vos conceptions vous aidera à inventer des conceptions hors du monde que vous n'auriez jamais imaginées. Pourtant séduisant en même temps. Un logo étrange suscite la curiosité des utilisateurs pour en savoir plus.

3. Soyez simple

D'un côté je te dis d'aller bizarre, de l'autre j'appuie sur la simplicité ?

Laissez-moi vous expliquer ceci.

Aussi bizarre que vous alliez avec le design, assurez-vous de ne pas le compliquer.

L'esprit des utilisateurs fonctionne comme un appareil photo lorsqu'ils voient une image. Ils prennent une photo rapide uniquement lorsque c'est simple à comprendre. Ainsi, l'étrangeté mélangée à la simplicité donnera à votre conception un aspect facilement identifiable et une capture inoubliable pour les utilisateurs.

4. Soyez cohérent

Bien sûr, être cohérent signifie créer du design régulièrement sans échec. Mais ici, cela signifie aussi que tout votre design doit refléter votre marque, son logo, ses couleurs, ses polices, etc. A chaque design, votre marque doit apparaître pour rappeler aux utilisateurs que le contenu est à vous, et que vous vous en occupez. besoins des utilisateurs. La création d'un design de marque laisse systématiquement une impression durable de votre marque auprès des utilisateurs. Lentement, ils prennent l'habitude de reconnaître votre marque en un coup d'œil. La prise de conscience se construit à partir de là.

Conception UI et UX

Vous pouvez appliquer les conseils ci-dessous pour la conception UI et UX.

1. Voir à travers les yeux des utilisateurs

Quels utilisateurs aimeraient voir en premier lorsqu'ils atterrissent sur votre design ?

Comment aimeraient-ils interagir avec votre design ?

Comment aimeraient-ils utiliser votre conception Web ou votre application ?

Votre conception résout-elle le problème des utilisateurs ou leur promet-elle de le résoudre ?

Quels sont les défis des utilisateurs et comment votre conception y fera-t-elle face ?

Répondez-y lors de la conception de votre site Web, de votre application ou de votre image. Voyez votre conception à travers les yeux des utilisateurs. Aimeriez-vous avoir votre conception en tant qu'utilisateur lorsque vous y accédez pour la première fois. Répondre à tous vous donnera une direction claire sur ce qu'il faut concevoir.

2. Prévenir les erreurs

Même un accident de conception parfait parfois. Ni que c'est de ta faute. Parfois, Internet ne parvient pas à charger la conception à temps, ce qui fait que les utilisateurs perdent patience et rebondissent.

"Mieux vaut prévenir que guérir"

Si les erreurs de conception sont contrôlables, vous pouvez les rectifier. Mais si c'est incontrôlable, vous pouvez au moins les empêcher en adoptant des mécanismes comme mettre une boîte de confirmation avec un message disant "Ne pas quitter le site jusqu'à ce qu'il se charge car le site a quelque chose d'utile pour les utilisateurs".

Gardez une trace sur le site Web pour découvrir les problèmes rencontrés par les utilisateurs. Rectifiez celui que vous pouvez et adaptez les mécanismes pour les autres.

3. N'oubliez pas les principes de base

Les personnes créatives ont pour objectif de créer quelque chose d'unique et d'extraordinaire. Aucune offense pour cela. Mais ne pas suivre les principes de base déroute souvent les utilisateurs lorsque la conception va à l'encontre de leurs habitudes. Par exemple, les utilisateurs ont l'habitude de voir la barre de navigation en haut et la barre de contact en bas ou dans le coin droit. Si vous dérangez ces principes, vous interrompez l'habitude des utilisateurs qu'ils n'aimeront pas à moins qu'ils aient une bonne raison de naviguer davantage. En dehors de cela, soyez aussi créatif que vous le souhaitez.

4. Soyez mobile

Les concepteurs Web s'appuient souvent sur un site réactif pour répondre aux demandes des utilisateurs adaptées aux mobiles. Le responsive peut bien compenser un site adapté aux mobiles, mais vous ne pouvez pas nier le fait que ses fonctionnalités sont par défaut. Rien de mal avec la conception réactive, mais vous devez vérifier l'espacement entre les boutons, la taille de la police et du texte et les autres fonctionnalités de navigation. Ils peuvent sembler être de petits changements, mais ils font une grande différence en ce qui concerne l'expérience de l'utilisateur mobile.

Conception Web (Front-End)

1. Tirez parti de la puissance du pliage

Le pli est la ligne entre le pli supérieur et le pli inférieur. Imaginez un journal et ses titres là où vos yeux voient en premier – c'est-à-dire au-dessus du pli. Maintenant, si cela vous intéresse, vos yeux descendent pour en savoir plus – c'est sous le pli. La première chose que les visiteurs voient lorsqu'ils atterrissent sur le site est la conception au-dessus du pli. C'est là qu'il faut placer ses meilleurs joueurs pour convaincre les utilisateurs. La conception sous le pli n'est visible que lorsque les utilisateurs font défiler vers le bas. C'est là que vous pouvez les approcher pour agir.

Pas étonnant que les concepteurs accordent plus d'attention à l'introduction qu'aux autres parties de la conception. Après tout, la première impression est votre dernière impression.

2. Désencombrer avec un espace blanc

Une page pleine de motifs et de couleurs variés semble tentante. Mais une page avec moins de designs est plus lisible, compréhensible et digne de navigation. Avec l'aide de l'espace blanc, vous pouvez désencombrer votre conception en la simplifiant pour une expérience utilisateur transparente. L'espace blanc empêche les utilisateurs de se confondre, ce qui les amène à agir.

3. Utilisez une couleur différente pour l'appel à l'action

Si vous souhaitez attirer l'attention instantanée des utilisateurs vers l'appel à l'action, utilisez la couleur différente de toutes les couleurs de votre conception. Faites en sorte que votre appel à l'action soit audacieux et accrocheur pour inciter les utilisateurs à passer à l'action.

4. Dites "Non" aux images génériques

L'époque où les utilisateurs croyaient votre site sur la base d'une image avec le groupe souriant est révolue depuis longtemps.

Désormais, les utilisateurs sont intelligents pour détecter les mensonges. Je vois souvent des sites indiens avec des images de groupes appartenant à des pays étrangers. J'attrape le mensonge de temps en temps. Au contraire, les sites Web avec des images de leur organisation et de leurs employés semblent plus légitimes. Et rien ne peut battre la puissance du contenu généré par les utilisateurs. Évitez donc d'utiliser des images génériques et commencez à publier des images et des vidéos de vos propres employés et clients.

Il est temps de mettre en œuvre les connaissances

Ils disent que la connaissance est le pouvoir. Je crois que la connaissance n'est rien si vous ne l'implémentez pas. Aussi bons que puissent paraître les conseils de conception, ils ne sont rien sans les mettre en pratique. Commencez maintenant. Prenez des notes sur tout ce que vous avez appris dans cet article. Et implémentez chacun dans vos conceptions à venir. Rappelez-vous, la pratique vous rend parfait. Tous mes vœux.