Outils pour une meilleure conception Web

Si vous aimez (ou n'aimez pas) la conception de cette page Web ou de toute autre page Web, vous pouvez afficher le code source et voir comment nos concepteurs l'ont créé. L'option se trouve dans le menu Outils de nombreux navigateurs. Cette ouverture est l'une des meilleures choses sur le Web, dit Scott Klemmer , professeur à l'Université de Stanford qui dirige le groupe Human Computer Interaction. Mais il ajoute qu'à moins d'être un concepteur ou un codeur Web expérimenté, il est difficile de déterminer quelle partie du code fait quoi. Le laboratoire de Klemmer crée des outils qui aident les concepteurs novices et expérimentés à tirer parti de ce contenu Web existant pour améliorer et adapter leurs conceptions plus rapidement.

La meilleure façon de développer une conception conviviale qui plaise au codeur, au concepteur et au client est de proposer de nombreux prototypes, dont la plupart seront rejetés. Mais le réoutillage d'une conception par essais et erreurs prend beaucoup de temps, c'est pourquoi Klemmer essaie d'automatiser le processus. Beaucoup de ses outils peuvent être téléchargés gratuitement depuis son laboratoire ou auprès de partenaires, dont Adobe. Des milliers de personnes ont téléchargé un outil appelé Plan , qui est désormais disponible en tant que plug-in pour les outils Flash et Flex Builder d'Adobe. Grâce à Blueprint, les concepteurs qui codent une page peuvent rechercher des exemples de code sans avoir à cliquer sur les pages de résultats générées par les moteurs de recherche conventionnels. Les expériences du groupe de Klemmer ont montré que les programmeurs professionnels utilisant Blueprint effectuaient des tâches 28 % plus rapidement et écrivaient un code mieux noté que ceux utilisant les moteurs de recherche Web traditionnels.

Un autre outil, Bricolage, que Klemmer et son élève Ranjitha Kumar ont développé il y a quelques mois, peut prendre n'importe quelle page Web et la restituer dans le style d'une autre, grâce à un algorithme qui sépare le contenu d'une page de ses modèles stylistiques. L'idée n'est pas de permettre aux gens de copier des conceptions en gros, mais de faciliter le brainstorming. Au lieu de prendre des heures pour faire chaque nouvelle maquette d'une page, vous pouvez voir si une direction particulière est intéressante, dit-il. Bricolage peut également être utilisé pour reconcevoir rapidement une page à afficher sur différents appareils, tels qu'un ordinateur de bureau, un téléphone Android ou un iPad.

Dans le design, il y a tellement de parties prenantes – les techniciens, le client, les designers – et les designs sont difficiles à décrire avec des mots, dit-il. Avoir des exemples à portée de main aide à accélérer le processus : dans le travail créatif, vous déduisez et développez une expertise en examinant un énorme corpus d'exemples. Klemmer note que les étudiants en art apprennent ce qui fait une bonne peinture non pas en étudiant des listes de critères mais en regardant exemple après exemple, les bons et les mauvais tableaux. Ce qui fait une bonne conception peut être aussi difficile à articuler que ce qui fait une bonne peinture, en particulier lorsque des personnes avec des vocabulaires différents (concepteurs Web, programmeurs et clients) essaient de communiquer.

Klemmer, qui a 33 ans, avait initialement prévu d'être artiste et graphiste. Lorsqu'il faisait ses études de premier cycle à l'Université Brown, dit-il, il a été inspiré par tout ce que les ordinateurs pouvaient faire pour faciliter le travail créatif. Un stage dans le groupe de réflexion du cofondateur de Microsoft, Paul Allen, Interval Research, a cimenté son ambition de créer des outils logiciels pour les concepteurs. Klemmer dit que l'un des objectifs d'Interval était de développer la génération d'outils d'interface utilisateur qui viendraient après l'interface utilisateur graphique.

Une ambition similaire sous-tend aujourd'hui le travail de Klemmer : il veut rendre le Web plus accessible. L'internaute d'aujourd'hui utilise probablement un appareil mobile, et à mesure que la population vieillit, de plus en plus d'internautes auront une vision ou des capacités motrices limitées. Mais créer une nouvelle version d'un site pour chaque type d'utilisateur ou d'appareil prend énormément de temps. Avec les outils qu'il développe, un concepteur pourrait créer une version canonique d'un site Web, puis développer un logiciel qui automatise la conversion de cette conception en versions qui fonctionnent pour la variété de plus en plus grande de personnes qui peuvent la consulter.

cacher