Petit conseil ne laissez pas vos conceptions «évoluer»

Le travail d'un concepteur de sites Web n'est jamais terminé. Même lorsque le site Web est lancé, le travail de test, d'analyse et de répétition ne fait que commencer. Mais itérer ne signifie pas laisser un design évoluer. Si vos conceptions évoluent, vous faites quelque chose de mal. Voici pourquoi.

L'évolution est un processus linéaire

Quand quelque chose évolue (et nous parlons généralement d'organismes vivants), elle change progressivement. Le stade A change et devient le stade B, le stade B en C, C à D et ainsi de suite. Cela conduit à des imperfections car à aucun moment l'évolution ne fait un pas en arrière.

Un conte de girafe *

* Ours avec moi, ceci est une bonne analogie je promets.

Si vous avez déjà lu quelque chose de Richard Dawkins, vous avez peut-être rencontré l'un de ses exemples préférés d'évolution au travail; la girafe. 

Nous commençons par la généalogie. La lignée génétique de tous les mammifères remonte à un poisson quelconque, et notre anatomie de mammifère (croyez-le ou non) reflète encore celle de notre ancêtre poisson. Au fur et à mesure que les mammifères ont évolué, les pièces ont changé, le squelette a changé, les nageoires sont devenues des membres, les organes ont bougé et nous sommes maintenant assez éloignés de tout ce qui vit en mer..

Le nerf laryngé récurrent

C'est là que ça devient intéressant. Le nerf laryngé récurrent fait partie de la nerf vague qui se déplace du cerveau au larynx, envoyant des signaux sur la façon dont nous parlons (ou aboient, ou autre chose). Il était présent chez notre ancêtre poisson, tout comme chez les poissons et les mammifères aujourd'hui. Son trajet du cerveau au larynx devrait être assez direct dans tous les cas, et il en est de même pour le poisson, mais il passe également par l’une des principales artères du cœur..

Encore une fois, cela va bien dans le cas du poisson, mais à mesure que l’évolution a pris corps et que des mammifères se sont développés à partir de cette créature, le cœur a migré dans ce qui est devenu une cavité thoracique prenant le nerf laryngé (enroulé autour de l’artère) avec lui. Chez les êtres humains, ce nerf traverse maintenant le cerveau, le cou, la poitrine et l’arche aortique avant de revenir en haut le cou au larynx.

Il en va de même pour tous les mammifères. l'exemple est démontré de façon encore plus spectaculaire si l'on considère l'absurde détour que ce nerf doit prendre dans le corps d'une girafe!

Cet arrangement est le résultat d'un processus linéaire imparfait.

Où étions nous? Ah oui, Web Design

Un processus évolutif dans le contexte de la conception Web / produit conduit invariablement à une imperfection. En tant que concepteurs, nous devrions nous permettre de commettre des erreurs, mais revenons ensuite à l'endroit où nous étions confiants dans nos décisions et prenons une autre voie d'enquête, même plusieurs voies..

Julie Zhuo l'a très bien illustrée récemment dans son article sur les processus de conception. Ici, elle compare le processus d'un designer junior à celui d'un designer senior..

Le processus d'un designer junior - tiré du concepteur junior vs du designer seniorLe processus d'un designer senior - tiré de Junior Designers vs. Senior Designers

Qu'il s'agisse ou non d'une analyse juste du mode de travail des concepteurs débutants (ou même de l'existence d'une telle ligne d'arrivée), la logique qui sous-tend les processus reste la même.

Un exemple rapide

Un exemple pourrait rendre cela plus clair. Imaginez que vous deviez modifier une structure de page Web en raison de changements imprévus. Supposons que vous deviez utiliser des annonces de taille différente (plus petites) dans l'encadré. Les nouvelles dimensions peuvent ne pas correspondre parfaitement à la grille que vous utilisez pour le reste de la page, vous devez donc modifier manuellement la largeur de la barre latérale..

Mais maintenant, la relation entre la barre latérale et la zone de la page principale ne semble pas très correcte. Donc, vous modifiez la largeur de cela aussi. Avec cela, la grille semble meilleure, mais la longueur de la ligne (la mesure) du contenu principal est soudainement trop longue. Solution? Augmenter la taille de la police dans le corps du texte!

Maintenant que vous avez corrigé votre mesure, vous avez ignoré l’échelle modulaire de votre typographie et tous les autres textes semblent disjoints en comparaison. Soyez assuré que le fait de réduire ces tailles de police révélera également de nouveaux problèmes..

Ça va mal

Vous n'avez peut-être pas remarqué, vous pouvez penser que vous êtes juste peaufiner la conception, mais c'est en fait en évolution et présentant inévitablement de plus en plus de problèmes. 

Conclusion

Dans notre exemple, nous aurions dû revenir au début, en prenant en compte tous les éléments de conception.

Nous appelons ce processus cyclique dans la conception itération; retour à la planche à dessin, recherche, wireframing, prototyping et construction. Itérer est logique et permet aux concepteurs d’améliorer progressivement un produit. Mais n'ayez pas peur de faire un pas en arrière et de partir sur un autre chemin, sinon votre travail pourrait évoluer dans la mauvaise direction..