Le responsive web design
désigne l’architecture
interactionnelle et
l’organisation des pages d'une
interface web. Cette technique a
été développée pour optimiser
l'expérience de lecture et de
navigation. Le responsive web
design peut se retrouver sous
toute une gamme d'appareils
allant de l'ordinateur, la
liseuse, la tablette ou encore
le smartphone.
Avantages
Les avantages du responsive
web design sont nombreux. Le
responsive web design augmente
la réactivité du site web. Ce
car le site va s'adapter aux
différentes résolutions d'écrans
disponibles. Le responsive web
design permet d'universaliser
l'affichage d'un site web. Elle
inclut des propriétés de CSS 3
(micro formats, media
Queries...). Si la résolution
l'exige, les images et colonnes
se déplacent, se redimensionnent
et s'ajustent. Par ailleurs, une
fois mis en place, le responsive
web design généré peu de
maintenance et le coût de
développement est moindre qu'un
site mobile spécialisé.
Solution stratégique
Le responsive web design est
une solution stratégique sur le
long terme. Cette technique a
pour objectif d'afficher que les
résultats les plus pertinents
aux internautes. De fait, elle
répond aux recherches de manière
plus rapide et réduit à néant
les problèmes de redirection de
lien. De par l'assurance d'une
URL unique, le responsive web
design est particulièrement
adapté aux campagnes de
promotion. En effet, le non
ajustement du site au support de
navigation peut affecter
grandement la navigation des
utilisateurs de smartphones ou
tablettes. Si leur navigation
est affectée, il y'a fort à
parier qu'ils n'achèteront pas
sur ce site.
Inconvénients
Comme toute technique, le
responsive web design présente
des inconvénients. L'un des
inconvénients majeurs du
responsive web design est qu'il
impacte négativement le temps de
téléchargement. Bien souvent,
les utilisateurs sont dans
l'obligation de télécharger un
code HTML/CSS. De même, avec le
responsive web design, les
images ne sont pas
redimensionnées, elles sont
seulement allongées. Cela a
également un impact négatif sur
le temps de chargement. Par
ailleurs, les titres,
descriptions et autres contenus
ne sont pas ajustables
facilement sur les téléphones
mobiles ou tablettes. Par
ailleurs, le développement du
responsive web design demande
plus de temps. Ce car il
implique un chargement de
l'ensemble des éléments qui
constituent la page.
Référencement
Le référencement de site
responsive web design ne génère
aucun problème. C'est d'ailleurs
l'option idéale pour proposer un
site sous différentes versions.
Le référencement naturel est
optimisé grâce aux
prévisualisations d'images d'une
certaine largeur dans les pages
de résultats des moteurs de
recherche. Par ailleurs, avec le
responsive web design,
l'indexation est bien meilleure.
Ce car il s'adapte à tous les
supports d'affichage.
Exemple de site
Exemple de site
Le site internet de Chevignon
est un bel exemple de site
responsive. La page d’accueil
comme ses pages catégories «
blouson cuir » ou « maroquinerie
homme » et leurs images
s’adaptent aussi bien aux
ordinateurs qu’aux tablettes et
aux smartphones.
De nombreux templates
Wordpress sont également
responsive. Le site internet du
spécialiste des
résidences étudiantes
Neoresid s'est basé sur ce CMS
pour avoir un site parfaitement
lisible sur les tablettes et
téléphones portables.
|