41Mag - Comment rendre votre site web compatible avec les tablettes (iPad …) – Astuces et ressources

Comment rendre votre site web compatible avec les tablettes (iPad …) – Astuces et ressources

Votre site est prêt pour la Révolution des tablettes ? Le nouvel iPad 3 vient de frapper le marché, et les tablettes sont de  plus en plus présentent. En seulement quelques années, la démocratisation de l’iPad d’Apple a créé une nouvelle tendance que les propriétaires de sites doivent prendre en compte. L’émergence des tablettes a provoquer de nombreux propriétaires de sites Web à repenser leur conception et mise en page.

A la base, la construction d’un site web était uniquement destiné aux ordinateurs de bureau et ordinateurs portables. Puis les téléphones mobiles sont apparu et ont  bousculé quelques principes. Beaucoup de propriétaires de sites Web ont maintenant une version mobile à disposition des visiteurs surfant à partir de leurs smartphone. Eh bien, il est temps de mettre à jour votre site web encore une fois, cette fois : pour les propriétaires de tablette. Dans cet article nous allons découvrir pourquoi il est important pour votre site web d’être compatible avec elles.

Pourquoi est-il si important de préparer votre site pour les tablettes ?

Le très sérieux International Data Corporation prédit que d’ici 2015, les utilisateurs du Web aux États-Unis auront accès majoritairement à leurs sites favoris via des appareils mobiles que par l’utilisation d’ordinateurs personnels. 2015 est seulement dans quelques années … Pensez-y. Combien de fois avez-vous visité un site à partir de votre smartphone pour vous rendre compte que c’est peu intuitif et qu’il n’est pas facile de l’utiliser ? Combien de temps restez-vous sur ce site ? Combien de fois pensez-vous revenir ? En utilisant cette même philosophie, réfléchissez à ce que les utilisateurs de VOTRE site en penseront en surfant depuis une tablette ou un smartphone. Il est  donc essentiel que vous preniez le temps de mettre à jour votre site Web dès que possible.

Les choses à faire et à ne pas faire !

Maintenant que vous réalisez à quel point il est essentiel de créer un site web compatible avec les tablettes, nous allons passer en revue certains choses à faire et à ne pas faire. Commençons par les choses déconseillées. Si vous faites ce qui suit, votre site ne sera pas compatible :
  1. Ne pas inclure d’animation Flash si vous voulez que votre site fonctionne sur l’iPad.
  2. Ne pas avoir trop de zones cliquables (liens, etc) trop près les uns des autres. Assurez-vous que votre navigation est simple et pratique.
  3. Les photos et vidéos ont un superbe rendu, mais un trop grand nombre sur une page donnée peut rendre le site encombré et pourrait même causer des problèmes de chargement.
Au contraire de la liste ci-dessus, voici différents conseils afin de rendre votre site compatible avec les tablettes (ipad …)
  1. Accédez à votre site Web actuel à partir d’une tablette pour vous faire votre propre idée, ce qui semble bon et ce qui ne fonctionne pas. Prenez des notes et échanger des idées pour rendre votre site web fonctionnel sur des tablettes, tout en la conservant pour les ordinateurs portables et de bureau.
  2. Ajouter plus de contenu et d’informations relative à la géolocalisation de votre visiteur. Un des grands avantages des tablettes est qu’elles peuvent venir partout avec vous. Les utilisateurs sont mobiles, cela pourrait signifier qu’ils sont à la recherche de contenu liée à leur mobilité. Pensez aux liens vers Google Maps, aux informations de contact …
  3. Assurez-vous que la police de votre site peut être lu facilement à partir d’une tablette. L’éblouissement et l’éclairage, ainsi qu’une taille d’écran trop petite  peut rendre certains sites difficiles à lire à partir d’une tablette ou d’un smartphone. Habituellement les ordinateurs portables et fixe sont mis en place et utilisé à l’intérieur et en zones éclairées. Encore une fois, les tablettes sont mobiles ce qui signifie que  l’éclairage sera un problème plus fréquent pour les utilisateurs de tablette. Mettez à jour votre style de police, la couleur et la taille si vous en avez besoin.

Les étapes ci-dessus devrait vous aider à démarrer la mise à jour de votre site Web pour être compatible avec les tablettes.

Exemples de sites optimisés et compatibles avec les tablettes

En un peu moins de 2 ans, la libération de l’iPad d’Apple a créé une quantité inimaginable de changement. La navigation sur Internet étant de plus en plus courante sur ​​des tablettes comme l’iPad,  de nombreuses entreprises en ont pris note. Voici quelques exemples de grandes enseignes qui ont rendu leur site compatible :
  • Amazon.com - En 2011, Amazon a fait une énorme poussée dans l’espace mobile avec la sortie de leur application iPad Windowshop et avec leur nouveau site Web. La version iPad ou tablette dispose d’un espace beaucoup plus blanc, la barre latérale sur la gauche a disparu, la barre de recherche est élargie pour l’écran tactile, et les photos des produits sont facilement clivables.
  • Nike.com - Nike a mis à jour son site web pour profiter pleinement de l’interface tablette. Leur site web de Nike est l’un des meilleurs exemples d’un site web compatible et optimisé pour la navigation mobile
Comme cette nouvelle tendance prend du poids, nous allons voir de plus en plus d’entreprises commencer à réviser leur site Web pour s’assurer que les utilisateurs tablette puissent naviguer facilement et d’interagir avec. (et donc revenir …)

Des thèmes compatible et optimisé pour tablettes pour WordPress

Si vous utilisez WordPress, vous devez être familier des Thèmes. Il en existe des millions, en version gratuite et payante… Cela dit, à compter d’aujourd’hui, il n’y en as pas beaucoup qui vous permettront d’avoir un site compatibles entre les ordinateurs portables et les tablettes. Si vous utilisez WordPress et que vous en cherchez un afin de créer un site web compatible, voici quelques exemples :
  • Onswipe : Make your blog look beautiful on tablet web browsers in under 3 minutes. (Plugin pour WordPress)
  • Mobile Pro
  • Mobility (Theme wordpress)

Outils et ressources pour créer un site web compatible avec les tablettes (iPAd …)

La conversion de votre site Web dans un environnement approprié aux tablettes doit se faire  le plus tôt possible. C’est une chose qui peut vous séparer de vos concurrents. Nous terminerons cet article avec des liens vers diverses ressources et outils que vous pourriez utiliser  si vous voulez profiter de la révolution des tablettes et créer un site web compatible.
  • Pressly effectue automatiquement les publications en ligne comme les applications natives lors des visites à partir de la tablette.
  • Pour ceux qui cherchent à e savoir un peu plus sur ce que l’avenir nous réserve, je vous recommande fortement l’ebook intitulé «Mobile, Tablette et e-commerce: Est-on vraiment prêt?« . (en anglais)
  • L’apprentissage du HTML5 pour une compatibilité naturel : HTML5, tutoriel complet

Maintenant que vous avez les informations nécessaire,  il est temps d’effectuer quelques modifications sur votre site web pour le rendre parfaitement compatible avec l’arrivé des tablettes !

Article du même thême : ..

Copyright © 2013 | 41Mag. All rights reserved. Contact.
Integrated by Créa-troyes. Powered by WordPress.