Où en est le web design ?

Michel Pinosa, designer spécialiste du web, nous livre ses réflexions sur la situation du web design. Une mise au point claire et utile pour une plus grande efficacité entre les designers et les donneurs d’ordre. Quelques années après la création de cette discipline nouvelle du design, il était bon de donner la parole à un professionnel pour un état des lieux.

Depuis sa récente création, le web design a paré à l’urgence. Communiquer, produire, informer, fédérer, prendre des parts de marché, tout ceci à la vitesse grand « W » (web).

Intranet, extranet, blog, web 2, bientôt web 3, CMS, les qualificatifs ne cessent de pousser, privilégiant souvent l’aspect technique et marketing sur l’ergonomie, et le réel besoin du client.

Nous avons, avec mon ami programmeur Patrick Nakach, pris le temps de la réflexion, pour essayer de mettre en place une vision rafraîchie, en tenant compte des avancées techniques et des besoins du plus grand nombre.

Rapide état des lieux du web design

Le design doit entre autres faire face à des impératifs contradictoires :

• mettre en valeur des contenus de plus en plus riches (images, vidéo…) ;
• simplifier la navigation (limiter le nombre de clics pour atteindre une page) ;
• offrir des outils d’interaction avec l’internaute et les réseaux sociaux ;
• mettre en avant des liens vers des pages importantes ;
• ne pas changer trop vite les habitudes du visiteur.

De plus, le design doit tenir compte du support :

• vieilles configurations (écrans de 800 × 600) ;
• écrans de salon ;
• écrans réduits de smartphones.

Il en résulte des sites encombrés de :

bandeaux, encarts pub, menus divers, bas de pages, retours vers le haut de page, vignettes à cliquer…

Le précieux contenu essaie d’émerger de tout cela.

Fonctions demandées à un site

Les fonctions communes demandées à un site par la majorité des clients sont :

Fonctions premières

• La possibilité pour le client de pouvoir mettre à jour lui-même ses infos, ses médias, sans logiciel installé sur son ordinateur et sans toucher au code, comme on le fait avec un blog ; de pouvoir rajouter et supprimer lui-même des parties de menu et des articles. Ce sont les fameux CMS (content management system).
• Un bon référencement naturel sur les moteurs de recherche.
• Une home page représentative de l’activité, sans être trop chargée.
• La possibilité de faire des recherches sur le site grâce à une recherche par mots et une recherche par mots-clés.
• Un espace réservé à des adhérents.
• La gestion de formulaires.
• Une newsletter.

Nouvelles fonctions demandées depuis peu

• Un accès graphique pour les smartphones.
• Des outils de communautés (Facebook, Twitter, etc.).

Vers où aller

Le confort de lecture voudrait que le contenu prenne toute sa place dans la fenêtre du navigateur, sans pour autant utiliser des solutions propriétaires telles que « Flash ».

Ce même confort ordonne de limiter le nombre de clics, et de favoriser les ouvertures au survol.

La logique voudrait qu’aujourd’hui les menus soient à droite, près de l’ascenseur de la page, pour éviter les va-et-vient, et qu’ils suivent également les mouvements d’ascenseur de la page.

L’arrivée récente des iPhone, smartphones, iPad et autres tend à généraliser l’utilisation d’icônes de navigation qui devraient trouver une norme naturellement, identifiable par tous, et par toutes les cultures informatisées.

Enfin (vieux débat), il serait bon que tous les navigateurs suivent les normes de langage, afin que les sites fonctionnent de la même façon quel que soit le navigateur.

Du mieux à venir côté code

L’arrivée du HTML 5. Il permet entre autres de :

• mieux structurer les pages par l’ajout de balises ayant un sens. Par exemple, la balise <nav></nav> signale le bloc de navigation du site, les balises <section></section> et <article></article> contiennent le contenu principal de la page ;
• manipuler des dessins vectoriels ;
• afficher des vidéos sans player ;
• et bien plus…

Associé à l’Ajax, il augure un web propre, open source, plus rapide, et signifiant aux moteurs de recherche.

Liens utiles

Un exemple de site avec menu graphique à droite flottant, laissant de la place au contenu : html, php, ajax. Pas un gramme de Flash. Voir le site

À propos du HTML 5, en anglais : Voir le site

Quelques sites de veille :

En français : Pompage : Voir le site ; OpenWeb : Voir le site

En anglais : A List Apart : Voir le site ; Smashing Magazine : Voir le site