Vendredi dernier à 23 heures, je modifiais encore ce fichu bouton.
Pas un bouton ordinaire, mais ce bouton principal qui avait fait aller et venir le patron à travers cinq versions. La première version était trop sobre, la deuxième trop chargée, la troisième pas assez haut de gamme, la quatrième trop sombre. À la cinquième version, il a encore dit : « Il manque quelque chose, creuse encore un peu. »
Je fixais les blocs de couleur à l'écran, et intérieurement, je fulminais. Pour être honnête, dans ces années de design, ce que je redoute le plus, ce n'est pas que le client n'ait pas d'exigences, c'est qu'il en ait mais qu'il ne sache pas les expliquer. Ce « il manque quelque chose » dans sa bouche, traduit, signifie « Je ne sais pas ce que je veux, mais tu dois me le sortir ».
Puis je me suis souvenu d'un petit outil que j'avais mis de côté il y a deux jours, appelé générateur de dégradés CSS. Au départ, je voulais voir si je pouvais obtenir un dégradé de ciel naturel, mais j'ai découvert que cet outil était plus performant que je ne l'imaginais.
J'ai ouvert l'outil : à gauche, les repères de couleur, à droite, l'aperçu, et au milieu, un curseur déplaçable. J'ai tiré quelques couleurs au hasard, bleu, violet, rose, le dégradé des nuages du soir. Puis j'ai essayé un dégradé en noir, blanc, gris, et j'ai ajouté une variation d'opacité. En faisant des allers-retours pendant environ dix minutes, une idée m'est soudain venue : pourquoi ne pas combiner le dégradé avec une animation ?
Je me suis empressé de créer un dégradé allant du bleu foncé au violet clair puis à l'orange rosé, et j'ai ajouté une inclinaison d'environ 120 degrés. L'effet dans la fenêtre d'aperçu, comment dire, c'était ce sentiment de « ça a l'air cher ». J'ai fait une capture d'écran et je l'ai envoyée au patron avec le message : « Et si on essayait cette direction ? »
Environ cinq minutes plus tard, le patron a répondu par un message vocal : « Hé, ça marche, ça a du style, tu peux éclaircir un peu ? »
J'ai failli sauter de ma chaise. J'ai ensuite ajusté la luminosité et la saturation des repères de couleur, pris deux minutes de plus, et je lui ai envoyé une version optimisée. Cette fois, il a directement répondu « OK ».
Devine quoi ? Cette maquette qui m'avait pris toute une semaine, finalement, avec cet outil, je l'ai réglée en dix minutes. Et ce n'était pas pour bâcler, c'était vraiment beau.
En y repensant, pourquoi c'était si laborieux avant ? Parce que j'utilisais toujours la méthode traditionnelle pour ajuster les couleurs : ouvrir Photoshop, tirer le dégradé manuellement, essayer encore et encore, à chaque modification de paramètre, il fallait refaire une capture, exporter, envoyer sur WeChat, avec des coûts de communication énormes. Cet outil, lui, est en temps réel : je déplace le curseur, l'effet apparaît immédiatement à l'écran, ce que je vois est ce que j'obtiens. Et son système de repères de couleur est très intuitif : on ajoute autant de couleurs qu'on veut, on ajuste les positions, et on peut même copier directement le code CSS pour l'utiliser dans le code.
Plus important encore, cela m'a sorti de la pensée figée de « l'ajustement des couleurs » pour commencer à réfléchir aux émotions visuelles que le dégradé lui-même peut apporter. Avant, je pensais que le dégradé n'était qu'un décor d'arrière-plan, maintenant je découvre qu'il peut être l'âme de tout le design. Cette transition du foncé au clair, du froid au chaud, porte en elle une narration qui donne vie au design plat.
Maintenant, mon flux de travail a changé. Que ce soit pour un fond de page web, un état de bouton, une ombre de carte, ou pour ajouter une hiérarchie visuelle à un graphique, mon premier réflexe est d'ouvrir cet outil, de tirer quelques repères de couleur pour voir l'effet, puis de décider si je l'utilise. L'efficacité a augmenté de façon significative, et surtout, je n'ai plus peur que le patron dise « il manque quelque chose » – parce que je peux rapidement essayer de nombreuses « choses ».
Donc, parfois, ce n'est pas que nos compétences sont insuffisantes, c'est que nous n'avons pas choisi le bon outil. Ces tâches qui te font faire des heures sup jusqu'à l'épuisement, peut-être qu'en changeant d'approche, en changeant d'outil, tu les règles en dix minutes. Bien sûr, à condition d'être prêt à passer dix minutes à essayer quelque chose de nouveau, plutôt que de t'accrocher à de vieilles habitudes.
Bon, je ne m'étends pas, je dois aller transformer ce dégradé en document de spécifications. La prochaine fois qu'un besoin similaire se présentera, je copierai directement, sans même ajuster.