Un guide du professeur d'anglais créatif (pas tellement)
Le design réactif suscite un certain engouement tardif, et pour une bonne raison. Cela promet de simplifier la tâche de plus en plus complexe consistant à adapter les sites Web aux innombrables nouveaux appareils qui se multiplient à la minute.
En considérant quelques variables communes comme la taille de l’écran, adapter un site aux besoins particuliers de ses visiteurs planification intelligente CSS et Javascript plutôt que la conception détaillée de nombreux sites parallèles. Pour tous ceux qui ont dû faire face au champ de mines logistique de la coordination multi-sites, la conception réactive est, c'est le moins qu'on puisse dire, une très bonne chose.
Comme vous le savez peut-être, le concept lui-même est emprunté à l'architecture, une autre discipline qui met l'accent sur la relation entre les personnes et les environnements créés. Le crossover a du sens.
Selon le livre de Steven Johnson intitulé Where Good Ideas Come From (2011), ce type de fertilisation croisée conceptuelle a été à l'origine de nombreuses avancées majeures dans l'histoire de la pensée et de l'invention. Cette idée m'a donné une idée. Bien que je dessine des sites depuis presque aussi longtemps qu'Internet, il y a environ six mois, la plupart auraient pensé à moi en tant que professeur d'anglais. Un changement de carrière récent vers un développeur / concepteur à temps plein, combiné à ma formation en études littéraires, m'a donné une perspective unique et peut-être étrange sur le monde du design.
Maintenant, j'aimerais pouvoir faire une pause ici pour faire exploser les enfoirés qui ont juré que je ne remettrais jamais les pieds dans une université, parce que ce serait tellement méchant, mais le fait est que j'ai effectivement abandonné l'enseignement à bon escient. Je l'ai fait pour explorer la relation entre la technologie et la culture, ce qui m'a fasciné au moins depuis que je me suis assis pour la première fois et que j'ai joué à King's Quest II en 1986. On m'a demandé d'écrire cet article fertilisation entre design et architecture. Je me suis demandé quels concepts, le cas échéant, des études littéraires pouvaient utilement être appliqués à la conception de sites Web.
Après quelques réflexions, j'ai compilé une liste de six possibilités. Celles-ci ne représentent qu'un premier passage à la question, mais j'espère qu'elles peuvent au moins être suggestives et peut-être provocantes. En termes littéraires de geek, je fais un peu de ratiocination . Sur les concepts ...
1. Métaphore
Celui-ci est presque trop évident, mais j'ai vérifié que la métaphore était encore largement le savoir-faire des professeurs anglais. Préparez-vous à un de ces zingers que les gens disent toujours de leur métier: croyez-le ou non, le Web est une métaphore! Brûler! (Non, pas vraiment). La métaphore - une comparaison utilisant deux éléments qui semblent n'avoir aucune relation - est le paradigme principal (et certains diraient seulement) que nous utilisons pour traiter de nouveaux supports techniques.
L'idée d'un lien est une métaphore - on pourrait tout aussi bien l'appeler un nœud de transfert IP, mais cela prendrait beaucoup plus de temps à comprendre pour l'utilisateur moyen non technique. Lorsque Tim Berners-Lee essayait de conceptualiser Internet lui-même, il explorait les métaphores des mines et des maillages. Le Web, Windows, Tweets, Digg, Facebook, Canvas - ce sont tous des métaphores (et Reddit est un jeu de mots).
Ici, la principale chose à retenir est que le fait de connaître ses métaphores est un excellent moyen de réussir sa conception. Le secret de nombreux sites Web connus est qu’ils sont pleinement conscients des métaphores qu’ils utilisent: ils tirent des idées de l’éther du code (ce qui est intéressant, du moins pour moi, le point de comparaison d’une métaphore "sol"). Les métaphores font appel aux sens visuel et tactile des personnes, ce qui les rend beaucoup plus faciles à retenir, notamment parce que nous vivons avec des technologies de plus en plus visuelles et tactiles.
Pour rendre le mot plus acceptable pour l'oreille exécutive (tsk, tsk), vous pouvez l'introduire comme "cohérence visuelle" ou "consistance tactile". Ils le mangent comme un petit-déjeuner de chien (oups, simile).
2. Signature
Lorsque j'enseignais les cours de composition de première année, la signature était le concept le plus important sur lequel je travaillais en matière de communication. Cela ne signifie pas simplement mettre votre John Hancock au fond de quelque chose. Il fait référence à la trace unique de la personne qui traverse les mots et les idées. L'idée de la voix est étroitement liée à celle-ci: la force vitale et unique qui s'exprime à travers un projet particulier.
Les meilleures pratiques peuvent vous mener loin, mais un bon design a généralement une signature et une voix claires, et encore une fois, les meilleurs codeurs sont ceux qui sont conscients de leur style unique. Même si un client grincheux ne semble aimer rien de plus que de détruire entièrement votre signature, il passe en revue tous les aspects, du palette de couleurs à la mise en page et aux solutions multi-navigateurs (et même votre implémentation de responsive design). Ce n'est pas tout à fait la même chose que la marque, car elle est toujours implicite plutôt qu'explicite. Pour rechercher ses traces, réfléchissez à la manière dont vous avez repensé Google ou Facebook.
Si tout cela est un peu trop abstrait, vous pouvez toujours voir comment les mots à la mode "design subtext" ou "sub-theme" ou "implicite scheme" ou "subscaping" sortent de votre langue.
3. Busting le cycle
Ok, celui-ci ne provient pas strictement d'une classe d'anglais. Je l'ai en fait volé un épisode de The Show avec Ze Frank, mais je l’appliquais souvent à des leçons sur la façon de rédiger des articles A +. Les articles les plus brillants sont ceux qui non seulement identifient les modes de pensée actuels, mais les poussent encore plus loin.
Bien que je sois toujours amoureux des plaisirs curvilignes de l'attribut "border-radius" de CSS3, par exemple, j'ai remarqué que le nouveau déploiement de Twitter faisait en réalité des virages dans un format réduit, 3px. Dans cette optique, très peu de concepteurs ont exploré de manière efficace les possibilités de courbes asymétriques (quelqu'un s’y plait!).
Le vrai talent créatif réside dans la capacité à repérer et à faire exploser un cliché - à dévier au dernier moment de l'impasse créative. Si vous ne faites que copier ce qui existe, vous êtes déjà en retard. Les personnes qui ont conçu les sites d’activités actuels travaillent déjà sur leur prochaine phase.
Il n’existe qu’une méthode infaillible pour repérer les clichés et casser le cycle: la recherche. Avant de gémir et de vous lamenter, arrêtez-vous et réalisez que la recherche dans ce cas-ci signifie beaucoup de navigation sur ce que vous considérez comme des sites vraiment fantastiques. Steven Johnson note que la recherche est si efficace car elle conduit à une génération améliorée de ce que l'on appelle le «possible adjacent» - les possibilités qui dépassent les limites des manières actuelles de voir les choses.
Je parlerai de «développement prédictif» ou de «conception proactive» ou de «destruction tactique des frontières», juste pour les coups de pied.
4. Taxonomie des nonce
Vous vous demandez peut-être à ce stade, est-ce que ce gars a pour tous ces termes aléatoires? Laisse-moi expliquer.
Le terme «taxonomie du nonce» est emprunté à une femme qui est morte trop tôt, mon héros littéraire critique Eve Kosofsky Sedgwick. Nonce signifie "pour la fois", et une taxonomie bien sûr est un système de nommage. Ainsi, une «taxonomie de nonce» est un système de concepts et de terminologie adapté au projet en cours, et mis au point ou réaménagé dès qu'il devient lourd ou inutile.
Non seulement cette manière de penser d'un projet permet-elle de fournir de nouvelles idées, mais elle vous permet également d'adapter chaque projet aux exigences particulières (et particulières) du client. Une façon simple d’inventer une taxonomie nonce est de travailler pendant un certain temps puis de créer un tableau blanc contenant une liste de termes, de thèmes, d’idées, de motifs récurrents et d’éléments de code qui semblent les plus pertinents pour le projet. Voyez si elles se prêtent à d'autres modèles ou termes, et ajoutez et soustrayez régulièrement de la liste comme bon vous semble. L'idée est de se lier à la mobilité et à la flexibilité nécessaires à tout projet créatif.
En outre, les langages XML et OOP sont en quelque sorte des systèmes non taxonomiques, bien qu’ils soient évidemment un peu plus liés aux règles. En termes de pratiques plus spécifiques, la conception taxinomique de nonce peut être intégrée à tout, des noms de variables à la documentation, et peut certainement être utilisée pour pimenter les interactions avec les clients (le jargon est sexy ). Vous pourriez dire que cela fournit une "âme" pour le projet, si vous êtes dans ce genre de chose. Je suis venu avec un mot à la mode fougueux ici, mais je pense que celui-ci est une chose de beauté en soi. RIP Eve.
5. Zone de contact
Ce terme a été développé par une critique nommée Mary Louise Pratt en réponse à l'idée de frontières (comme aux frontières du Far West). Elle a affirmé que les frontières sont la mauvaise métaphore de la situation, car elles suggèrent seulement que l’action se produit dans une direction à partir d’une perspective. Le fait est que même dans des situations de déséquilibre extrême des pouvoirs, comme entre cow-boys et Indiens, les perspectives et les motivations multiples des deux côtés façonnent le résultat. En reconnaissant l’influence de ces multiples désirs, une évaluation plus réaliste de ce qui conduit aux succès et aux échecs dans une situation donnée peut être faite.
Alors, qu'est-ce que cette petite leçon d'histoire révisionniste a à voir avec le design web? Un site Web est une zone de contact dans le sens où vous avez un concepteur et un utilisateur, et il s'agit généralement d'une interaction très déséquilibrée. Bien que les sites Web 2.0 offrent un peu de personnalisation des thèmes et, bien sûr, des plates-formes de communication, ils sont loin de passer le relais au code et de permettre à quiconque de faire ce qu'il veut. Alors pourquoi certains échouent et d'autres réussissent?
La force d’un site comme Reddit est que ses créateurs gardent ses utilisateurs dans la boucle de création et de modification. Il est aussi peu intrusif que possible pour un site en termes de confidentialité et de présentation, et la sensation d’être une zone de contact reste donc au premier plan. Je veux dire, avez-vous déjà regardé Reddit? Il n'y a rien là-bas (mais des milliers de Redditors). Les concepteurs et les utilisateurs créent une boucle de rétroaction qui crée automatiquement le site.
Bien que le terme "zone de contact" soit assez correct en soi, jetons quelques mots de conception plus amusants: "interface perméable" ou "retour génératif".
6. Le médium est le message
Le célèbre techno-visionnaire Marshall McLuhan a formulé l'idée de technologies «chaudes» et «froides». Si une technologie est «chaude», elle vous donne presque toutes les informations dont vous avez besoin, laissant peu de place à l’imagination: pensez aux téléviseurs grand écran de 80 pouces ou aux films 3D. Plus une technologie est froide, plus il faut de la participation et de l’implication (Reddit a froid… si froid, bébé).
Lorsque McLuhan a déclaré que le média était le message, il voulait dire que les médias transformaient notre façon de penser et de connaître le monde. Alors que nous sommes tellement immergés dans les technologies froides sur le Web, ils commencent littéralement à remodeler nos perceptions. Que serait le monde sans Facebook? Je ne veux pas vivre dans ce monde. Eh bien, peut-être. Il se réchauffe un peu pour mes goûts ces derniers temps.
Avant de me retirer trop loin dans les ragots d'un technophobe fougueux, permettez-moi de comprendre pourquoi les observations de McLuhan sont importantes. Cela nous donne une nouvelle terminologie pour réfléchir à l'impact d'un site Web. Pour l'essentiel, à mesure que le Web s'est développé, il est devenu de plus en plus une technologie froide, en particulier avec la montée en puissance du Web 2.0 ces dernières années. Maintenant, vous pouvez personnaliser beaucoup plus ce que vous voyez, interagir avec et produire du contenu d'une manière inimaginable il y a peu de temps. Ce n'est pas encore fini. Avec les téléphones intelligents en particulier, le support / message change à nouveau, je pense que pour le plus chaud, l'interface devient tellement transparente qu'elle est difficile à échapper.
Il y aura toujours ceux qui recherchent le contraire de la «température» dominante, et il est sage de garder cela à l’esprit lorsque vous essayez de vaincre les anciennes tendances avec un nouveau design Web. Cela vaut également la peine de se demander quelle est la plage de température confortable pour vos clients et leurs clients. Veulent-ils beaucoup d'interaction, ou sont-ils ceux qui souhaitent ardemment le bon vieux temps quand les gens leur diraient simplement quoi acheter? Sont-ils le type Flash immersif? Crazy pour le contenu dynamique offert par PHP et d'autres? Ou retourne-t-il à un bon HTML statique ancien? Lorsque vous approchez de la conception d'un nouveau support, il peut également être utile de se demander comment le support lui-même transforme les attentes et les capacités de l'utilisateur et comment cela affecte l'objectif général du site.
Si nous avons besoin d'un concept de conception ici, nous pourrions peut-être l'appeler quelque chose comme "jauge média" ou "messagerie instantanée" et "messagerie froide".
Prise de vue
Globalement, le génie du design réactif est la manière dont il importe un concept étranger, mais d'une pertinence inhabituelle, dans un tout nouveau contexte. Lorsque vous faites cela, les vieilles idées prennent vie de manière nouvelle. La fertilisation croisée des idées est ce qui anime les forums tels que TED, IFTF, et même cette eZine. Si vous passez trop de temps à parcourir les mêmes mots à la mode, vous stagnez et votre travail en souffre - les choses doivent évoluer ou mourir. En proposant ces idées ici, ce n'est pas du tout mon intention d'essayer de forcer des suggestions indésirables sur un domaine de concepteurs déjà intelligents et motivés. L'objectif principal est juste d'être un peu provocateur. Si nous étendions ce type d’exploration interdisciplinaire à la philosophie, à l’histoire, à la politique ou à la psychologie - ces arts libéraux souvent dédaignés - imaginons tout un éventail de nouveaux concepts qui seraient disponibles.