Accentsconagua
Share
Dans cette série, nous verrons comment naviguer dans le trou de lapin insaisissable dans lequel se trouvent souvent les concepteurs lorsqu'ils traitent avec des développeurs pour des projets créatifs..
L'écriture de cette série a été longue à venir pour moi. En tant que personne qui a joué des deux côtés du concepteur et du développeur de clôtures, j'ai ressenti la frustration quotidienne de nombreux développeurs et concepteurs professionnels. Maintenant que j’ai décidé de devenir un meilleur développeur et que j’ai enseigné de nombreux cours sur l’expérience utilisateur et le développement Web, j’ai le sentiment qu’il est de mon devoir d’éliminer certains des obstacles auxquels se heurtent les développeurs et les concepteurs. espace de travail.
Au cours des prochains articles, je mènerai les développeurs et les concepteurs sur une voie dans laquelle j'espère, ils pourront ensuite travailler ensemble beaucoup plus efficacement..
Il existe une relation amour-haine puissante et tangible entre les concepteurs et les développeurs UI / UX.
- π (@pi_alize) 21 octobre 2016
La relation entre un développeur et un concepteur est si étroitement liée que si une partie ne prête pas attention à l'autre, le produit final n'aura pas le résultat escompté..
Dans la première partie de cette série, je compte expliquer les problèmes auxquels les concepteurs et les développeurs sont confrontés, ainsi que la manière de surmonter ces obstacles. Qu'il s'agisse de concevoir avec du code ou de comprendre quel code est nécessaire pour passer d'UX de la conception à un environnement réel.
La deuxième partie de cette série fournira aux concepteurs une compréhension de base du développement front-end, car celui-ci, plus que le back-end, imite l'esthétique globale du design. Je pense que c'est l'une des plus grandes choses qui se perdent dans la traduction. Nous allons passer en revue ce que sont les DOM, ce que HTML et CSS peuvent faire, où JavaScript s’intègre dans la photo, et examinons brièvement comment le référencement et la sémantique devraient faire partie intégrante de votre processus de conception..
Dans la dernière partie de cette série, nous examinerons le backend. Je ne vais pas vous apprendre à programmer, cependant, je vais vous présenter les mentalités et les méthodologies utilisées par les développeurs pour reproduire non seulement votre conception, mais également la logique qui y est associée. Je terminerai ici par une dernière réflexion et quelques ressources utiles pour vous aider, vous et votre équipe, à collaborer plus étroitement..
Cette série s’adresse aux personnes issues d’une solide formation en design. N'importe lequel des concepts que j'explique ici, aussi rudimentaire soit-il, n'entrera pas dans les détails et suffira à une compréhension de haut niveau de la programmation informatique.
Un débat que j'ai souvent rencontré sur de nombreux sites Web concerne le processus de conception. Les équipes doivent-elles commencer avec une conception «finie» puis la coder au fur et à mesure, ou vaut-il mieux concevoir simultanément tout en développant des fonctionnalités? Il y a des avantages et des inconvénients avec les deux, alors décompressons un peu plus.
La plupart ne le penseraient pas, mais lors de la création d'un flux de blog ou d'un widget Twitter, le design a un rôle majeur à jouer dans le fonctionnement de cette partie de code. Prenons un scénario commun: S'il faut créer un widget Twitter pour insérer de nouveaux tweets lors de l'actualisation de la page ou de manière asynchrone via AJAX, sans actualiser la page. AJAX est le moyen le plus sophistiqué et le plus propre de résoudre le problème, qui bénéficierait d’une interface utilisateur nette et d’un effet d’atténuation en douceur. Mais un concepteur pourrait être complètement inconscient de cela. Ils peuvent n’avoir absolument aucune idée de l’existence ou de la programmation de ladite fonctionnalité. C’est pourquoi, lors de la conception d’un site Web ou d’une UX sophistiqué, il est primordial de discuter des fonctionnalités avec le développeur..
On accède au Web de différentes manières, formats, orientations, environnements et même avec des sens différents (pensez à la lecture à l'écran ou à l'assistance audio). En tant que concepteur, vous devez vous assurer qu'une expérience utilisateur de qualité est présente et cohérente pour l'ensemble de ces variables, et que les utilisateurs peuvent même adapter ce qui est nécessaire à leur guise. De nombreux concepteurs ne prennent pas en compte ces paramètres, il est donc difficile de développer une expérience cohérente..
Encore une fois, c’est là une autre raison pour laquelle les concepteurs et les développeurs doivent travailler ensemble. J'irais même jusqu'à dire qu'un développeur devrait être une extension d'un designer, ou inversement. Il s’agit d’un effort combiné visant à produire l’expérience utilisateur la plus viable possible..
«Lorsque les concepteurs et les développeurs travaillent ensemble, ils peuvent faire de la magie une réalité.» - John Botica
Lorsque je dis «le design doit pouvoir être traduit», je ne parle pas de langues différentes (bien que des cas tels que la traduction d'expériences Web en scripts de droite à gauche qui auraient un impact considérable sur la conception de votre LTR), je me réfère davantage à la le fait que le design doit être suffisamment clair et structuré pour permettre une transition facile du statique au dynamique. Cela vient avec l'expérience et une compréhension de la façon dont les navigateurs rendent les éléments et la forme.
«Nous devons être en mesure de traduire notre processus de manière à favoriser la créativité et la structure.» - Airrick Dunfield
Le monde a besoin de concepteurs qui repoussent les limites de la mise en page et de l'esthétique, et de développeurs suffisamment courageux pour repousser les contraintes des moteurs Web, mais les deux parties doivent commencer à travailler plus étroitement ensemble..
Dans la prochaine partie de cette série, nous discuterons de solutions aux obstacles dont nous avons parlé plus haut. En attendant, permettez-moi de vous laisser quelques éléments de lecture pertinents. On se voit dans le prochain article!
