Le cycle de vie design-contenu
Le design sur le web a fait le tour de ses origines.
Il ya eu une renaissance de sites Web simples et discrets qui ont mis le contenu au premier plan, évitant les graphiques et les astuces audacieux de la dernière décennie, comme les premiers sites Web ont mis l’accent sur la fonction et le contenu.
Mais il est probable que le Web et sa conception évolueront en cycles, comme le font la plupart des tendances. Dans un avenir proche, il se peut que nous voyions à nouveau des sites avec des «conceptions» plus explicites, avec un contenu un peu moins important.
Vous remarquerez tout au long de cet article qu'il y a des cas où j'ai mis "design" entre guillemets. Bien sûr, tous les sites Web sont conçus dans une mesure ou une autre, et le design ne signifie pas uniquement des graphiques.
Les citations sont là pour différencier les conceptions manifestes, dominantes visuellement et la pratique générale du design.
Au début…
Dans les premiers jours de l'Internet, il y avait très peu de "design" en cours. Pour la plupart, les pages Web étaient du texte, avec peut-être une image ou deux pour une bonne mesure. Cela était dû en grande partie aux limites de la bande passante et aux problèmes de temps de chargement (lorsque tout le monde se connecte, chaque octet compte). Et c’était parce qu’il n’y avait pas vraiment beaucoup de fonctions de «conception» intégrées aux normes Web.
Ajoutez des problèmes avec différents navigateurs affichant des éléments de différentes manières, et vous pouvez voir pourquoi presque personne ne se préoccupe du design, au-delà de quelques styles de texte. Le contenu a régné de manière suprême (parallèlement au GIF animé occasionnel).
Le Web était nouveau et les gens l’ont beaucoup abordé comme le design d’impression. Il n'y avait pas beaucoup de concepteurs Web «professionnels», et il y avait plus de gens qui concevaient pour le Web et qui venaient d'un logiciel plutôt que d'un concept. À cause de cela, les conceptions visuelles ont été minimisées, ou elles étaient vraiment, vraiment mauvaises.
Il convient de mentionner ici la prédominance du contexte de la "nuit étoilée" dans les premières conceptions de sites Web. Ses théorisé que la prévalence de cet arrière-plan de style extra-atmosphérique est due au grand nombre de fans de science-fiction et de jeux vidéo qui étaient en ligne du début au milieu des années 90. Parfois, ces arrière-plans étaient constitués d'images en mosaïque statique, alors que d'autres fois, ils animaient des scintillements ou des scintillements. Dans les deux cas, ils étaient incroyablement communs sur les premiers sites Web.
Le texte clignotant était l’une des pires tendances des premiers jours de la conception Web. Le texte arc-en-ciel (en particulier le texte animé qui change de couleur dans une boucle constante) est une autre tendance qui a heureusement disparu des sites Web professionnels (même si on la voit parfois sur les sites construits par les amateurs, un soupçon de nostalgie). Ce sont les premières grandes tentatives de «design» visuel sur le web.
Cadres, tables, flash et le pic de "design"
Peu de temps après, les gens ont compris qu'ils pouvaient formater leurs sites Web à l'aide de tableaux HTML. Bien que cela ait fait beaucoup pour faire avancer le monde du design web, cela a également abouti à des conceptions de sites Web vraiment horribles. Il a également ajouté à la taille des sites Web et aux temps de chargement, car ils nécessitaient plusieurs images d'arrière-plan pour créer la conception dans la plupart des cas.
Les cadres étaient un autre moyen que beaucoup de créateurs de sites Web ont mis en forme leur contenu. Une image contiendrait des éléments de navigation, tandis qu'une autre contiendrait le contenu principal. Le cadre de navigation reste statique au fur et à mesure que du nouveau contenu est chargé. Les cadres étaient également utilisés pour afficher des liens hors site tout en conservant l'en-tête du site d'origine ou d'autres informations (cette technique est toujours utilisée par un certain nombre de sites aujourd'hui, notamment About.com ).
Flash a également vu le jour à la même époque et a été utilisé pour créer des sites Web entièrement interactifs et animés. Les temps de chargement des sites Flash étaient plus longs dans de nombreux cas, mais à mesure que l'Internet à large bande devenait plus courant, les temps de chargement devenaient moins importants.
Internet était alors dominé par le "design". Le contenu, dans la plupart des cas (le plus?), A pris le pas sur le style visuel. Les concepteurs (professionnels et amateurs) ont voulu montrer leurs compétences en matière de conception, et le contenu et la convivialité ont souffert. Mais le Web était encore relativement jeune et ne faisait pas partie du quotidien de milliards de personnes, comme c'est le cas actuellement.
L’architecture de l’information et la convivialité en étaient encore à leurs débuts en ligne et ont été largement ignorées par de nombreux concepteurs. Les sonneries et les sifflets étaient le principal objectif, qu'ils améliorent réellement l'expérience utilisateur.
Web 2.0: équilibrer le contenu et le design
Avec l'avènement du Web 2.0, des blogs et du contenu généré par les utilisateurs, le contenu a pris de l'importance. La conception audacieuse était toujours importante et laissait beaucoup de place à la réflexion et, dans certains cas, elle prenait toujours le pas sur le contenu affiché.
Squidoo est un excellent exemple de styles de conception communs à l’ère du Web 2.0.
Il y avait quelques sites au cours de cette période qui mettaient plus l'accent sur le contenu (Wikipedia serait probablement le plus important d'entre eux), mais la conception ouverte a toujours joué un rôle majeur dans la plupart des cas.
Le Web 2.0 peut être crédité en mettant l'accent sur le contenu et en donnant au moins autant d'importance à la fonction qu'à la forme. La plupart des sites Web 2.0 étaient relativement conviviaux et mettaient l'accent sur l'expérience utilisateur. Il y avait encore une place prépondérante sur les éléments de conception et les graphiques, mais généralement pas au détriment du contenu et de la convivialité du site.
MySpace Design
Probablement la pire chose à sortir de l'ère du Web 2.0 est ce que je vais appeler le «design MySpace». Graphiques scintillants Arcs-en-ciel et licornes. Des combinaisons de couleurs horribles et illisibles. Pages avec tout animé. Et tous les générateurs qui permettaient aux gens sans arrière-plan de conception et aucune connaissance du HTML ou du CSS de créer des pages de profil plus horribles que n'importe quel "design" amateur jamais créé dans les premiers jours du Web. Et pour ajouter l'insulte à la blessure, ils étaient principalement écrits en HTML et CSS mal formatés.
Heureusement, ces sites et pages complètement exagérés et exagérés sont pour la plupart tombés à l'eau. Bien sûr, ils sont encore souvent visibles sur les profils MySpace de filles de 14 ans (parmi de nombreuses autres données démographiques), mais heureusement, ils ne se sont pas beaucoup répercutés sur le Web. À l'exception de Cornify , bien sûr.
L'accent est de retour sur le contenu
Au cours des deux dernières années, il y a eu une résurgence de conceptions simples et propres. Même les conceptions qui seraient considérées comme «grungy» ou «Web 2.0» ont souvent une simplicité à leur sujet. L'accent est mis sur le contenu.
Frieze Magazine a un design très propre et simple, avec un accent direct sur le contenu.
L'une des raisons de cette tendance est le nombre de personnes qui naviguent sur le Web sur les téléphones intelligents. Les utilisateurs naviguant depuis un iPhone ou un autre smartphone sur grand écran ne souhaitent pas nécessairement voir un site mobile. Mais parcourir un site trop complexe est une corvée sur un petit écran.
Typographica est un autre excellent exemple de site qui met en scène le contenu.
Ces nouvelles conceptions fournissent du contenu tout en disparaissant en arrière-plan. Ils facilitent la navigation des visiteurs et leur permettent de trouver ce qu'ils recherchent et d'améliorer l'expérience globale. Mais ils ne sont ni évidents ni ostentatoires et la plupart des gens ne les remarquent pas consciemment. C'est un énorme écart par rapport aux conceptions qui ont été mises en évidence depuis la fin des années 90.
Contenu vs Style
Trop souvent, les concepteurs et surtout leurs clients considèrent le contenu et le style (ou le design) séparément. Ils considèrent les deux comme des entités distinctes qui doivent en quelque sorte fonctionner ensemble. Ou au moins coexister dans le même espace.
C'est la mauvaise façon d'aborder un projet. Votre contenu doit être amélioré par le style visuel de votre site Web. Et les éléments visuels doivent être créés pour supporter le contenu et le rendre plus utilisable pour vos visiteurs. Traiter le contenu et le design comme deux choses distinctes conduit à un produit final qui fait souvent défaut.
Examinez le contenu que votre site doit intégrer et réfléchissez à la meilleure façon de présenter ce contenu dans la conception. Une approche holistique a plus de chances d'aboutir à une conception qui offre un contenu sans effort, sans attirer l'attention sur elle-même.
La nature cyclique du design
Bien que le design évolue constamment, il évolue également selon des cycles assez réguliers. Nous sommes passés de la première heure de la conception Web à la priorité des sites Web. Et pourtant, nous avons tellement grandi depuis les débuts du Web que personne ne confondrait un site bien conçu à partir de 2010 avec un site conçu en 1995.
La conception visuelle ouverte et dominante fera probablement son retour dans les années à venir, mais il est probable qu’elle aura évolué et s’améliorera au point de ne plus nuire à l’expérience des utilisateurs.
Avec la prédominance de la vidéo et d’autres contenus non textuels combinés aux nouvelles possibilités présentées par CSS3 et HTML5, il est logique que les graphiques soient à nouveau au centre des préoccupations.
Écrit exclusivement pour WDD par Cameron Chapman
Comment voyez-vous la relation entre le design et le contenu et les cycles de vie présentés dans cet article? S'il vous plaît partager vos points de vue ci-dessous ...