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 »
Design
Le design englobe de nombreuses compétences et disciplines différentes dans la production et la conception.
En ce qui concerne le web design, ces différents domaines comprennent la conception graphique; la conception d’interface; la rédaction, le code normalisé et les logiciels propriétaires; l’expérience utilisateur; et l’optimisation des moteurs de recherche.
« Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. » – Antoine de Saint-Exupéry
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 : 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 »