Il semble à beaucoup que le designer est un artiste capricieux qui inspire éternellement un regard languissant au loin et livre parfois des discours sincères au client sur la violation de toute son idée, car «c'est ce vert qui symbolise l'harmonie, et deux tons plus foncés, comme le suggère le client, déjà respect de l'environnement. " Mais non, c'est un stéréotype.
Le design est avant tout une solution à un problème spécifique. Par exemple, le client est confronté à la tâche d'augmenter la conversion du site, ce qui signifie que le concepteur fera tout pour rendre le client heureux. Si le client a besoin d'un site mémorable qui suscite la confiance de l'utilisateur, le concepteur résoudra ce problème différemment du précédent.
Dans cet article, nous parlerons des étapes de la préparation de la conception et des principes généraux de travail avec la composante visuelle du site.
Le design n'est pas une vague de pinceau et pas un vol de créativité, c'est avant tout de l'analytique.
Comme tout projet, le travail commence par la définition de la tâche principale du produit de conception. De quoi le client a-t-il besoin sur le site? Augmentez vos ventes? Plus de confiance en la marque? Reconnaissance?
Lorsque le client a décidé de la tâche principale et que le concepteur comprend à peu près l'essence du travail, la deuxième étape commence - travailler avec le public cible (autre CA). Le plus souvent, le public cible a été déterminé au stade de l'analyse et de la conception, mais il est également important pour le concepteur de dessiner un portrait d'un utilisateur typique, et plus le portrait est précis, meilleur sera le produit final.
Regardons un exemple de collaboration avec l'Asie centrale. Imaginez qu'un client vend des vêtements pour enfants sur Internet. Nous connaissons son produit, ses forces et ses faiblesses, et nous arrivons à la conclusion que le représentant typique de l'Asie centrale pour ce produit est une femme mariée, Irina, elle a environ 30 ans, son revenu est légèrement supérieur à la moyenne, elle a un enseignement supérieur. Très probablement, avant la naissance du bébé, la jeune mère avait une carrière. Irina est en congé de maternité et a un enfant. Qu'est-ce qui est important pour elle? Nous pensons que la santé d'un enfant et le bien-être de sa famille signifient que le produit sera intéressé par la qualité du matériel et le niveau de service. Qu'est-ce qui est intéressant pour Irina? Irina lit les blogs d'autres mères jour et nuit, peut-être qu'elle-même partage son expérience sur Internet. Elle s'intéresse à son enfant - comment il se développe, comment il voit le monde. La dernière question est que pouvons-nous donner à Irina que d'autres ne peuvent pas?
Nous approchons donc de manière transparente l'analyse concurrentielle. Le designer observera certainement les sites des concurrents - ce qui est mauvais pour eux, et surtout - ce qui est bon pour eux et comment il peut l'améliorer à la maison. Pourquoi Irina choisira notre site, et non le site d'un concurrent? L'analyse des concurrents est approfondie et détaillée - du concept créatif de la marque à la couleur et l'agencement des boutons et icônes à l'écran.
Lorsque le concepteur se prescrit tout ce que le produit peut conquérir Irina et retirer des autres sites, la prochaine étape commence - la compilation d'un mudboard. Ce mot complexe signifie seulement que le concepteur lance le concept du site, défini avec des couleurs, des polices et la manière dont l'information est présentée. Sera-ce un site dynamique avec des couleurs riches et des illustrations accrocheuses? C'est peu probable, car nous nous souvenons qu'Irina apprécie la qualité du produit, et elle peut avoir peur de l'abondance de fleurs et d'inscriptions flashy, comme une tentative de faire des folies et de «sucer» un produit de mauvaise qualité. Nous nous souvenons qu'Irina est pressée et n'est pas pressée, Irina est également intelligente et sait analyser, elle lira attentivement et recherchera une capture. Probablement, notre designer imaginaire dans cette situation choisira des couleurs pastel, peut-être des motifs aquarelles, comme dans les livres pour enfants, la police sera neutre, ce qui permettra à Irina de recevoir facilement des informations. Les illustrations seront lumineuses et calmes, probablement pleines de tendresse et d'affection. Nous vous rappelons que tout cela n'est qu'une situation imaginaire pour vous expliquer l'essence de l'œuvre. Malheureusement, il n'y a pas de solutions sans équivoque dans la conception, et nous ne pouvons pas vous donner un principe strict de travailler avec l'un ou l'autre public cible.
En même temps, le designer est inspiré. En véritable artiste, le designer observe le travail de ses collègues sur des sites spéciaux et prend des décisions intéressantes. C'est - vole des idées. Il peut s'agir de sites ayant des sujets similaires, ils peuvent avoir un objectif complètement différent, mais toute solution intéressante et inhabituelle peut donner un point culminant au site et deviendra le facteur même pour lequel Irina n'ira pas chez le concurrent et achètera notre produit. Mais si vous lisez jusqu'à présent, vous vous êtes frotté les mains et avez décidé de copier le site que vous aimez et de vivre heureux pour toujours, nous nous empressons de vous bouleverser - très probablement, cela ne fonctionnera pas. Sur un autre site, l'utilisateur principal n'est pas Irina, mais Svetlana, et voici une histoire complètement différente. Non, le designer note simplement les détails et les intègre soigneusement dans son projet.
En outre, le concepteur procède à diriger le travail dans des programmes spéciaux. En fait, le travail comprend un dessin complet de chaque page unique du site. Bien sûr, la plupart du temps va à la page principale, car c'est la première chose que l'utilisateur voit et c'est ici que son attitude envers le produit se forme. Cela deviendra le concept de design de l'ensemble du site.
Tout bloc, tout détail de conception doit avoir un sens. Un designer est un tel fou qui se demande constamment: pourquoi est-ce que je fais ça? Pourquoi est-ce que j'assombris le bouton? Pourquoi est-ce que j'utilise cette photo et pas une autre? Pourquoi dans le pied de page dois-je mettre l'icône VK en premier, puis le FB, puis seulement OK, et pas dans un ordre différent? Et si la réponse n'apparaît pas, il est préférable d'abandonner immédiatement la décision, car néanmoins le design n'est pas une image, car il existe des critères d'évaluation clairs.
Avez-vous entendu le mot KPI? Donc, cela ne s'applique à aucune œuvre d'art - par exemple, il est stupide de dire que le chef-d'œuvre de Michel-Ange a augmenté la fréquentation de la chapelle Sixtine et est un outil efficace pour attirer de nouvelles personnes. Mais pour la conception, le plus souvent, il existe des KPI très spécifiques, et donc le travail peut et doit être évalué.
Il existe une abondante littérature sur la conception Web avec des règles et des principes sans fin. En fait, tout dépend du site et de la tâche spécifiques, mais il existe plusieurs règles générales:
1. Le principe du contraste
Cela s'applique à tous les éléments du site. Plus le contraste est faible, plus l'information est difficile à percevoir et à séparer. En raison du contraste, vous pouvez mettre en évidence certains détails et en noyer d'autres, créer une hiérarchie de pages Web et concentrer l'utilisateur sur les éléments les plus importants.
2. Le principe d'accentuation
Cet élément est étroitement lié au précédent. Un placement correct des accents est une garantie de l'efficacité du site. L'essentiel ici n'est pas de se laisser emporter, mais de bien comprendre sur quoi mettre l'accent, car si on singularise tout, l'idée sera perdue.
3. Le principe d'uniformité et de répétition des éléments
Ce principe semble évident, mais nécessite une mention distincte. Éléments répétitifs et gamme de couleurs, méthode d'alignement, taille de police, espacement des lignes, indentation et angle de courbure d'angle - tout cela crée la même uniformité qui facilite la tâche de l'utilisateur avec le site et rend confus si ce principe est violé. Par exemple, vous lisez un article sur un site d'information et vous savez que la flèche de retour au bas de la page vous renverra à la page principale. Imaginez maintenant que vous ne lisez pas un article, mais que vous regardez tous les articles d'une section, que vous souhaitez revenir à la page principale, mais que vous ne trouvez pas la flèche de retour. Ou vous trouvez, mais pas ailleurs. Il ne fait que dérouter, irriter et peut même vous inciter à partir pour un site concurrent plus pratique.
4. Alignement sur des grilles modulaires
Cet élément semble effrayant, mais en fait, c'est juste le principe d'aligner et de diviser la page en blocs. Une grille modulaire est un outil qui permet d'aligner les blocs les uns avec les autres et de les disposer de manière uniforme et propre. Voici un exemple typique d'utilisation d'une pile modulaire pour aligner des éléments:
5. Le principe de facilité de perception de l'information
Ce paragraphe résume, pour ainsi dire, tout ce dont nous avons discuté précédemment. L'homme est une créature conservatrice et traite toutes les innovations avec prudence et attitude négative à l'avance, surtout lorsque les changements ne sont pas inclus dans ses plans. Il existe les moyens habituels d'obtenir des informations - par exemple, le plus souvent, les utilisateurs liront la page de gauche à droite de haut en bas. Ne faites pas perdre l'utilisateur dans le flux d'informations et n'effectuez pas d'actions inutiles.
De plus, une personne est une créature paresseuse et trop d'informations textuelles peuvent dérouter n'importe quel utilisateur. Comparez deux façons de soumettre le même texte:
Cet exemple montre clairement comment la disposition du texte affecte la perception. Pour une raison quelconque, il est plus facile pour nous de lire le texte dans le deuxième cas, bien que le texte et son volume soient les mêmes ici et là.
Bien sûr, sur les sites qui prennent des bonus Internet et battent tous les records de KPI, vous pouvez voir une violation de presque tous ces principes, mais c'est là que réside le progrès. Le concepteur surveille constamment les nouvelles tendances du numérique et expérimente différentes solutions.
Un concepteur ne travaille pas seul, mais en étroite collaboration avec des équipes de concepteurs, de concepteurs de mise en page et de programmeurs, car tout spécialiste peut proposer une bonne idée, et nous nous souvenons que chaque petite chose peut devenir cruciale pour le succès de votre futur site Web.