Codage pour les concepteurs - Que devrions-nous savoir ?

Publié: 2022-03-11

Prenez quelque chose dans lequel vous excellez, puis poussez-vous plus loin.

Une grande partie de la communauté du design est enfermée dans un débat sur la question de savoir si les concepteurs doivent coder. Certains préfèrent rechercher les licornes qui peuvent faire les deux, tandis que d'autres prétendent qu'elles n'existent pas ou qu'elles ne font que gêner.

De nombreux designers pensent que les designers et les développeurs doivent collaborer, mais chaque discipline doit s'en tenir à ce qu'elle sait. D'autres ne voient aucun problème à ce que les professionnels portent plusieurs casquettes. De nombreux développeurs voient les concepteurs qui codent comme une menace, tandis que d'autres les voient comme des collaborateurs bienvenus qui ont appris à parler leur langue.

Le point idéal, appelé « compréhension partagée », se situe probablement quelque part au milieu. Connaître un peu le code ne signifie pas qu'un concepteur doit devenir un codeur expert , mais simplement comprendre le point de vue d'un développeur.

L'interface utilisateur, ou la « couche de présentation », est le terrain de jeu d'un concepteur, mais se concentrer uniquement sur cela revient à ne considérer que la façade d'un bâtiment. Les grands designers comprennent qu'être familier avec les fondements technologiques de leurs conceptions rend non seulement un designer plus impressionnant, mais améliore considérablement leurs perspectives de carrière.

Comme Aaron Walter, vice-président de l'éducation au design chez InVision, l'a déclaré dans un article de Toptal Design Talks : « Cela ne va pas tuer un designer s'il sait un peu comment écrire du HTML et du CSS, peut-être un peu de JavaScript.

Les designers qui codent sont de meilleurs collaborateurs.
Des designers qui codent, ne serait-ce qu'un peu, et peuvent devenir un atout majeur pour toute équipe multidisciplinaire.

L'ensemble du sujet "les concepteurs devraient-ils apprendre à coder" est-il vivement débattu. Bien que certains grands designers soient également doués pour le codage, beaucoup pensent que se concentrer sans partage sur une compétence particulière rendra un professionnel plus fort. Beaucoup pensent également qu'aujourd'hui, être un designer polyvalent est un gros plus, et que rien ne devrait empêcher un designer d'avoir une autre compétence utile, comme le codage, à son actif.

La question est de savoir quelle quantité de codage les concepteurs doivent-ils connaître ? Les concepteurs perdraient-ils leur temps ou franchiraient-ils les limites du territoire du développeur et pourraient-ils marcher sur les pieds ?

Les avantages de connaître HTML et CSS de base

Les concepteurs bénéficieraient grandement de l'acquisition de connaissances de base sur ce qu'on appelle le "front end" (la couche de présentation) piloté par HTML (Hyper Text Markup Language) et CSS (Cascading Style Sheets, un langage qui décrit les styles de composants dans un document HTML) , et je serais peut-être surpris de voir à quel point il est facile d'apprendre les bases.

HTML et CSS n'impliquent pas de logique de programmation. La lettre M en HTML signifie "Markup", une façon de décrire la structure codée des éléments de page qui sont les blocs de construction des pages. HTML avec CSS et JavaScript forment une triade de technologies fondamentales pour le World Wide Web.

Les concepteurs pourraient fusionner leurs connaissances en programmation et en conception.

En termes simples, HTML est une carte architecturale qui indique au navigateur ce qu'il faut afficher, et CSS, ou feuilles de style en cascade, est le code qui indique au navigateur comment afficher les choses.

Métaphoriquement parlant, si HTML est le squelette d'une page, CSS décrirait la hauteur, la forme du corps, la peau, la couleur des yeux, la couleur des cheveux, etc. Le langage a une structure de code très simple qui détermine la typographie, les couleurs, les positions et les dimensions .

Comprendre le code et comment coder, c'est comprendre les pixels

Apprendre à coder l'interface utilisateur frontale et à la prévisualiser donne aux concepteurs la possibilité de voir immédiatement comment les choses s'affichent lorsqu'elles sont visualisées sur différents appareils. Si les concepteurs jouent avec HTML et CSS, ils remarqueront que tout est mesuré en pixels (il existe d'autres unités de mesure telles que "ems" et des pourcentages qui seront finalement convertis en pixels).

Comprendre les mesures et la structure du code, c'est-à-dire comment les pages sont affichées, fournira une compréhension plus approfondie du processus de développement frontal. Cela amènera les concepteurs à réfléchir plus profondément à leurs conceptions et à la manière de les rendre plus efficaces pour ce processus. Ils sauront ce qui peut être facilement réalisé et ce qui serait plus difficile.

Le codage pour les concepteurs est un atout majeur.

JavaScript frontal et le savoir-faire Ajax font d'un concepteur un atout unique

C'est là que les choses peuvent commencer à se compliquer, mais c'est aussi là que l'on s'amuse beaucoup. Si un concepteur est un penseur analytique ou exceptionnellement motivé, il tirera beaucoup de l'apprentissage de JavaScript et d'Ajax (JavaScript asynchrone et XML). Pourquoi?

Démontrer des connaissances techniques sur l'interface utilisateur frontale et maîtriser Ajax contribuera grandement à gagner le respect des développeurs. Être capable de référencer JavaScript et Ajax et comment les utiliser augmentera la capacité d'un concepteur à articuler une idée de conception particulièrement sophistiquée aux développeurs, par exemple, la conception d'une fonctionnalité spécifique dans l'interface utilisateur.

La perspective d'un designer s'élargira s'il est à l'aise de savoir exactement jusqu'où la technologie peut l'emmener et jusqu'où il peut la pousser pour innover. Il n'est pas nécessaire d'approfondir le codage et les diverses technologies - si un concepteur connaît les bases de HTML, CSS et JavaScript, avec une pincée d'Ajax, il aura déjà des kilomètres d'avance sur la concurrence. Ils seront un atout unique pour toute entreprise et l'équipe produit.

À propos de la programmation et de la conception
Aaron Walter, vice-président de Design Education chez InVision, explique comment les concepteurs et les développeurs peuvent mieux collaborer dans un article Toptal Design Talks.

Les concepteurs peuvent passer au niveau supérieur avec les bases de JavaScript

Bien que les concepteurs puissent s'arrêter ici et faire implémenter le back-end (la couche d'accès aux données) par les développeurs, ils peuvent rendre une conception plus dynamique en ajoutant des scripts. Entrez JavaScript (un langage de script), qui est un langage de programmation pour le Web.

Au début des années 2000, alors que le Web évoluait encore, des agences telles que Fantasy et Firstborn ont fait forte impression sur la communauté des concepteurs Web en tirant parti de JavaScript de manière inhabituelle, innovante et créative.

JavaScript peut mettre à jour et modifier HTML et CSS, et peut calculer, manipuler et valider des données. Il peut être utilisé pour afficher des interactions dynamiques, animer des éléments, créer une communication réactive avec le back-end ou le serveur, etc.

Il n'y a pas de limite à ce qui peut être accompli avec JavaScript dans le développement frontal. C'est un langage de programmation : fonctions, objets, logique, conditions, mathématiques, mathématiques et plus encore, ce qui peut être un peu difficile pour certains. Mais ce n'est pas si difficile à apprendre, surtout compte tenu des besoins de la majorité des clients.

Pourquoi JavaScript est-il important pour les concepteurs ?
Des chronologies animées comme celles-ci peuvent être créées uniquement avec JavaScript. (histographie.io)

Apprendre à coder améliorera la collaboration avec les développeurs

Les relations amoureuses seraient-elles plus faciles si les hommes et les femmes pouvaient lire dans les pensées de l'autre ? Certaines personnes le pensent. La même chose s'applique aux concepteurs et aux développeurs.

Savoir comment pensent les développeurs et ce dont ils ont besoin pour faire leur travail fera d'un designer un atout majeur pour toute équipe multidisciplinaire. Cette approche est utile pour les communications internes ainsi que pour les présentations d'idées, car ils auront une meilleure idée de ce à quoi s'attendre des autres membres de l'équipe. Si les concepteurs peuvent le faire, ils seront en bien meilleure position pour proposer des solutions plus robustes aux clients.

Les concepteurs qui codent verront plus d'opportunités d'emploi

Dans chaque opportunité d'emploi en conception, savoir coder peut faire une grande différence dans les processus de sélection ainsi que dans le travail quotidien. Chez Toptal, nous voyons un tas d'opportunités pour les professionnels avec ce profil hybride, et les startups sont impatientes de trouver des personnes capables de prendre en charge à la fois la conception et le front-end de leurs applications en phase de démarrage.

Le codage pour les concepteurs est un avantage.
Apprendre à coder peut conduire à des opportunités inattendues.

Pourtant, il y a des concepteurs et des programmeurs qui n'aiment pas s'immiscer dans les affaires de l'autre. Certains peuvent être menacés, certains peuvent être mis au défi et certains peuvent être trop paresseux pour apprendre quelque chose de nouveau. Mais la vérité est que chacun devrait analyser ses options et se concentrer sur ce qui augmentera ses chances de succès.

Les concepteurs n'ont peut-être pas assez de temps pour tout apprendre, mais connaître le HTML et le CSS vanille devrait suffire à ajouter une distinction significative entre une carrière florissante et une carrière sans issue. Cela devrait être un processus rapide et facile pour les concepteurs de faire les premiers pas. Plus ils en savent, plus ils peuvent élargir leurs horizons en matière d'opportunités d'emploi.

Les designers doivent-ils apprendre à coder ?

L'adaptabilité et la flexibilité dans le travail avec d'autres équipes, la capacité à s'attaquer à une variété de projets et un large éventail de compétences pour assumer diverses responsabilités sont toujours très recherchés. Y a-t-il un designer quelque part qui ne voudrait pas avoir un avantage sur les autres lorsqu'il s'agit d'emplois très convoités dans des startups passionnantes ou de grandes entreprises technologiques établies ?

Les concepteurs ont leurs approches, leurs processus, leur arsenal d'outils de conception et leurs livrables, mais ce n'est qu'une partie de l'équation. Explorer et comprendre comment les conceptions d'interface utilisateur sont fournies à l'aide de diverses technologies numériques peut faire passer les concepteurs au niveau supérieur et renforcer leur capacité à fournir de superbes conceptions.

De plus en plus, de plus en plus d'opportunités de travail dans le domaine de la conception incluent des « atouts » tels que des compétences de base en développement Web et en prototypage à l'aide de HTML, CSS et JavaScript. C'est à chaque designer de décider de la quantité à assumer ; il est clair que le besoin est là.

Les concepteurs qui codent voient plus d'opportunités d'emploi.

L'IA va-t-elle éliminer les développeurs front-end ?

Une question demeure cependant : le codage pour les concepteurs va-t-il rester pertinent à plus long terme ? Les concepteurs pensent qu'avec l'IA et l'apprentissage automatique, les concepteurs pourront bientôt concevoir sans code. Il suffit de glisser-déposer et de déplacer les éléments sur l'écran, puis d'appuyer sur un bouton et l'IA code le tout. En d'autres termes, les emplois pour ces types de développeurs front-end disparaîtront rapidement.

En ce qui concerne les concepteurs, la réponse peut résider dans une réflexion à court terme ou à long terme. Dans un avenir proche, l'IA ne prendra pas le relais et les concepteurs qui codent pourraient encore être très demandés. À court terme, les concepteurs qui souhaitent se démarquer devraient conserver certaines compétences de base en codage telles que JavaScript et Ajax dans leur arsenal.

La maîtrise du codage pour les concepteurs stimulera les carrières

Les concepteurs d'interface utilisateur qui souhaitent se développer et renforcer leurs compétences ont quelques options à leur disposition. Ils peuvent approfondir diverses compétences en conception et évoluer vers d'autres rôles tels que la conception visuelle, l'UX ou même la recherche UX. Ils peuvent également gravir progressivement les échelons pour accéder à des postes de direction, de directeur, de responsable, de gestionnaire et de directeur.

Cependant, pour vraiment booster leur carrière, les designers peuvent vouloir se plonger davantage dans le développement. L'acquisition d'une connaissance approfondie des diverses technologies qui pilotent les produits numériques aujourd'hui leur permettra d'acquérir un ensemble de compétences hautement souhaitables. Cela ouvrira à son tour davantage de possibilités d'emploi dans les entreprises, grandes et petites.

Les designers doivent-ils coder ? Peut-être peut-être pas. Mais les concepteurs qui codent, ou du moins démontrent une connaissance approfondie de diverses technologies, deviendront un atout majeur pour toute équipe multidisciplinaire, et cela sera certainement payant à long terme.

• • •

Pour en savoir plus sur le blog Toptal Design :

  • Principes et meilleures pratiques de conception d'UX mobiles
  • Mobile UX Design - Meilleures pratiques, contraintes et collaboration avec les développeurs
  • Design interculturel et rôle de l'UX
  • Les principes de conception et leur importance
  • Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants