30 jours de conception - Une étude de cas sur la marque

Il y a plusieurs aspects importants dont il faut être conscient lorsque l'on travaille avec des clients - le respect des attentes et des délais en sont deux. À un certain stade de la carrière de chaque designer, il arrivera un client qui a une urgence pressante avec son projet. Ce sont les projets qui enseignent l'art de respecter les délais et à quel point cela peut devenir fou.

Il y a typiquement deux types de projets que chaque designer rencontrera au cours de sa carrière : « J'ai besoin d'un design centré sur l'utilisateur qui correspond à mon projet, pas de délais stricts ; Je veux juste la meilleure solution »… C'est le rêve de tout designer. Mais avouons-le; en réalité, les choses sont toujours plus difficiles.

"Je veux une solution originale, innovante et créative - une bonne UX, une très belle interface utilisateur... et j'en ai besoin hier."

Que se passe-t-il lorsque vous réalisez qu'il y a 30 jours pour créer un logo et concevoir les principaux éléments de la marque, un site Web, des interfaces utilisateur mobiles et des publicités/graphiques sur les réseaux sociaux ?

Après avoir eu une petite crise de panique, vous réalisez que travailler intelligemment est la seule voie à suivre.

Faire un plan et réfléchir à l'avance contribuera à la productivité, à la précision et à la qualité de la conception. Comme pour toute entreprise réussie, un travail acharné et de longues heures sont quelques-unes des conditions obligatoires pour y arriver.

Quoi qu'il en soit, il y a toujours ces questions atroces :

• Est-ce que cela vaut la peine de le faire avec de telles contraintes de temps ?
• Les contraintes de temps conduiront-elles à une mauvaise qualité de conception ?
• Est-ce que je ferais un meilleur travail si j'avais plus de temps ?

Absolument oui!

Comme dans tout projet, il y a toujours des avantages, des inconvénients et des contraintes que, en tant que concepteurs, nous devons contourner et même utiliser à notre avantage pour proposer des solutions créatives.

Il est essentiel d'avoir une idée claire des tâches à accomplir pour mener à bien le projet, ainsi que de faire savoir diplomatiquement au client que le court délai pourrait potentiellement avoir un impact négatif sur la qualité globale de la conception. Cependant, la pression d'un délai écrasant n'est pas une excuse pour ne pas donner le meilleur de vous-même. Utilisez-le pour vous pousser à fournir le meilleur travail possible. Une étude réalisée par la Harvard Business School sur le travail créatif effectué sous la pression du temps a conclu ceci :

Cette étude suggère que les managers prennent des mesures pour protéger le temps dont disposent les employés pour s'engager dans le traitement cognitif créatif, en particulier les employés dont le travail demande un degré élevé de créativité. […] Il est tout à fait probable que les idées créatives ne seront pas souvent produites en l'absence totale de toute pression temporelle, qu'elle soit auto-imposée ou imposée de l'extérieur.

Ces résultats indiquent qu'un degré élevé de pression peut nuire au travail créatif, mais en même temps, l'étude suggère également qu'un niveau raisonnable de pression concernant le travail créatif peut être utile pour aider à produire de meilleurs designs.

C'est toujours un défi de tout faire lorsque vous travaillez en tant que pigiste avec plusieurs projets actifs, mais c'est une excellente occasion d'être diligent avec votre emploi du temps et de faire travailler votre temps limité pour vous ! Faire en sorte que le travail à distance fonctionne pour vous est simple, mais pas facile. Combinez cela avec un plan solide et vous avez la recette du succès.

Jours 1 et 2 : Tout d'abord, planifiez !

La première étape consiste à décomposer le projet en parties plus petites et à calculer le temps qu'il faudra pour terminer chaque étape du projet. Fixer des objectifs augmente la motivation et la réussite. La science de la réalisation des objectifs recommande de décomposer votre grand objectif en étapes d'action claires et définies. Cela vous donnera un grand avantage dans vos efforts pour l'atteindre.

En ce qui concerne la conception de la marque, une bonne pratique consiste à créer plusieurs versions de la conception afin que le client ait le choix entre différentes options. Ma préférence personnelle est de créer trois itérations de conceptions de logo et d'éléments principaux de la marque tels que la typographie, les palettes de couleurs, les images et les jeux d'icônes. Faire cela en premier vous permettra de faire passer le concept et les idées visuelles à l'étape suivante.

Créer des processus de travail et les suivre.

La création de processus de travail facilitera le flux de travail et la responsabilité qui accompagne chaque projet. Voici mon approche habituelle pour un projet de conception typique, qu'il s'agisse de la conception d'une image de marque ou d'une interface utilisateur :

Recherche

Découvrez tout sur l'entreprise de votre client :

• Quel est leur cœur de métier et quelle est leur activité principale ?
• Quel est leur public cible et quels sont leurs besoins ?
• Quels sont leurs objectifs et quel problème doit être résolu en utilisant le design ?
• Qui est la concurrence et comment pouvez-vous être meilleur?

Un questionnaire ou un dossier de conception est l'un des moyens les plus pratiques et les plus efficaces de collecter les informations susmentionnées.

Créer un tableau d'humeur

L'une des choses pour lesquelles vous pouvez utiliser un tableau d'humeur est de créer le concept, une partie essentielle de tout projet. Obtenez une vue d'ensemble - prenez toutes vos recherches et mettez-les sur une grande toile afin que vous puissiez voir tous les éléments qui doivent être incorporés dans les conceptions. Il existe plusieurs outils gratuits qui vous aident à créer facilement des moodboards.

Si vous n'aimez pas les outils en ligne, l'utilisation d'Adobe Illustrator fonctionne bien car vous pouvez créer, ajouter et déplacer librement des éléments. Considérez-le comme un collage – ne vous souciez pas trop du positionnement des détails ; vous êtes libre de tout arranger à votre guise. L'objectif principal est de voir comment les couleurs, les photos, les icônes, la typographie, etc. fonctionnent les uns avec les autres, visuellement et dans la narration.

Jour 3 : Créer un concept de design

La création d'un concept est la prochaine étape après avoir terminé votre tableau d'humeur et constitue la base de tous vos travaux futurs. Un concept est produit en tant que modèle expérimental pour tester la viabilité des caractéristiques de conception.

Le moodboard sera utile pour définir une direction visuelle précoce qui doit correspondre au public que vous ciblez et aux objectifs de l'entreprise. Le concept sera la base de votre direction UX et fait donc partie des 10 livrables UX utilisés par les meilleurs concepteurs.

Il est important de comprendre à quel point cette étape est importante, car un concept solide aide à raconter une histoire convaincante, même pendant les premières étapes du projet. L'objectif principal doit prendre en compte les sentiments et les expériences que les utilisateurs rencontrent lorsqu'ils traitent avec les visuels plutôt que ce que sont les visuels eux-mêmes.

L'un des consultants en marketing et conférenciers motivateurs les plus influents de l'industrie, Simon Sinek, a donné une brillante conférence TED sur ce sujet.

Le tableau d'humeur peut vous aider à créer quelques slogans courts ou peut-être à définir des styles d'icônes et de photos dans un concept. Puisqu'il est bon d'avoir une typographie qui peut être lue rapidement quel que soit le support, il est également important de considérer une typographie adaptée au Web et à l'impression. C'est un élément clé d'un grand design et c'est aussi l'un des principes considérés par les pratiques de design universel.

Jour 4 : Concevoir des visuels de marque

Le processus de création de marque peut devenir fastidieux et prendre du temps si vous êtes surpris à suivre la mauvaise approche dès le début. Il est préférable de commencer par créer des itérations de logo une fois que vous avez un concept approuvé et que les fichiers de guidage visuel sont terminés. Cela vous donnera l'assurance que vous avancez dans la bonne direction et vous permettra de relever les défis de l'image de marque de manière intelligente et rapide.

Il est essentiel de faire de petits croquis au stylo et au papier de vos idées de conception. Cela prendra moins de temps si vous dessinez d'abord, puis passez à Illustrator, Sketch, etc. pour travailler sur votre logo. Cette étape m'a permis de concevoir trois propositions de logo différentes qui sont toutes dans la direction visuelle choisie pour la marque. Cela a pris quelques jours pour terminer:

Il peut y avoir quelques modifications et ajustements supplémentaires dans la conception du logo, mais une fois que le client a choisi le logo et approuvé d'autres éléments tels que les couleurs, la typographie, les icônes et le style de photographie, vous en avez terminé avec les éléments de marque de base.

Jours 7 à 15 : Conception du site Web

Le développement de la marque ne se limite pas au logotype, il couvre presque tous les aspects du design, y compris le site Web. Commencer d'abord avec le site Web peut être utile, car vous pouvez ajouter au concept visuel en appliquant des règles visuelles et en voyant comment elles fonctionnent ensemble. C'est particulièrement le cas lorsque vous créez un site Web qui a finalement un objectif et des éléments similaires à l'application mobile.

Plan du site

Un sitemap est une liste de pages d'un site Web accessible aux robots d'exploration ou aux utilisateurs. Il peut s'agir soit d'un document utilisé comme outil de planification pour la conception Web, soit d'une page présentant les pages d'un site Web de manière hiérarchique.

C'est d'une grande aide si un client a déjà un sitemap car il vous donne une vue claire de toutes les pages qui appartiennent à un site Web. Si vous recevez un projet nécessitant un plan du site, vous devrez travailler avec le client pour en créer un.

Cela pourrait signifier poser quelques questions à votre client :

• Quel est le nombre de pages du site Web ?
• Quelles pages sont les plus importantes ?
• Existe-t-il des sous-pages ?

Cela brossera un tableau clair de la structure du site Web et vous donnera une bonne idée de la portée du projet.

Copier d'abord

Je trouve utile de demander au client à l'avance de me donner toute la copie et le contenu qu'il souhaite inclure sur le site. Il est recommandé de faire en sorte que la conception fonctionne autour de la copie plutôt que de créer d'abord l'interface utilisateur et d'essayer ensuite d'adapter la copie.

L'approche de la copie d'abord vous fait gagner beaucoup de temps, à vous et aux développeurs. Si vous faites l'inverse, vous pourriez rencontrer des problèmes. Bien qu'utile parfois, l'utilisation de texte factice peut avoir un impact négatif sur un projet réel, en particulier lorsque la conception repose fortement sur la typographie et est conçue autour du contenu. Une conception centrée sur la copie n'a aucun inconvénient et ne fait qu'aider à produire un travail créatif d'une qualité exceptionnelle.

Conception de la page d'accueil

En suivant toutes les étapes précédentes, vous avez déjà des directives visuelles générales, un plan du site et une copie. Vous pouvez maintenant passer à la conception des pages du site Web.

La page d'accueil est la première chose que voient les utilisateurs lorsqu'ils accèdent à un site Web, et par conséquent, c'est la page la plus importante. L'application du principe de Pareto démontre que la page d'accueil détient 80% de la direction du design (contexte, typographie, couleurs, éléments répétables, etc.) et le reste des pages 20%.

C'est une bonne idée de commencer votre processus en regroupant et en sélectionnant des sections pour la page d'accueil. Le contenu complet et la copie m'aident généralement à organiser toute la page et à voir quels aspects manquent ainsi que les sections qui pourraient être ajoutées pour maximiser l'impact et inciter les utilisateurs à acheter/utiliser le produit ou le service.

Pour mettre en valeur le service ou le produit, essayez d'utiliser des sections d'appel à l'action bien en vue. Ils sont un excellent moyen de faire de la publicité et de capter l'attention des utilisateurs pour acheter un produit, s'abonner à une newsletter, s'inscrire, etc.

Si la technologie, le public cible et le type d'entreprise du client le permettent, l'ajout d'un design animé comme un GIF ou une animation peut donner un sous-contexte à l'ensemble du site et mettre l'accent sur la section d'appel à l'action. Cependant, les concepteurs doivent faire attention à ne pas aller trop loin et à créer quelque chose qui prendra beaucoup de temps à développer.

Jours 15 à 25 : Appliquez la conception universelle

La conception universelle, telle que décrite par ses développeurs, "peut être appliquée pour évaluer les conceptions existantes, guider le processus de conception et éduquer les concepteurs et les consommateurs sur les caractéristiques de produits et d'environnements plus utilisables".

Le concept de conception universelle est l'une des solutions les plus optimales à utiliser lorsqu'il s'agit d'un projet de grande envergure - un concept unifié et une direction visuelle ciblée pour la marque, le site Web et les applications mobiles sont d'un grand avantage lors de la conception sous des contraintes de temps.

La nécessité d'éléments répétitifs peut être un défi en soi. Cela se produit lorsque vous rencontrez des exigences techniques. Les sites Web réactifs et les plates-formes mobiles ont une philosophie et un ensemble de règles complètement différents et, par conséquent, peuvent devenir un problème s'ils ne sont pas traités de manière appropriée. Néanmoins, la création d'éléments pouvant être utilisés sur plusieurs plates-formes est l'un des piliers du succès de tout projet. Dans ces circonstances particulières, il n'aurait pas été possible de couvrir autant de plates-formes/appareils sans une conception unifiée qui définit clairement l'orientation de la marque. développement.

L'inconvénient d'un délai serré et de la conception pour plusieurs plates-formes est que vous n'utilisez peut-être pas le plein potentiel de chacune des plates-formes pour lesquelles vous concevez. Dans de tels cas, en raison de la contrainte de temps, une solution simple "à l'épreuve des balles" qui est familière à la base d'utilisateurs pourrait être une idée valable.

Par exemple : réappliquez une idée sur plusieurs pages et modifiez-la pour chaque appareil. Les modèles sont similaires dans leur essence, ce qui est en votre faveur. Il peut s'agir de la manière dont vous affichez des informations essentielles ou invitez les utilisateurs à acheter un produit. Dans ce cas, même une barre de recherche pourrait être similaire sinon identique.

Organigramme

La conception du site Web est terminée et vous avez une vision plus claire de l'UX pour les applications.

L'une des façons de rendre le processus de création UX plus simple et plus clair consiste à créer un organigramme utilisateur.

Il existe plusieurs méthodes et outils que vous pouvez utiliser pour créer des organigrammes. La pratique habituelle consiste à créer des diagrammes graphiques avec des titres courts et, si nécessaire, un texte explicatif. Utiliser Sketch ou Illustrator pour cela est ma préférence, mais tout outil qui vous permet de créer et de déplacer des éléments convient à cette tâche.

Will Little en a donné une excellente interprétation :

C'est là que les ingénieurs et les créatifs doivent travailler en étroite collaboration pour décider quel type d'outils logiciels peut le mieux prendre en charge les interfaces prévues et le comportement de clic/glissement, jusqu'au dernier onglet, info-bulle, lightbox, icône, etc. .

Faites-le haut en le faisant bas

Découvrir l'objectif principal de l'application aidera à définir l'UX. Il peut s'agir d'aider un utilisateur à acheter un produit, ou peut-être de l'aider à utiliser un produit - l'expérience utilisateur doit s'adapter à cela. Les images filaires basse fidélité créées sur papier, puis améliorées dans Sketch ou Photoshop peuvent considérablement faciliter le processus.

Dans ce cas, les wireframes basse fidélité suffisaient car l'application est simple et n'a besoin que de suivre les détails visuels du site Web.

Si vous le pouvez, organisez un petit test pour votre UX. Vous aurez besoin d'un groupe test de futurs utilisateurs afin de voir si les wireframes et le flux UX ont du sens. Après le test, vous serez armé d'informations précieuses et vous pourrez passer à l'étape suivante (création d'une interface utilisateur).

Conception unifiée

Après avoir apporté quelques modifications à l'UX, vous avez tout ce dont vous avez besoin pour créer une interface utilisateur logique et bien définie, vous permettant de l'adapter aux exigences visuelles des plates-formes iOS et Android. Étant donné qu'iOS a des directives de conception très spécifiques qui peuvent vous empêcher d'accéder à l'App Store d'Apple, vous devez connaître ces règles et vérifier attentivement la mise en œuvre de votre conception pendant la phase de développement.

Vous pouvez créer une conception unifiée pour les plates-formes iOS et Android tout en utilisant leurs plus grands atouts en suivant les directives et les règles lors de la conception de l'interface utilisateur.

Jours 25 à 30 : créer des annonces en synchronisation avec la marque

À ce stade, vous devriez avoir conçu un logotype, des éléments de marque, un site Web et des applications mobiles. Bien que vous ayez tout conçu en moins de 25 jours, il est trop tôt pour se réjouir car il reste encore une étape à considérer : la création de publicités pour les réseaux sociaux et l'impression. C'est là que le concept que vous avez créé au début vous sera d'une grande aide.

Suivre ces conseils lors de la conception de publicités et de supports de médias sociaux améliorera considérablement la qualité, les niveaux d'engagement et la créativité globale de vos visuels :

• Utilisez des couleurs vives et lumineuses qui se démarquent.
• Montrer des personnes heureuses et actives contribue à la dynamique et aux sentiments suscités par vos graphiques.
• Le mouvement, l'activité et l'excitation des gens attirent toujours l'attention et contribuent aux sentiments transmis dans l'ensemble.

Toutes ces règles vous aideront à créer des graphismes exceptionnels pour les publicités. Le cas échéant, utilisez la palette de couleurs, la typographie et les autres éléments visuels que vous avez utilisés sur votre site Web, votre image de marque et vos applications. Cela vous aidera à être cohérent dans vos conceptions et jouera en votre faveur lorsque vous travaillez sous des contraintes de temps.

Ne vous engagez jamais sur une échéance que vous ne pouvez pas respecter

À l'occasion, n'importe qui peut sous-estimer la quantité d'efforts et de travail qu'un projet peut prendre - c'est pourquoi la planification de chaque étape est cruciale au début d'un projet. Des objectifs et des buts réalistes divisés en petites parties sont essentiels pour fournir un travail solide à temps.

Benjamin Franklin l'a bien dit : "En ne vous préparant pas, vous vous préparez à échouer."

En tout temps, ne manquez jamais de vous préparer et ne manquez jamais d'anticiper la possibilité que vous ayez sous-estimé le travail en termes de temps nécessaire pour le livrer. Bien que les clients puissent avoir des délais, vous devriez avoir les compétences qui vous aideront à déterminer si un projet est réalisable ou même mérite d'être envisagé en premier lieu. Cependant, ne laissez pas cela vous servir d'excuse pour ne pas relever un défi personnel qui, en fin de compte, pourrait contribuer à faire de vous un concepteur et un gestionnaire plus habile de votre temps.

• • •

Pour en savoir plus sur le blog Toptal Design :

• Meilleures pratiques de conception d'interface utilisateur et erreurs courantes
• États vides - L'aspect le plus négligé de l'UX
• La simplicité est la clé - Explorer la conception Web minimale
• Principes heuristiques pour les interfaces mobiles
• Concevoir pour la lisibilité - Un guide de la typographie Web