Article original : How is Visual and UX Design Important as a Developer and What Can You Do to Level Up?

Le design est une partie du processus de produit qui est souvent négligée. Cela peut avoir un coût que vos clients ou d'autres développeurs doivent payer. Pourquoi le design est-il important pour ceux d'entre nous qui ne se contentent pas de déplacer des pixels dans Photoshop ou Figma et que pouvons-nous faire pour progresser ?

Le design en tant que développeur

Le design est un terme qui peut décrire de nombreuses parties du processus. Le plus souvent, il est probablement associé aux designers visuels ou UX qui travaillent activement à rendre votre produit utilisable ou beau.

Une question que l'on me pose souvent ou que je vois en ligne est : par où commencer pour apprendre les bases du design ?

Cette question me rend heureux. C'est une partie importante du processus qui est constamment une pensée secondaire. Et lorsque j'ai posé cette question sur Twitter, j'ai reçu des réponses réfléchies !

Nous vivons à une époque où une bonne UX est de plus en plus considérée comme importante, mais elle est encore loin d'être en tête de liste pour ceux qui apprennent le développement. C'est toujours une réflexion après coup qui est confiée à l'équipe de design lorsque vous êtes à la deuxième moitié de votre dernier sprint avant le lancement.

Alors, avant de partager avec vous quelques ressources, je vais commencer par expliquer pourquoi ces choses sont importantes.

Donner quelque chose d'utilisable à vos visiteurs

En commençant par le début – vous pouvez avoir le meilleur produit, le plus ingénieux qui surpasse toute la concurrence, mais si personne ne sait comment l'utiliser, il n'a réalistement aucune valeur.

Image L'application fictive de Pied Piper a échoué à cause d'une mauvaise expérience utilisateur

Nos amis fictifs de Pied Piper l'ont appris à leurs dépens lorsque leur lancement de produit avec un algorithme de compression révolutionnaire ne s'est pas bien passé parce que personne ne savait comment l'utiliser.

Mais c'est un scénario réaliste. Nous avons appris de Craigslist que votre site web ou votre application n'a pas besoin d'avoir un design élégant, mais il doit être utilisable.

Image Craigslist en 2001 vs 2020

Depuis près de 20 ans, Craigslist n'a vraiment pas beaucoup changé. Quelques ajustements pour rendre les choses un peu plus propres, mais globalement c'est la même disposition de base et la même expérience.

Malheureusement, le budget est une préoccupation, et parfois vous ne pouvez l'étirer que jusqu'à un certain point, ce qui n'inclut pas toujours un designer. Mais essayez au moins d'obtenir une perspective extérieure – cela peut même être un membre de la famille ou un ami ! Vous seriez surpris de la quantité d'informations que vous pouvez recueillir en essayant de faire tester votre application à votre famille pendant les vacances.

L'objectif est finalement de mettre votre produit devant quelqu'un qui n'a pas été plongé dedans pendant la dernière année pour obtenir un regard neuf et une nouvelle perspective.

Devenir plus productif

En mettant mon chapeau de processus – un autre aspect négligé de la priorisation du temps de design est la quantité de temps global que vous pouvez éventuellement économiser.

Les designers n'ont pas toujours raison du premier coup, sans parler de laisser les développeurs créer le design. Cela n'inclut même pas la possibilité que votre client ou le propriétaire du produit n'aime pas la direction que vous avez prise.

Pourquoi passer quelques sprints à construire une solution pour tout recommencer depuis le début lorsque vous devez tout jeter ? Non seulement vous avez perdu le temps de votre client, mais vous avez aussi perdu le temps de toute votre équipe.

Obtenez des retours sur le design tôt. Travaillez avec les ressources de design que vous avez pour itérer et intégrer les retours au fur et à mesure. Il est important de résoudre les problèmes d'UI avant de développer les solutions.

Image Croquis de design de Unsplash.com

Et cela peut généralement aider votre équipe à développer des idées. Voir visuellement une idée, même sous forme de croquis grossier sur une feuille de papier ou de prototype jetable, peut complètement changer la façon dont vous regardez la solution.

Tous ces retours précoces et ces remue-méninges vous aideront à atteindre l'objectif final d'un meilleur produit et d'une meilleure expérience utilisateur.

Les développeurs sont des utilisateurs

La plupart des personnes lisant cet article ont probablement écrit du code sous une forme ou une autre. Mais avez-vous déjà pensé à l'impact de votre code sur d'autres développeurs ?

Il y a de nombreuses couches à la façon dont votre code peut offrir une meilleure expérience à un autre développeur. La base étant – la documentation que vous avez créée est-elle lisible et facile à comprendre ?

Image _Documentation de l'API de Stripe_

Bien qu'il soit certainement important pour vos collègues, ils devraient généralement pouvoir vous envoyer un message sur Slack ou vous appeler lorsqu'ils rencontrent des problèmes. Mais qu'en est-il de ces développeurs qui n'ont que votre documentation ?

Une belle documentation n'est pas celle qui a un beau design, mais celle qui explique en détail le code que vous avez créé afin que les autres puissent comprendre ce qu'il fait et comment ils peuvent l'utiliser. Tout comme un visiteur de votre application doit savoir comment utiliser l'UI, un développeur travaillant avec vos services doit savoir comment utiliser l'API.

Un peu de plaisir supplémentaire

Mais bien sûr, tout le monde veut quelque chose de beau à regarder. Non seulement les éléments de design peuvent rendre les gens heureux et sourire, mais ils peuvent aussi aider à éviter le stress et la tension.

Image Josh W. Comeau inclut des graphiques mignons et heureux tout au long de son site

Avoir une page qui est laide ou trop chargée de données peut être déstabilisant. Non seulement cela peut nuire à l'utilisabilité, mais l'encombrement et les choix de couleurs peuvent rendre les gens mal à l'aise, stressés et anxieux.

Bien que votre équipe n'ait peut-être pas les ressources pour des designers à temps plein, prendre un peu de temps pour apprendre les bases du design peut vous aider à vous lancer dans votre parcours pour devenir un développeur polyvalent.

Ressources pour apprendre les bases du design

Que cela vous plaise ou non – nous sommes tous des "designers" d'une certaine manière. Nous construisons tous des outils et des systèmes qui seront finalement utilisés par un autre être humain. Nous devrions faire ce que nous pouvons pour rendre nos créations plus conviviales pour tous ceux qui les utiliseront.

Puisque vous êtes maintenant inévitablement inspiré à passer du temps et à apprendre le design, il existe heureusement de nombreuses ressources disponibles pour vous aider à commencer.

Vidéos

Livres

Cours par Email

Divers

Quel est votre avis sur le design en tant que développeur ?

L'une de ces ressources a-t-elle particulièrement bien fonctionné pour vous ? Manque-t-il quelque chose qui a fait cliquer le design pour vous ? Veuillez partager avec moi sur Twitter !

Rejoignez la conversation !