• Pourquoi un site web?

    Pourquoi un site web?

    Avoir un site internet permet d'avoir une vitrine de votre entreprise, accessible partout dans le monde 24h/24, 7 jours/7.

    En savoir plus
  • Un site adpaté aux mobiles

    Un site adapté aux mobiles

    De nos jours, de plus en plus de personnes naviguent sur internet quotidiennement et principalement sur leur smartphone.

    En savoir plus
  • Le Responsive Design

    Le Responsive Design

    Un site avec un Design Responsive a l'avantage d'être lisible sur tous les supports : ordinateurs fixes et portables, tablettes, smartphones, phablettes, etc...

    En savoir plus

La navigation internet sur smartphone : une tendance à la hausse

Concevoir un site internet adapté aux téléphones mobiles

De nos jours, de plus en plus de personnes naviguent sur internet quotidiennement et principalement sur leur téléphone portable de type smartphone. La croissance de ventes de ces téléphones et fortement exponentielle d'années en années et ne cesse de grimper. S'adapter aux évolutions de la société est urgent : il est fort possible d'après les experts que le pourcentage de personnes navigant sur un téléphone portable dépasse celui des personnes se connectant sur une ordinateur. Malgré cela, la navigation sur téléphone portable n'est pas toujours optimale et peut être difficile : temps de chargement des pages trop long, résolution de l'écran trop réduite, images qui ne s'affichent pas, etc.

Hausse de la navigation web sur smartphone
Navigation sur smartphone

C'est pourquoi il est fort judicieux de la part d'un créateur de site web - voir indispensable pour certains sites très utilisés et consultés - d'adapter ses sites internet et/ou de proposer pour chacun d'eux une version spécialement optimisée et pensée pour les téléphones mobiles.

Il existe pour cela différentes méthodes et solutions :

  • Concevoir son site internet dès l'origine pour s'adapter tout seul à la taille de l'écran sur lequel il s'affiche.
  • Créer un nouveau site spécial mobile. Le site a donc une version PC et une version mobile.
  • Ajouter un thème pour les mobiles à un site internet classique.

Concevoir un site internet s'adaptant à la taille de n'importe quel écran sur lequel il s'affiche : le RWD

Pour concevoir un site de ce type, une méthodologie révolutionnaire a été inventée par Ethan Marcotte : le RWD « Responsive web design » appelé également en français le « Web Design Réactif ». Cette innovation révolutionnaire permet la création d'un site unique s'adaptant automatiquement et sans réglage aux différentes définitions d'écran : celles d'un smartphone comme celles d'un écran de 30 pouces, cette méthodologie s'applique à toutes les différentes largeurs existantes (ordinateurs, téléphones, tablettes).

Depuis sa création, le RWD rencontre un succès croissant: il devient de plus en plus incontournable dans l'univers de l'ergonomie et de l'élaboration des sites internet actuels. Cette nouvelle technique de conception de sites internet vient chambouler les habitudes des webmasters et leur demande de s'adapter si ils ne veulent pas être mis à l'écart des nouvelles demandes. Il incombe alors aux concepteurs de sites de se former aux nouveaux outils RWD.

Le responsive design
Responsive Design (s'adapte à tous les écrans)

Créer une version du site internet, "spéciale mobile"

La simple possibilité de pouvoir consulter un site sur un téléphone mobile ne signifie en rien qu’il est spécialement adapté aux mobiles. Les sites internet conçus pour téléphones mobiles doivent avoir été pensés et travaillés autour de deux facteurs principaux :

  • L'écran d'un téléphone portable est bien plus petit que sur un ordinateur.
  • Les besoins des personnes consultant internet sur leur portable sont différents des besoins d'une consultation sur ordinateur, à domicile ou au bureau.

Quels sont les usages d'internet sur téléphone portable ?

1.Les réseaux sociaux

Plus de la moitié des utilisateurs du site internet Facebook (soit 350 millions de personnes !) se connecte, publie des statuts et des commentaires majoritairement à partir de son mobile.

  • Twitter a deux fois plus de connexions d'utilisateurs à partir de mobile que d' ordinateurs.

2. Les entreprises à but lucratif

Les marques l'ont compris depuis longtemps : les sites mobiles sont extrêmement juteux, de parfaites niches commerciales ! Et ce pour plusieurs raisons :

  • Le site mobile permet à l'entreprise d'interagir de manière ininterrompue avec sa clientèle grâce à des discussions instantanées, des commentaires, des forums.
  • La communication via internet va encore plus vite et tout se partage donc extrêmement rapidement avec l'entourage du client.

Les achats spontanés et impulsifs sont beaucoup plus fréquents sur les sites adaptés pour téléphones mobiles. Souvent plus simples d'interface, les sites pour mobiles permettent à l'utilisateur de trouver directement les infos principales... et l'endroit où cliquer pour commander !

Pour les marques, les conséquences financières peuvent ainsi être remarquables (et rapides !).
Une raison majeure à cela : les clients n'ont plus tout à fait de notions temporelles quand ils consultent internet sur leur portable.

Conclusion: Une boutique en ligne qui conçoit un site mobile a de fortes chances de séduire et de toucher une clientèle active, rapide, prête à intégrer des informations n'importe quand, de toute sorte tant que celles ci sont faciles à atteindre et à lire. Pour cibler les nouvelles générations, le site mobile est l'outil idéal.

Ajouter un thème pour les mobiles à un site internet classique

Au vu des chiffres énoncés ci-dessus, on comprendra que dès l'élaboration d'un site internet, si on ne veut pas créer deux versions du site, il faut le penser pour un affichage adapté tout autant aux ordinateurs qu'aux smartphones.

L'écran d'un portable ou même d'une tablette étant plus petit que celui d'un PC ou d'un Mac, les medias queries vont permettre de revoir le contenu et la navigation d'un site internet. L'affichage devient alors davantage ergonomique quand on y accède via un mobile.

 

Le menu de "Connexion-web.com" en version "thème mobile". On peut activer le thème mobile en bas de n'importe quelle page en se connectant à partir d'un mobile.

Quelques conseils pour une meilleure lecture d'un site sur mobile :

  • Choisir un design vertical: pas de colonnes les unes à côté des autres mais plutôt des blocs les uns en dessous des autres
  • Utiliser une typographie assez grande
  • Eviter de surcharger les pages d'images (longues à charger) et de textes: viser la clarté et la simplicité ! Si vous ne pouvez pas réduire le contenu, modifier la forme et segmenter votre texte en différents écrans en utilisant des liens "en savoir plus", "lire la suite", etc...
  • Il vaut mieux présenter les liens hypertextes avec des boutons plutôt que des liens soulignés : ils sont plus faciles à repérer et à cliquer sur un téléphone mobile.

 

 

Design

  • Création de sites Vitrines
  • Responsive Web Design
  • Sites pour Tablettes et Mobiles

Thème

  • Thème en lien avec votre activité
  • Formulaire de contact / renseignements
  • Intégration du plan Google Map

Référencement

  • Référencement naturel
  • Optimisation des balises
  • Statistiques Web
 

Suivez nous