25 septembre 2015

Page d'accueil des sites adaptatifs : esthétisme ou orientation ?

Image courtoisie de 2nix -freedigitalphotos.net

Trois grand principes guident ma formation en rédaction web: orientation, information et action. 

Dernièrement, je me suis posé une question quasi existentielle au sujet de la page d'accueil des sites web adaptatifs (responsive design). 

Il me semble que la plupart optent pour une page d'accueil où l'esthétisme prime par rapport aux contenus stratégiques. 

Par exemple, le site adaptatif de ma Faculté se déploie d'abord comme ceci:



Le logo de l'Université demeure bien en vue, puis le carrousel se met en branle avec ses trois ou quatre messages d'une dizaine de secondes chacun (les messages sont cliquables). Enfin, un court texte de bienvenue décrit la mission de la Faculté.

Pour découvrir les rubriques principales, il faut cliquer sur l'icône du menu représenté par le fameux "hamburger" (trois lignes verticales et égales), placé dans la partie supérieure gauche de l'écran. Voici le résultat:




Un autre exemple: celui du site adaptatif de l'Ordre des ingénieurs du Québec.



On retrouve ici, au centre et assez bien en vue, le nom de l'organisme; le menu "hamburger" se trouve cette fois à droite et vers le milieu de l'écran. 

Au-dessus, un champ de recherche, un espace destiné au "login" des membres, des liens vers ses médias socionumériques et le choix de langue.  La dernière section du bas intitulée À LA UNE est un carrousel contenant aussi trois ou quatre messages défilant à toutes les cinq secondes environ (cliquables aussi). 

Les rubriques principales s'affichent donc, ici aussi, en cliquant sur le menu "hamburger". Voici le résultat:




Esthétisme ou orientation ?


D'une certaine façon, l'approche esthétique (au détriment des contenus) me rappelle les anciens "splash screen" (ou écran fugitif) de la fin des années 90. 

Vous vous en souvenez ?  La page d'accueil présentait une image ou un graphique (le logo de l'organisation), parfois accompagné d'un texte très court et assez souvent, d'un choix de langues... avant de nous amener vers les contenus principaux. 

Pour plusieurs spécialistes, il s'agissait d'une perte de temps. D'autres défendaient le principe en invoquant le temps de téléchargement; le splash screen rassurait l'internaute qu'il ou elle était au bon endroit...

Les contenus poussés par l'organisation sont-ils toujours pertinents pour l'internaute ?

Quand on est en situation de recherche d'information avec son appareil mobile, il me semble qu'on veut trouver rapidement les principales rubriques. Or, l'approche esthétique se fait plutôt au détriment de l'orientation ou de l'accès aux contenus principaux; il faut cliquer sur le "burger" pour y accéder. 

D'autre part, certains experts jugent les informations en carrousel inutiles pour cause de taux de clics bien maigres (voir ici). Le carrousel dans un site adaptatif peut-il faire mieux ? On peut en douter...

Faut-il donc préférer l'approche esthétique (est-elle vraiment plus ergonomique aussi) à une approche d'orientation donnant plus rapidement accès aux contenus ? C'est la question que je me pose encore...

Qu'en pensez-vous ?

Enfin, d'autres organisations optent plutôt de développer une application dédiée pour la mobilité, la préférant au design adaptatif. Il me semble que l'un n'empêche pas l'autre...

Par exemple, le site de notre Société des alcools du Québec ne semble pas avoir adapté son site pour mobile. Que dois-je faire si je ne tiens pas à télécharger son application ?




Google offre un test de compatibilité mobile. Il suffit d'insérer l'url d'un site et on obtient le verdict en quelques secondes...





Curieusement, le site de la Ville de Montréal n'offre pas non plus d'adaptation...



Dans ce cas, je préfère tout de même un site adaptatif dont la page d'accueil présente des contenus qui ne m'intéressent pas nécessairement, quitte à cliquer sur le "burger"... 

;-)

Merci de votre lecture !


Patrice Leroux



Aucun commentaire:

 
Creative Commons License
patriceleroux by patrice leroux is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Canada License.
Based on a work at patriceleroux.blogspot.com.