Adaptation ou conception d’un site web mobile?

Le 30 juillet 2012, dans la catégorie Conception Web

Le mois passé, 7% des visites sur internet sont des cellulaires. Ce qui est encore plus alarmant, ce chiffre grimpe à prêt de 50% lorsqu’on parle de recherche pour un service locale.

Il ne fait aucun doute que la conception d’un site web mobile est primordial en 2012. Selon votre budget, il existe deux types d’approche. Adapter ou créer.

Adaptation d’un site web pour les mobiles

Généralement moins couteuse que la conception, la première solution est d’adapter sont site web actuel pour la dimension de l’écran d’un cellulaire, soit environ 400×800. Réduire la largeur du site web et grossir la police facilitera la lecture.

Il faut également penser à la technologie utilisée par les cellulaires. Par exemple, le iPhone ne supporte pas la technologie Flash, de Adobe. C’est donc à éviter. Le HTML5 / CSS3 nous permet maintenant de faire des effets tout aussi spectaculaire qui sont compatibles avec toutes les tablettes électroniques.

Un écran touch-screen n’est pas aussi performant qu’une souris. Un menu déroulant peut devenir une expérience frustrante pour un utilisateur. Utilisez des boutons de bonne dimensions et évitez les menus déroulants à plusieurs niveaux.

La performance de votre site web peut également avoir un effect négatif. Il faut s’assurer que votre site web répond rapidement sur un téléphone mobile.

Conception d’un site web pour les mobiles

L’expérience est completement différente pour l’utilisateur qui utilise un écran miniature, sans clavier et souris. Ces besoins ne sont pas les mêmes.

C’est pour cette raison que la solution que je préfère est de détecter les utilisateurs de mobiles et de les rediriger vers un site conçu spécialement pour eux. Le taux de conversion augmentera considérablement.

Il faut épurer le site web. Regardez cet exemple frappant du site de NFL.

Image de kissmetrics

Les gens qui utilisent leurs mobiles sont souvent en déplacement et recherche de l’information rapidement. Il faut être bref et précis. Utilisez des titre, des sous-titres et des listes à points à la place de paragraphes.

La technologie jQuery Mobile permet de créer un interface impressionnant qui se rapproche de l’interface du iPhone. Les utilisateurs apprécieront et vous serez gagnant.