POURQUOI VOTRE SITE INTERNET DEVRA ÊTRE RESPONSIVE ?

Un site Internet responsive s’adapte automatiquement à la résolution de l’écran sur lequel il s’affiche, on l’appelle également site web adaptatif.

Qu’est ce qu’un site Internet RESPONSIVE ?

Concrètement, entre l’écran de votre PC de bureau et votre Smartphone, la différence de taille de l’écran est telle qu’un site Internet non responsive est très difficile à visiter sur un smartphone, la grande majorité des sites Internet étant conçue pour une largeur d’affichage de 1 000 pixels contre seulement 320 pixels pour un iPhone 4 .

Un site non responsive nous contraint par exemple à faire « glisser » la page d’accueil pour aller on ne sait où !! Les données provenant de Google Analytics sont là pour le confirmer avec le taux de rebond sur la page d’accueil des sites non responsive.

Des sites Internet vous permettent maintenant de vérifier très facilement si un site est responsive ou pas, pour cela il vous suffit de vous connecter sur les outils suivants : http://cybercrab.com/screencheck/  http://responsinator.com et de taper l’adresse de votre site Internet préféré, vous serez rapidement fixé.

Vous pouvez aussi utiliser vos naviteur récents. Avec Google Chrome par exemple il suffit de le reduire dans le sens de la largeur pour savoir si votre site est Responsive ou pas.

Du point de vue de la création du site, le responsive design consiste à concevoir les pages d’un site de façon à ce qu’elles s’affichent systématiquement de façon adaptée sans qu’il soit nécessaire de développer plusieurs versions différentes d’un même site.

Un site au design responsive a certaines contraintes en terme de design justement, le site devant s’adapter à toutes résolutions courantes, le design du site et la navigation doivent être cohérents quelque soit la taille de l’écran de l’internaute.

On peut également faire le choix au moment de rendre un site responsive de volontairement supprimer certaines fonctionnalités ou pages du site affiché sur grand écran. Dans le cas d’un site 100 % sur-mesure, il faut compter au minimum 5 journées de développement supplémentaires en fonction du projet par rapport à un site équivalent non responsive.

L’alternative au site adaptatif est un site développé spécifiquement pour les smartphones voire une application mobile.

responsive website design tips

 

Pourquoi faut-il passer au responsive ?

Le temps où l’ écran du PC du salon était le seul utilisé pour naviguer sur Internet est révolu. Une part croissante des internautes utilise des tablettes et des Smartphones et pour preuve, les ventes de tablettes dépassent depuis cette année les ventes des PC portables en volume. Le constat est le même côté coulisse, 25 % des personnes qui lisent cet article utilisent une tablette ou un smartphone (données extraites de Google Analytics ), ce pourcentage est en constante augmentation, d’où le passage prévu vers une version responsive pour permettre de bonnes conditions de lecture pour tous nos lecteurs

La montée en puissance du responsive design est inéluctable pour toutes ces raisons, à moins de choisir de se couper d’une partie des ses visiteurs potentiels vous devrez adapter le design de votre site Internet.

Exemple de résolution :

Mobile :
iPhone 5 (320x568)
iPhone 3,4 (320x480)
BlackBerry(320x240)
Samsung Galaxy SII(320x533)
Samsung Galaxy SIII (360x640)
Motorola RAZR V8(240x320)
ASUS Galaxy 7(320x533)
LG Optimus S(320x480)

Tablettes :
iPad (1536x2048)
iPad mini (768x1024)
Acer,Lenovo,Samsung,Sony,Nexus,Toshiba,Motorola (600x1024)
Dell, HP, Asus, Lenovo, Acer(768x1366)
Google Nexus(1600x2560)

Ecran:
10’’ Netbook (1024x600)
12’’ Netbook (1024x768)
15’’ Netbook (1366x768)
13’’ Notebook (1280x800)
19” Desktop (1440x900)
22” Desktop (1680x1050)
23” Desktop (1920x1080)
24” Desktop (1920x1200)

Television:
480p Télévision : 640x480
720p Télévision 1280x720
1080p Télévision 1920x1080

 

REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

Si vous ne changez pas les paramètres de votre navigateur, vous êtes d'accord.

J'ai compris