Imprimer

Envoyer

Partager

Saviez-vous que moins de 10% des 55 millions de français abonnés à un opérateur mobile naviguent sur le Web via leur téléphone portable [source : Journal du Net - France : l'Internet mobile (21/11/2008)] ?

Avant que les forfaits « Web mobile » illimités ne fassent leur apparitions (Origami chez Orange, Illimythics chez SFR, 3G+/EDGE chez Bouygues telecom), l’explication première donnée à cette situation était le coût de consultation. Cette cause évidente ne poussait pas les propriétaires de site Web (et leurs prestataires…) à faire une analyse détaillée des attentes et des usages des internautes mobiles. Les conséquences sur les sites Web sont à ce jour les suivantes :

1. les sites Web ne sont que très rarement testés sur les téléphones portables,
2. les propriétaires de sites Web qui souhaitent aussi un accès mobile financent la création (et donc la maintenance) d’un second site Web dit « adapté » aux téléphones portables.

2 sites aujourd’hui, combien demain avec la multiplication des supports de consultation Web (ordinateurs, mobiles, télévision numérique, borne interactive…) et l’augmentation prévisible des internautes mobiles du fait des forfaits illimités ?

Rendre consultable un site Web sur tous les supports de consultation

Il ne s’agit pas bien sûr de nier les spécificités du Web mobile et d’affirmer qu’il suffit simplement d’appliquer les recommandations internationales du W3C pour obtenir un site Web consultable sur tous les supports : oui, le site Web ainsi conçu sera « techniquement accessible » sur tous les supports mais il ne sera pas nécessairement adapté à tous les supports et aux spécifités des usages.

Par conséquent, pour répondre de manière non dogmatique à cette question de quel site pour le Web mobile (et ainsi construire une méthodologie d’analyse adaptable aux autres objets de consultation existants et à venir), il faut tout simplement commencer par observer l’accès et la navigation sur un site Web via un téléphone portable (l’analyse gagne en pertinence si différents téléphones portables sont utilisés du fait de leurs différences).

Voici ci-après quelques observations sur l’utilisation Web du téléphone iPhone 3G de la société Apple :

• moteur de recherche : saisie lente des lettres de la recherche du fait de la petite taille du clavier. Etre bien référencé et être listé dans les premiers résultats devient donc plus important que jamais car l’internaute se lassera à effectuer une recherche trop longue (pour l’affiner par exemple) comme il le fait sur un ordinateur.
• temps d’accès : en utilisation Wifi ou 3G, la vitesse de téléchargement du site est acceptable mais devient problématique en accès GSM standard quand la page Web est trop lourde (poids de fichier). La conséquence est l’interruption de l’accès au site par l’internaute.
• consultation : sur l’iPhone, l’affichage des pages est adapté pour ne pas dépasser la largeur de l’écran, ce qui a comme conséquence la diminution significative de la taille des informations et le besoin de naviguer verticalement dans la page Web. Un zoom est alors systématiquement indispensable pour lire une partie de la page. Il y a donc perte de la vue d’ensemble et le temps de lecture par l’internaute des informations en est réellement augmenté.
• navigation : l’absence de souris crée un vrai manque pour les internautes habitués à la souris sur ordinateur. L’écran tactile de l’iPhone sensible au mouvement du doigt ne compense pas totalement cette absence.
• compatibilité technologique : les informations dans des technologies propriétaires (Flash, Silverlight, Word, pdf…) ne sont pas systématiquement lisibles sur tous les téléphones portables (par exemple, l’iPhone n’accepte pas à ce jour le plugin Flash sur son navigateur Safari).
• lecture en extérieur : la luminosité d’un temps ensoleillé par exemple peut considérablement gêner la lecture d’une page Web ayant de faibles contrastes de couleurs.
• temps de consultation : la mémoire de traitement de l’information et la durée des batteries étant plus faibles sur les téléphones portables que sur les ordinateurs, cela a un impact sur le temps de consultation de l’information. L’internaute a besoin d’une information ciblée sans artifice d’affichage (qui consomme du temps de calcul sur son téléphone portable).

Ces observations d’usages du Web mobile appellent la mise en place de solutions dès la conception du site Web. Voici quelques propositions :

• moteur de recherche : être bien référencé grâce en particulier à des titres explicites de vos pages Web (et différentes sur chaque page) et à la structuration de votre information par niveau de titre (comme la structuration en titres de vos documents électroniques type Word ou Open Office : titre de paragraphe, puis de sous-paragraphe permettant de générer automatiquement une table des matières).
• temps d’accès : réduisez la taille de vos pages Web (poids du fichier) en mettant vos informations de mise en forme dans des feuilles de styles, en optimisant le choix de vos images (présence nécessaire ? Evitez par exemple les textes en images parfois présents dans les menus de navigation ; dimensions diminuables ?), en n’imposant pas le déclenchement automatique d’objets multimédia (une vidéo par exemple).
• consultation : évitez de bloquer l’affichage de vos informations pour permettre son adaptation à l’écran de votre téléphone portable (préférer les feuilles de style aux tableaux de mise en forme, ne bloquer pas la taille du texte) ; identifier techniquement et éditorialement vos zones d’informations (par des div et des titres par exemples).
• navigation : donnez des liens d’accès rapide vers les éléments essentiels de votre page Web comme le menu de navigation, le moteur de recherche, le contenu informationnel et en bas de page mettez un lien de retour vers le haut de page.
• compatibilité technologique : privilégiez le format (x)html sur vos pages Web aux formats propriétaires ; donnez une alternative aux formats propriétaires quand ils sont utilisés comme une transcription textuelle pour une vidéo.
• lecture en extérieur : optimiser les contrastes de couleurs, en particulier sur les informations et liens Web essentiels, pour permettre une consultation Web en environnement extérieur (luminosité plus grande qu’en intérieur).
• temps de consultation : il faut une information ciblée et traitable rapidement par l’appareil mobile, ce qui invite à rationnaliser les effets superflus demandant du temps de calcul supplémentaire (exemple : une navigation multimédia créée pour se faire plaisir mais inutile pour l’internaute par rapport à une navigation classique).

Appliquer les propositions précédentes revient à concevoir votre site Web dans le respect des recommandations internationales suivantes du W3C :

• les recommandations d’accessibilité pour les contenus Web : WCAG 2.0
• les recommandations pour la portabilité des sites Web vers les mobiles : Mobile Web Best Practices 1.0

A partir du moment où votre site Web respecte ces 2 recommandations (nombre important de règles identiques : lire le document Relationship between MWBP and WCAG), votre site Web est « techniquement accessible » sur les supports fixes et mobiles de consultation Web (il est interopérable). C’est un premier pas qui semble aujourd’hui indispensable pour tous les sites Web vu l’augmentation prévisible de consultation du Web via les téléphones mobiles.

Améliorer la pertinence de consultation d’un site Web en fonction du support de consultation

Il reste à se poser la question de la pertinence pour l’internaute d’avoir accès à toutes les informations de votre site Web via par exemple un écran plus petit, sans souris et dans un contexte de mobilité.

La réponse dépend en premier lieu de la nature du contenu de votre site Web. Cependant, même dans les cas où en effet certains contenus ne sont pas pertinents sur un téléphone portable, il faut éviter de donner comme réponse technique le développement d’un second site Web. Le téléphone iPhone avec ses applications propose une solution à ce besoin d’afficher qu’une partie du contenu d’un site Web et montre ainsi qu’il est possible de sélectionner des zones d’informations issues du même site Web. Par ailleurs, si votre site Web s’affiche grâce à des feuilles de style, vous pouvez même changer son affichage pour l’adapter à votre téléphone portable.

En faisant cela dans le cas où votre choix est de proposer aux internautes un accès mobile spécifique à votre site Web, vous ne développez pas un second site : vous l’adaptez au support de consultation moyennant un effort de développement limité. Vous assurez ainsi l’existence d’une source unique d’information et vous préparez votre site Web aux évolutions de consultation Web qui vont se multiplier à l’avenir. Mais n’oubliez pas : développez votre site Web dans le respect des recommandations internationales du W3C.

Note : si vous voulez simuler le comportement de votre site Web sur un téléphone portable, vous pouvez utiliser l’application en ligne de dotMobi : dotMobi Emulator.

Exemple de consultation Web mobile : les personnes aveugles et le vocal

Comme pour naviguer sur un site Web à partir d’un ordinateur, les personnes aveugles utilisent un logiciel dit « lecteur d’écran » sur leur téléphone portable. Ce logiciel vocalise le menu de navigation du téléphone ainsi que le contenu affiché et permet à la personne aveugle de contrôler sa consultation grâce à différentes fonctionnalités.

A ce jour, il existe 2 lecteurs d’écran pour vocaliser certains téléphones portables disponibles sur le marché :

• Mobile Speak de la société Code Factory (liste des téléphones portables compatibles).
• Talks de la société Nuance.

Note : le lecteur d’écran Mobile Speak est utilisable sur la plupart des systèmes d’exploitation qui équipent les téléphones mobiles : Symbian, Windows Mobile (Smartphones, Pocket PC) et BlackBerry (nom du lecteur d’écran : Orator). Il bénéficie des voix de synthèse Text-to-Speech créées par Acapela Group et que vous pouvez tester en ligne à Acapela Text-to-Speech Interactive Demo.

La démonstration d’utilisation d’un lecteur d’écran sur un site Web montre de manière évidente l’importance de développer votre site Web dans le respect des recommandations internationales du W3C. S’il vous fallait une raison supplémentaire de le faire…

Innovation : naviguer différemment sur le Web avec votre mobile

Si les lecteurs d’écran permettent un rendu vocal d’un site Web via un téléphone mobile, d’autres applications de reconnaissance vocale vous permettent de piloter votre navigation Web.

Voici ci-après une video en anglais sur l’application Google Mobile pour l’iPhone. Quand on vous dit qu’il est temps de vous intéresser aux évolutions du Web mobile…