La principale fonction d’un navigateur web est d’afficher les informations (image, audio, vidéo ou texte) contenues dans un site web. De plus en plus de personnes visitent des sites web sur diverses tailles d’écran. Ce qui a donné naissance au concept de Responsive Design. Le Responsive Web Design est une technique qui consiste à créer un site de manière à ce qu’il s’adapte automatiquement en fonction de la taille de l’écran de l’appareil avec lequel on l’ouvre. L’un des inconvénients se situe au niveau de l’affichage de certaines informations du site qui peuvent ne pas apparaitre sur ces écrans de petites tailles. Or il peut être intéressant lorsqu’on est sur ces écrans de pourvoir accéder à ces informations masquées. L’une des solutions est d’afficher la version ordinateur du site web sur ces derniers. Dans la suite de notre article, nous allons vous montrer comment cela est rendu possible
Le Concept
Avec l’essor des smartphones et des tablettes, une multitude d’organismes ont créé des versions différentes de leurs sites pour s’adapter aux différentes tailles d’écrans des appareils sus cités.
Cependant, le Responsive Web Design présente tout de même certains inconvénients :
- Ne permet pas d’ajuster facilement les titres, descriptions et autres contenus sur les téléphones mobiles,
- La gestion des images n’est pas toujours optimale,
- Certaines informations ne sont affichées dans la version Responsive.
Toujours est-il qu’avec certains navigateurs web, désormais vous avez la possibilité d’avoir la version réelle d’un site web sur votre appareil. Ces derniers ont mis sur pied soit au bas de l’écran (sur certains appareils), soit dans le coin supérieur droit du navigateur une option qui va vous permettre d’activer l’affichage d’un site web comme il le serait sur un ordinateur.
Trouvez illustrer ci-dessous l’affiche de notre site web en version standard et responsive.
Version ordinateur |
Version responsive |
Cependant, parfois même avec l’option “Voir version ordinateur” cochée, on n’arrive pas à accéder à la version ordinateur du site. Dans ce cas une configuration supplémentaire devra être faite dans le code source de votre site
Conclusion
Le Responsive design est une concept qui vise à créer des sites adaptatifs aux différents écrans (téléphones mobiles, tablettes, liseuses, moniteurs d’ordinateur de bureau). Cependant, certaines informations peuvent ne pas apparaître. Pour y remédier on peut afficher la version la version standard sur les écrans de petites tailles. Pour ce faire, l’activation d’une option dans le navigateur suffit dans la majorité des cas. Mais il peut arriver qu’une configuration supplémentaire dans le code source de votre site soit nécessaire. Si vous souhaitez que vos visiteurs accèdent à la version entière de votre site sur leurs petits écrans, Uni2grow Cameroun peut vous accompagner dans cette perspective. N’hésitez pas à nous contacter à l’adresse suivante contact@uni2growcameroun.com.