Le site web mobile des Editions Législatives

  La circulation de l’information s’accélère, et ses modes de consommation suivent. Pour répondre aux attentes de leurs lecteurs, Les Editions Législatives ont décidé de se lancer dans l’aventure de l’Internet mobile. 6tm a été choisie pour la mise en place de ce nouvel outil.
L’éditeur publie différents e-quotidiens sur le net, chacun étant destiné un corps de métier particulier (avocats, experts-comptables, ressources humaines, etc.). Pour sa première immersion dans le monde du web mobile, l’entreprise s’est focalisée sur son site www.actuEL-RH.fr. L’idée étant de fournir en un minimum de temps les informations de veille essentielles aux professionnels des ressources humaines.
Partant du constat que la plateforme existante n’était pas appropriée à la consultation sur un téléphone portable, la solution d’un site dédié a été retenue.

Dès lors, se sont posées plusieurs questions relatives à la conception d’un site pour mobile et à sa mise en œuvre. Retour sur le déploiement d’un site « mobile ready ».

Partie publique : pourquoi créer un site dédié ?

Les téléphones sont aujourd’hui presque tous capables de se connecter au net et d’afficher des sites de conception « classique ». Mais qui a déjà tenté l’expérience n’y sera pas repris une seconde fois :
-    des barres de défilement interminables empêchent le visiteur de se repérer dans le site
-    une multitude d’éléments «illisibles » (animations flash, images trop grandes) parasite le contenu informatif
-    et enfin les temps de chargement sont souvent rédhibitoires, même avec la démocratisation des forfaits illimités.

Une conséquence logique du développement en 1024 x 768 pixels, puisqu’il s’agit de la résolution standard des écrans d’ordinateurs. Sur les mobiles, la chose est plus compliquée car les résolutions varient du 240x320 pour les portables les plus courants, au 640x 480 pour le populaire Iphone. D’où la nécessité de penser différemment la déclinaison du site originel.
Faire « light » est LA règle d’or lorsque l’on parle d’affichage sur portable. En pratique, l’allègement du site a plusieurs conséquences :

Ergonomie et éléments graphiques :

La charte graphique se doit d’être minimaliste : logotypes réduits au strict minimum pour rester lisibles, couleurs vives pour un meilleur rendu sur petit écran, suppression des éléments perturbateurs. Dans le cas des Editions Legislatives, les visuels sont ainsi exclus par le logiciel lui-même. Cela réduit aussi considérablement le poids de chaque page, et donc le temps de chargement.

Dans le cas d’une vidéo importante, une mention de sa disponibilité sur le site principal apparaît. Un bon moyen au passage pour garder la fidélité des lecteurs au site principal.

Navigation simplifiée

Si l’Iphone permet une navigation assez semblable aux sites « en dur », tel n’est pas le cas de tous les téléphones. Là où un site ordinaire propose en général différents moyens de navigation (menus, fil d’Ariane, liens hypertextes, flèches précédent et suivant), le site doit respecter une seule trame logique et un minimum d’options.
Le site des Editions Législatives suit ainsi le raisonnement suivant : affichage de l’édition du jour directement en page d’accueil, identifiée par le titre et la date, au sein de laquelle le mobinaute choisit l’article qui l’intéresse. Si une édition précédente (ou suivante) est désirée, une flèche de chaque côté du titre indique la possibilité de s’y rendre. L’accent est mis sur l’information brute, qui est la raison première des visites.
 

La navigation par liste, accessible par les flèches du clavier pallie notamment à l’absence de pointeur souris.

Gestion des accès

S’agissant d’un site à vocation privative, se posent les questions de la gestion des abonnements et de l’identification des visiteurs. Pour pouvoir consulter un article entier, le mobinaute doit préalablement s’être enregistré sur le site principal.
Si obtenir les login et mot de passe est une procédure assez simple (par SMS ou mail), avoir à les entrer à chaque connexion est beaucoup plus fastidieux sur un téléphone portable, où le nombre de manipulations doit être réduit au maximum.
Afin d’optimiser les temps d’accès, 6tm a mis en place un système d’URL personnalisée pour chaque abonné, du type www.mobile.actuel-rh.com/XXXXXXX. Dès lors, il ne reste plus au mobinaute qu’à insérer son mot de passe et accéder aux contenus du site.

Mobilité et interactivité : le mobile 2.0

Si Internet est conçu comme une interaction permanente entre l’utilisateur et l’émetteur, il en va de même pour le web mobile. Il a donc été mis en place un système de notation des articles qui permet aux mobinautes d’évaluer la pertinence des contenus, de recevoir le lien de l’article par mail et de le conserver dans un espace privé.

Partie administration : faciliter le travail des rédacteurs

Dans le cadre d’une publication quotidienne sur le site internet, la perspective d’avoir à rédiger un abstract de chacun des articles dédié au site mobile se révèle plutôt décourageante : le mini-site devient rapidement une maxi perte de temps !
Pour éviter cet écueil, 6tm a proposé une solution automatisée : les rédacteurs gardent la même charge de travail, c’est l’application qui récupère directement les articles destinés au site principal.

Les fonctionnalités mobiles ont pu être greffées au back-office existant.
Mais pour réponde aux exigences de lisibilité, ceux-ci doivent être scindés en plusieurs pages. Un programme analyse donc chaque paragraphe, qui doit remplir certaines conditions pour permettre la scission (nombre de caractères, sous-titres). Cela permet d’accéder à l’intégralité de l’article en plusieurs mini-pages adaptées à lecture sur mobile.
Les rédacteurs restent néanmoins soumis aux impératifs de l’écriture web : clarté et concision, les maîtres mots que l’on retrouve dans les problématiques de référencement !

Déploiement : un peu de marketing mobile

Le site disposant déjà d’un système de back-office, la première tâche a été de greffer les fonctionnalités mobiles à ce dispositif existant.
Pour que le site mobile soit consulté, il fallait également lui donner une visibilité sur le site principal développé par la société Comptanoo. Une animation flash a donc été réalisée pour promouvoir ce nouveau service par les Editions Législatives.

Pour aller plus loin et augmenter la diffusion du site, une solution a été imaginée pour profiter de l’effet viral du support. 6tm a développé un webservice qui donne au mobinaute la possibilité d’envoyer le lien d’un article à un ami, par le biais d’un SMS.

La fréquentation du site mobile est enfin facilement analysable, grâce à l’intégration d’un module Xiti. Les statistiques d’utilisation de la plateforme permettront d’améliorer les contenus de manière permanente.
Le site mobile : www.mobile.actuel-rh.com