Les Bonnes pratiques du Web Mobile en 2012


Le 03 janvier 2012 | Par JRGoodtime dans Mobilité | 4 Commentaires


pages-jaunes-mobile-site-appS’il y a bien une chose qui m’énerve c’est qu’un site mobile qui a été à priori développé pour simplifier la vie des utilisateurs soit introuvable, vite inutilisable ou tout simplement inutile.

Voilà donc mon top des bonnes pratiques du web mobile :

1/ UserAgent : Redirigez vos visiteurs vers la bonne version de votre site
A peine 35% des sites de marques redirigent les utilisateurs vers le site mobile. Simple à mettre en place, la gestion des user-agent permet de détecter quel type d’outil vient sur votre site (exemple un iphone) et de lui dire : « il existe une version mobile de notre site, souhaites-tu y aller ? » ou tout simplement rediriger le visiteur directement.

2/ Laisser le choix de la version
Parce que le site mobile est peut être moins complet, moins pratique, moins beau… le mobinaute préférerait rester sur le site classique, c’est son choix, vous devez le lui permettre.

3/ XHTML, HTML4, HTML5
2 ou 3 versions, selon vos budgets, mais il est clair que votre site mobile doit graphiquement se présenter sous 2 formes : Une épurée, peu d’image, très légère. L’autre (légère également) mais plus complète et compatible avec les environnement tactiles. Une version HTML5, serait un plus non négligeable et vous fait investir sur les futures normes et des capacités de navigation et de fonctionnalités aussi riches que des applications. Analysez les téléphones qui vont sur votre site, regardez  les OS, si iPhone, Android > 2.1 BlackBerry > 6.0 représentent plus de 70% de votre trafic HTML5 et XHTML Mobile suffisent amplement.

4/ Barre de navigation
Sur des téléphones tactiles avec des bonnes tailles d’écran la navigation et le menus peuvent se trouver en vertical et en horizontal. Sur cette dernière pensez à faire un rappel en bas de page (remettre la barre de menu en bas) c’est toujours plus pratique que de remonter les 10 articles précédemment lus…

5/ Référencez votre site mobile
Un site mobile est un site normal, qui doit se trouver dans google, yahoo et bing. Il ‘ny a pas de raison logique à ce que vous n’utilisiez pas du SEO (référencement naturel) et SEM (référencement payant comme google ads) afin que vos visiteurs n’accèdent pas directement à la bonne version du site depuis le moteur de recherche.

6/ homogénéisation des design
Ce n’est pas parce que vous êtes sur mobile qu’il faut faire n’importe quoi !!! Harmonisez vos design, couleurs, icones, logos et la navigation ! L’utilisateur s’attend à retrouver l’univers de la marque !

7/ Et les apps ?
Certes les Apps fragmentent le marché du web mobile mais elles n’en sont pas moins extrêmement utilisées, pensez à indiquer à vos utilisateurs qu’elles existent quand ils arrivent sur votre site.

Si aujourd’hui je devais donner mon top des meilleurs sites mobiles pro français :

Les plus accessibles :

1/ Pages Jaunes
2/ Voyages Sncf
3/ Paypal (ok pas français)

Les plus innovants

1/ Markets.com
2/ Financial Times
3/ LaTribune  (au moins un français 😉 )


Tags: , , , ,



Commentaires/Trackbacks/Pingbacks
  1. Val dit :

    Par contre prendre page jaunes en exemple c’est pas un peu du foutage de geule 🙂

  2. AMHA.fr dit :

    @Val trouve mieux et je le rajoute… attention avec les mêmes exigences techniques que PagesJaunes (homogénéité, portage multi plateforme, sites xhtml, html, html5…)

  3. Val dit :

    @AMHA : Facebook 🙂 et Voyages-Sncf (mais tu la cité) sinon la version WP7 de pages jaunes franchement… Cela dit superbe l’article !

  4. Anonyme dit :

    Facebook n’est pas une marques commerciale (et je cherchais français)

Laisser un commentaire


RSS

Twitter JRGoodtime Twitter nincoroby
ToBeChanged est un blog collaboratif dédié aux nouvelles technologies, écrit à plusieurs mains par des passionnés. Nous essayons de vous faire découvrir nouveautés et réflexion, en dénichant pour vous des infos que vous ne trouverez pas sur les autres blogs de nouvelles technologies.

Partenaires

  • Jobs Booker (Site Emploi)
  • Articles promotionnels techno
  • Consultant Adwords (Pro)
  • Consultant e-business
  • Réduisez votre consommation énergétique avec un éclairage intérieur à ampoules DEL.
  • Réparation de téléphones cellulaires
  • Annuaire téléphonique mobile
  • Démystifiez le système téléphonique commercial avec des experts en système analogique, numérique et IP.
  • Système d'alarme contrôlable sur votre portable
  • Recruteur TI

  • Archives