Il est intéressant de voir à quel point dans le monde du Web, on oublie que le support papier reste celui préféré pour la lecture. Peu de sites aujourd’hui ne prêtent attention à cette statistique et leur « aperçu avant impression » laisse parfois à désirer. 95% des sites sont incompatibles avec la notion d’impression. Pourtant le papier présente l’avantage d’un parcours rapide des textes. À tout moment, le lecteur a la possibilité de choisir son passage à lire. Il a en outre la possibilité d’y annoter des éléments sans altérer l’œuvre principale. Par ailleurs, d’après Jakob Nielsen, professeur, écrivain et consultant sur l’ergonomie du Web et le web design, la lecture sur écran est en moyenne 25% moins performante que la lecture … Continuer la lecture de « Les enjeux du CSS pour l’impression »
Ergonomie
L’ergonomie c’est l’étude de la compréhension des interactions entre l’humain et le web, dans le but que les interfaces soient utilisées de la manière la plus efficace possible.
« You’re almost always wrong about your users. » – Manik Rathee
Publicité digitale et revenus
Il existe plusieurs manières de générer du profit au moyen de la publicité digitale. Ces différentes techniques sont à implémenter en corrélation avec le système économique d’un site : selon la notoriété de celui-ci, le type d’annonces publicitaires ne sera pas le même, le mode de paiement de l’annonceur sera également différent. Il existe aujourd’hui trois principales modalités de paiement possibles à négocier par les agences ou les annonceurs : le coût pour mille, le coût par clic et le coût par action. Les notions d’annonceur, d’éditeur ou d’habillages sont définies dans l’article sur l’organisation autour de la publicité digitale. Le coût pour mille (CPM) Le coût pour mille affichages (CPM) est réservé aux sites dont la notoriété est forte. L’annonceur paie … Continuer la lecture de « Publicité digitale et revenus »
Amélioration progressive et dégradation élégante
Aujourd’hui aucun navigateur ne peut prétendre permettre l’utilisation de toutes les spécifications de l’HTML5, ni même de toutes les propriétés prévues pour le langage CSS3. Ces langages restent néanmoins utilisables et permettent de simplifier la vie des développeurs. On peut alors avoir recours à deux grands procédés pour mettre en place ces nouvelles fonctionnalités de façon à ce qu’elles soient au maximum comprises des navigateurs : l’amélioration progressive et la dégradation élégante. Qu’est-ce-que l’amélioration progressive ? L’amélioration progressive consiste à créer d’abord des fichiers compréhensibles et interprétables par tous les navigateurs, pour ensuite y ajouter des améliorations visuelles et/ou sémantiques pour tous les navigateurs qui peuvent les comprendre. Il s’agit donc de créer des pages Web « basiques » qui seront par la suite … Continuer la lecture de « Amélioration progressive et dégradation élégante »
The Web Designer’s Idea Book de Patrick McNeil
The Web Designer’s Idea Book est une série d’ouvrages de Patrick McNeil dont le premier volume paraît en septembre 2008 chez HOW Books. Cette collection permet de suivre les tendances graphiques actuelles et de mieux assimiler les concepts liés au Web design. Dans ce premier tome de The Web Designer’s Idea Book, près de sept cents sites sont référencés afin de fournir aux lecteurs un ensemble de bonnes pratiques pour la conception de maquettes Web. Ces différents sites sont classés selon leur type, leur appartenance structurelle d’un point de vue design, les couleurs prédominantes de leurs pages Web ou encore leurs thèmes. Comme l’explique l’article The Elements of Design de Joshua David McClurg-Genevese (directeur artistique et designer senior de la société American Electric Power), des éléments de … Continuer la lecture de « The Web Designer’s Idea Book de Patrick McNeil »
Refonte graphique : construire une véritable identité visuelle
Afin de réaliser une bonne refonte graphique, il est important de bien identifier ce qui fait l’identité visuelle de votre site. Tous les éléments visibles de votre marque, liée à votre activité, comme les couleurs, les formes, l’apparence finale de votre structure actuelle graphique forment l’identité de votre marque : ce par quoi elle est reconnaissable d’entre mille. Perfectionner son identité visuelle Pour éviter de complètement désorienter l’internaute, il faut tenter de garder certaines pratiques de l’ancien site. Il peut s’agir des couleurs, de l’environnement graphique ou simplement d’un plan de site assez similaire. L’univers graphique, quoique amélioré, doit posséder quelques similitudes avec l’ancienne interface du site. C’est une bonne pratique pour permettre à l’utilisateur de rapidement se retrouver dans un … Continuer la lecture de « Refonte graphique : construire une véritable identité visuelle »
Refonte graphique : un système économique
Envisager une refonte graphique c’est aussi et surtout conceptualiser la monétisation d’un site. Bien évidemment, tout site n’aura pas ce besoin (en guise d’illustration, un portfolio servant de vitrine n’a pas nécessairement cet enjeu). Néanmoins, il est essentiel de prévoir un temps de réflexion à ce sujet lors de la mise en place d’un projet de refonte graphique. Penser un système économique fiable Un des points importants à ne pas négliger lors de la refonte d’un site est son aspect économique. Un site à fort trafic doit s’assurer des conséquences de la future mise en ligne d’une refonte. Il faut penser à optimiser au maximum l’accès aux services proposés qui accroissent les profits réalisés par le site ; et il faut … Continuer la lecture de « Refonte graphique : un système économique »
Refonte graphique : des interfaces, des utilisateurs
L’idée d’une refonte graphique n’intervient pas que dans l’optique de modifier l’architecture d’un site. Bien évidemment, tout dépend des cas évoqués, et il se peut que celle-ci soit réellement envisagée. Mais le principal objectif d’une refonte graphique est de pouvoir conserver certaines bonnes pratiques tout en améliorant l’ergonomie du site et sa prise en main par l’utilisateur. Elle a pour rôle d’intervenir en tant que mise à niveau technique et conceptuelle. Une refonte graphique permet ainsi d’observer une mise à niveau liée à l’usage évolutif des technologies : un menu vertical était une pratique largement développée il y a quelques années par exemple ; aujourd’hui, un menu horizontal est recommandé. Ainsi, pour mettre en place une refonte graphique, il faut savoir tenir … Continuer la lecture de « Refonte graphique : des interfaces, des utilisateurs »