Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Industry
Webdesign

Designers, nous devons parler de développement

by
Length:ShortLanguages:
This post is part of a series called Development for Designers.
Development for Designers: Thinking Atomic Design

French (Français) translation by Henri Lotin (you can also view the original English article)

Dans cette série, nous allons discuter comment naviguer dans le terrier du lapin insaisissable dans lequel les designers se trouvent souvent lorsqu’ils traitent avec les développeurs sur des projets créatifs.

Écrire cette série m'a pris du temps. Comme quelqu'un qui a joué sur les deux côtés de la barrière – designer et développeur – j’ai ressenti de la frustration que beaucoup de développeurs professionnels et designer ressentent sur une base quotidienne. Maintenant que j’ai décidé de mettre l’accent sur comment devenir un meilleur développeur et le fait que j’ai dispensé plusieurs cours à la fois sur l'expérience utilisateur et le développement web, selon moi, c’est mon devoir de m’attaquer à certains des obstacles auxquels font face les développeurs et les designer sur le lieu de travail.

Au cours des prochains articles, je mènerai les développeurs et les designer vers une voie où j’espère, par la suite, leur permettra d'être capables de travailler ensemble de manière beaucoup plus efficace.

La relation entre un designer et un développeur est si étroitement liée que si une partie ne fait pas attention à l’autre, le produit final n’aura pas les résultats attendus.

Qu'est-ce qui est à venir

Dans la première partie de cette série, j’ai l’intention d’exposer les problèmes auxquels font face les designers et les développeurs, ainsi que la façon d’aller au-delà de ces obstacles. Que ce soit designer avec le code, ou comprendre quel code est nécessaire pour réaliser l'UX du design vers un environnement réel.

La deuxième partie de cette série fournira aux designers une compréhension solide du développement front-end, en tant que tel, au-delà du back-end, qui imite l’esthétique générale du design. Selon moi, c’est l’une des plus grandes choses qui se perd dans la traduction. Nous verrons ce qu'est le DOM, ce que HTML et CSS peuvent faire, où JavaScript s’intègre dans l'ensemble et jetterons un bref regard sur comment SEO et sémantique devraient faire partie de votre processus de création.

Dans la dernière partie de cette série, nous allons jeter un oeil sur le back-end. Je ne vais pas vous apprendre à programmer, cependant, je vous présenterai les états d'esprit et les méthodes demandées aux développeurs pour reproduire non seulement votre design, mais aussi la logique qui est en cause. Je vais conclure ici avec une dernière pensée et quelques ressources utiles pour que vous et votre équipe collaboriez plus étroitement.

Flat designed developer hipster

Remarque pour les développeurs

Cette série est orientée vers les personnes qui viennent d’un milieu fortement orienté design. Tout concept que j’explique ici, bien que rudimentaire, ne va pas dans le détail et suffira pour une compréhension de haut niveau de programmation informatique.

Designer avec le Code, ou Coder avec le Design

Un débat que j’ai souvent rencontré sur un grand nombre de site web porte sur le processus de design. Les équipes devraient-elles commencer par un design « fini » et ensuite la coder pièce par pièce, ou est-il préférable de designer en même temps que vous développez des fonctionnalités. Il y a à la fois des avantages et des inconvénients, nous allons donc décompresser un peu plus.

La fonctionnalité est intrinsèquement partie du design

La plupart n'en penserait pas tant, mais lorsque vous construisez un flux de blog ou un widget Twitter, le design a un rôle majeur à jouer dans le fonctionnement de ce morceau de code. Prenons un scénario courant : Faut-il faire en sorte qu'un widget Twitter puise dans les nouveaux tweets lors de l’actualisation de la page, ou de façon asynchrone via AJAX, sans actualiser la page. AJAX est la manière la plus sophistiquée et plus propre de résoudre le problème qui finalement bénéficierait d'une interface utilisateur propre et d'un effet d'estompage lisse (smooth fading). Mais un designer pourrait être complètement inconscient de cela. Il peut absolument n'avoir aucune idée de qui le dit morceau de fonctionnalité existait ou pourrait même être programmé. C’est pourquoi, lorsque vous concevez un site web ou UX sophistiqué, il est fondamentalement important de discuter des fonctionnalités avec le développeur.

Plus que simplement de l'esthétique

Le web est accessible de plusieurs manières, formats, orientations, environnements et même sens différents (pensez lecture d'écran ou audio-assistance). En tant que designer, vous devez être sûr qu’une expérience utilisateur de qualité est présente et cohérente sur l’ensemble de ces variables, et que les utilisateurs peuvent même adapter ce qui leur est nécessaire à leur guise. Beaucoup de designers ne prennent pas ces paramètres en compte, il est difficile de réellement développer une expérience cohérente.

Encore une fois, c’est juste une autre raison pour laquelle les designers et les développeurs doivent travailler ensemble comme un. J’irai même jusqu'à dire qu’un développeur devrait être une extension d’un designer, ou vice versa. Il s’agit d’un effort combiné pour produire l'expérience utilisateur la plus viable possible.

« Quand les designers et les développeurs travaillent ensemble, ils peuvent de la magie. » – John Botica

Le design devrait être traduisible

Quand je dis « le design devrait être traduisible » je ne veux pas dire dans différentes langues (bien qu’il existe des cas tels que la traduction d'expériences web en des scripts right-to-left (RTL) qui influeraient considérablement sur votre design LTR - Left-To-Right), je me réfère davantage au fait que le design devrait être clair et bien structuré, assez pour faire une transition facile du statique au dynamique. Cela vient avec l’expérience et une compréhension de comment les navigateurs rendent les éléments et le formulaire.

« Nous devons être en mesure de traduire nos processus les uns aux autres d’une manière qui favorise la créativité et la structure. » – Airrick Dunfield

Le monde a besoin de designers qui repoussent les limites de mise en pages et de l’esthétique, et il a besoin de développeurs qui sont assez courageux pour pousser les contraintes des moteurs du web, mais les deux parties doivent commencer à travailler plus étroitement ensemble.

Pour la suite

Dans la prochaine partie de cette série, nous allons discuter des solutions aux obstacles dont nous avons parlé plus haut. En attendant, permettez-moi de vous laisser avec du matériel de lecture pertinent. Rendez-vous dans le prochain article !

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.