Découvrez l'ancien contenu de Polices.com, préservé pour votre référence.
Chris Armstrong de l'équipe Typecast sur la conception dans le navigateur
Johnathan Zsittnik dans Archives le 8 décembre 2011
La notion de conception de sites web à partir d'un navigateur a pris un essor considérable au cours de l'année écoulée. J'ai rencontré Chris Armstrong pour discuter des nombreux avantages que présente le fait de commencer dans le navigateur et qui amènent de nombreux concepteurs de sites web à repenser leur flux de travail.
JZ : Quels sont les problèmes que vous rencontrez dans le processus traditionnel de conception d'un site web ?
CA : Le flux de travail traditionnel de la conception Web a tendance à donner trop de priorité aux images plates comme celles réalisées dans Photoshop. Il part du principe qu'une image plane peut communiquer efficacement la bonne conception, mais elle ne donne pas une vue d'ensemble. Les applications comme Photoshop et Fireworks sont excellentes pour l'idéation et l'exploration, mais nous devons vraiment tester ces idées et travailler avec les contraintes réalistes du navigateur. Vous pouvez obtenir quelque chose de beau, mais ce n'est qu'au moment du prototypage que l'on se pose des questions embarrassantes telles que "Que se passe-t-il lorsque ce H1 s'étend sur deux lignes ?
JZ : Quels sont les projets sur lesquels vous avez travaillé où ces problèmes étaient particulièrement évidents ?
CA : Je me souviens d'un projet pour lequel nous avons fourni des images de synthèse parfaites, mais lorsque le client a vu le prototype, il n'était pas content qu'il ne soit pas aussi précis que l'image de synthèse. Notre développeur faisait un excellent travail, mais il avait 101 choses à penser et les détails typographiques subtils qui assurent la cohésion de la conception se sont perdus dans la traduction. Il a fallu beaucoup de travail pour revenir en arrière et ajouter de nouveaux éléments.
C'était beaucoup de travail de revenir en arrière et d'ajouter cette finesse par la suite. Ce projet nous a amenés à déterminer que nous devions poser les bonnes bases typographiques dès le départ et construire à partir de là afin de toujours avoir un niveau de qualité de base. -Et le concepteur doit être la personne qui fait cela.
JZ : Comment la conception dans le navigateur répond-elle à ces questions ?
CA : La conception dans le navigateur permet de tester plus facilement vos décisions de conception par rapport à différents types de contenu et de voir comment un site va s'adapter à différentes tailles d'appareils. Parce qu'il est composé de HTML et de CSS - les matières premières du web - vous savez que si vous arrivez à le faire fonctionner correctement ici, il est probable qu'il fonctionnera dans la nature. La conception dans le navigateur vous oblige également à prendre en compte les cas particuliers et à les traiter pour éviter les mauvaises surprises, comme le fait que le site police ne s'affiche pas correctement dans un environnement Windows.
JZ : Comment cette approche a-t-elle influencé la manière dont vous travaillez avec vos clients ?
CA : Cela nous permet de travailler plus étroitement avec nos clients pour faire évoluer leur contenu. Leur montrer le rendu d'une conception dans le navigateur nous aide à avoir les bonnes conversations dès le début du processus. Cela aide le client à comprendre les contraintes du support et à donner un retour d'information plus éclairé.
JZ : Pensez-vous que Photoshop et d'autres applications de dessin ont encore un rôle à jouer dans le flux de travail des concepteurs ?
Absolument. Les applications telles que Photoshop et Fireworks sont idéales pour les croquis et l'idéation. Les concepteurs sont tellement à l'aise avec elles ; elles sont comme un stylo et du papier. Mais nous devons consacrer moins de temps à l'idéation et plus de temps à l'essai et à l'itération de ces idées par rapport à un contenu réel, dans les contraintes réalistes de l'environnement du navigateur.
JZ : Qu'est-ce qui vous a amené à développer votre propre application (Typecast) pour la conception dans le navigateur ?
CA : Nous en avions assez d'attendre que quelqu'un d'autre le fasse.
JZ : Vous êtes sur le point de lancer Typecast auprès d'un public plus large. Quel est le site Suivante pour l'application ?
CA : Pour l'instant, nous nous concentrons sur les éléments de base - hiérarchie, couleur, contraste. Mais à l'avenir, nous voulons faire tout ce qui est en notre pouvoir pour faciliter la création d'un ensemble complet d'éléments, pour créer un bon rythme vertical et aider à des choses telles que la permutation entre les pixels et les ems, et introduire des effets. L'objectif est de fournir les outils dont vous avez besoin pour créer un système de conception complet pour votre site.
JZ : Avez-vous une police de caractères préférée ou une en particulier que vous utilisez fréquemment depuis quelque temps ?
CA : J'adore Avenir. J'aime son élégance.
Typecast est un outil de conception dans le navigateur avec Web polices et du contenu réel. Il comprend de nombreuses familles de polices de caractères parmi les plus populaires de notre service Polices.com Web Polices et est actuellement en version bêta privée. Demandez à voir Typecast en avant-première sur Typecastapp.com.
