Ne perdez plus le fil grâce à nos articles

Nous décortiquons les meilleures pratiques pour vous !

Le blog des réseaux sociaux, de l'internet et de la mobilité.

Pour ne rien manquer, abonnez vous à notre flux RSS ou à notre Newsletter.

Flux RSS : Souscrire

  • Photo Arnaud Augier

    Mon site visible sur tous les écrans

    Classé dans Mobile,web-marketing,Blog

    Taggé mobile, responsive, tablette et internet

    Arnaud Augier


    Qu'est ce que le responsive design ?

    Un site crée en responsive design permet d'avoir une interface qui s'adapte à tous les écrans : fixe, tablette et smartphone avec un seul et même site. Le graphisme et les données s'adaptent automatiquement à la taille de l'écran, en vertical ou en horizontal, ce qui permet au lecteur d'avoir toujours l'information essentielle en fonction de son support

    Site de Trail en Briançonnais

    Pourquoi choisir ce type de site ?

    Choisir un site en responsive c'est déjà réaliser des économies dès la conception puisque vous n'aurez qu'un seul développement pour site qui s'adapte à tous les supports. Ainsi la mise à jour du site sera faite sur une seule interface pour tous les écrans
    Si votre site est visible sur tous les supports, cela veut dire un gain incroyable de visites de la part des mobinautes (les internautes en mobilité) sur les tablettes et les smartphones et quelque soit leur position géographique. Et en fin 2013 ils étaient près de 26 millions en France
    Le référencement de votre site qui dispose donc d'une seule adresse s'en trouve optimisé pour les moteurs de recherches.

    Ca change quoi ?Site internet by05.fr

    Un site en responsive bien développé donne l'essentiel au mobinaute et des pages bien plus développées à l'internaute. Pourquoi ? Vous êtes dans un train et souhaitez avoir des informations sur un commerce ou un service. Le fait de zoomer sur la page, de devoir déplacer la page de droite à gauche pour voir quelque chose vous agace, bref vous fermez le site. Si vous avez affaire à un site responsive, vous verrez sur votre smartphone l'essentiel des informations en pleine page. Le responsive est développé également dans l'esprit du tactile. De grands blocs ou menus qui sont facilement accessibles

    Si vous utilisez une tablette, les blocs et menus se repositionneront automatiquement pour s'adapter à la nouvelle taille de l'écran. Ainsi on developpera un site sur deux, trois ou quatre colonnes pour permettre le repositionnement automatique des informations selon les supports.

    Graphiquement parlant

    A la différence de la version desktop (écran), le site responsive sur tablette puis sur smartphone dispose d'un graphisme très épuré au fur à mesure que l'on a une taille d'écran réduite. La raison principale est de concentrer l'attention du lecteur sur le contenu plutôt que sur le contenant et d'éviter de polluer l'information. La version écran sera beaucoup plus élaborée et présentera un design particulièrement attractif. Mais garder une homogénéité graphique sur l’ensemble des supports est primordiale pour que l’expérience de l’internaute reste efficace et simple.

    Pensez mobilité !

    La mobilité et la géolocalisation sont parmi les enjeux de l'année à venir. La consultation internet sur mobile va surpasser celle sur écrans fixes; on s'y attendait..nous y sommes ! Les offres des fournisseurs sont de plus en plus attractives et il est de plus en plus facile de se connecter n'importe où avec son smartphone ou sa tablette en 3G, 4G et WIFI. Il est nécessaire voire absolument essentiel désormais d'avoir un site adapté au mobile. D'autant que Google pourrait dans l'avenir réfléchir au référencement des sites qui ne sont pas adaptés à la mobilité

    Quel est la différence entre un site mobile et une version responsive ?

    Une site mobile sera développé uniquement pour un smartphone.
    Avantage : totalement pensé pour un smartphone. Inconvénient : il faut en développer un second pour les tablettes et il s'agit d'un deuxième site donc un budget supplémentaire. Cette interface sera également lue comme un site différent par les moteurs de recherche

    Faut il une application ?

    Si votre site répond largement au message que vous souhaitez diffuser aux internautes, non. Le site adapté à tous les supports suffira. Une application devra proposer quelque chose de différent qui n'existe pas sur votre site internet. Pensez également à faire développer des web applications pour certaines données qui ne nécessitent pas forcément l'emploi de toute la puissance d'un smartphone et surtout qui s'affranchissent des coûts d’hébergement sur les store d'Apple, de Google ou de Microsoft par exemple. D'autant qu'une application pour smartphone n'est pas forcément adaptable sur tablette, il faudra développer une version spécifique de l'application.

    Site internet Cyclo Luc AlphandRéférencement

    Il est important de prendre en compte les divers usages entre écran au bureau et mobilité pour construire un site en responsive. Aussi il est essentiel d'intégrer les notions de géolocalisation et des réseaux sociaux dont l'usage en mobilité n'est plus à démontrer. Il semble que les retours sur les sites en responsive en terme de référencement soient en ce sens encourageants.

    Au final, le Responsive Design semble être une bonne solution dans votre stratégie afin de pouvoir être présent sur tous les supports et toucher différents types d'internautes.

    Exemples :
    Site internet de l'association Courir en Briançonnais à Briançon - © Net-rezo 2013
    Site internet du Magazine By05 à Pelvoux-Vallouise - © Net-rezo 2014
    site internet de la cyclosportive Luc Alphand à Serre Chevalier - © Net-rezo 2014