Adapté son site pour les mobiles

Afin d'améliorer notre outil de gestion de contenu WebMinute.net. Nous discutons de la possibilité de faire des thèmes adapter pour les mobiles. Nous savons que de plus en plus de personne utilisent leurs appareils mobiles (iphone, ipad, android, etc...) pour accéder à l'internet. Les chiffres démontrent que les connexions provenant de mobiles ont surpassés celles provenant d'un ordinateur.

J'avais jamais fait de site pour mobile. En théorie, le travail d'intégration est très similaire à celle d'un site web de taille normal. J'ai donc fait mes recherches et trouver ce qui différencie un site pour mobile et un de taille traditionnel.

J'ai donc fait un premier essaie sur mon site Mon intégrateur web.ca en utilisant les médias queries qui permettent d’appliquer une feuille de style selon le média utilisé et la résolution de l’écran. Lorsque la largeur de l'écran est plus petite que 499px. Le design est complètement modifié sans aucun rafraîchissement de la page. Bon, j'ai passer quelques heures dessus. Ce n'est pas final mais c'est un bon début et je peux maintenant dire que je fais des sites adaptés pour les mobiles

Pour terminé. L’écran d’un mobile est beaucoup plus petit que celui d’un ordinateur : il faut donc revoir le contenu et la navigation. Voici quelques principes à suivre pour un affichage plus ergonomique sur mobile.

Un design vertical

Pour un design ergonomique et une lecture aisée, plus question d’avoir plusieurs colonnes côte à côte, mais des blocs les uns en dessous des autres : votre site ne doit comporter qu’une seule colonne.

Viser la simplicité et la clarté

Pour faciliter la lecture de votre site, la typographie utilisée doit être suffisamment grande.
Évitez de surcharger vos pages. Il faut supprimé les gadgets et contenus inutiles.

Repenser la navigation

La navigation sur mobile est différente. La présentation du menu est aussi différente. Il faut un menu simple, vertical et facilement acessible.