Les tests de conception de sites Web Responsive Design Gratuit

responsive design

Aujourd’hui, le « responsive design (Responsive Web Design) », ou conception adaptée, est bien plus qu’un simple phénomène de mode. Son principe consiste à rendre accessible le contenu d’un site Web quel que soit l’appareil (téléphone portable, tablette, PC de bureau, ...) utilisé pour y accéder. Avec le boom des appareils portables, tels que les tablettes et les smartphones, la question qui se pose est de savoir comment afficher le contenu sur ces appareils de sorte qu’il soit le plus lisible possible, ou encore de sorte à minimiser la nécessité de zoomer et de faire défiler l’écran. En 2010 déjà, les ventes de smartphones et de tablettes ont dépassé les ventes de PC et d’ordinateurs portables dans le monde, et aujourd’hui cet écart ne cesse de se creuser. Cela implique que de plus en plus de visiteurs se rendent sur le Web par l’intermédiaire de smartphones ou de tablettes, et les propriétaires des sites devraient garder à l’esprit que les pages Web qui ne sont pas directement conçues pour les appareils portables manqueront jusqu’à 99 % de clarté, et le commerçant ou le propriétaire du site peut perdre ainsi beaucoup de visiteurs, voire même un pourcentage substantiel de son chiffre d’affaires.

Le responsive design, de quoi s’agit-il exactement ?

Voici une définition simple : Responsive web design - adapter le contenu d’un site à la taille d’un appareil portable. Une page Web standard est optimisée pour les PC ou ordinateurs portables courants. Toutefois, si un visiteur se rend sur un site Web ou dans une boutique en ligne par l’intermédiaire d’une tablette ou d’un smartphone, et que la page n’est pas optimisée grâce à un responsive design, les conditions ne sont alors plus du tout idéales pour surfer. La page toute entière, telle que nous la voyons sur un PC, est réduite au format de la résolution d’écran de l’appareil utilisé pour surfer, tout en gardant le mêle fonctionnement. Ce n’est cependant pas exactement la plus idéale des solutions. Imaginez qu’une page avec une résolution de 1024x768, destinée par exemple à des moniteurs 17 pouces, soit soudainement réduite à une résolution de 480 x 320 sur un écran 3 pouces. La page est réduite de plus de 11 fois, et tous les éléments (texte, boutons, images, liens) sont de petite taille, illisibles et initialement conçus pour les ordinateurs de bureau avec souris principalement, pas pour les doigts de la main. Le visiteur est contraint de tout agrandir et déplacer d’une manière compliquée, de surcroît avec des doigts plus larges que le curseur, ne pouvant pas ainsi toujours correctement marquer ce qu’il souhaiterait. Le responsive design sert à prendre en compte toutes les exigences ergonomiques des appareils portables. En raison de l’espace limité, il convient d’intégrer, de sélectionner et de bien organiser les éléments qui sont vraiment importants. Il ne s’agit pas de modifier la page elle-même, celle-ci reste comme avant, mais d’ajouter quelques lignes à vos pages terminées sur des fichiers externes qui permettent de définir quoi et comment configurer et afficher en fonction de telle ou telle résolution.

Nous vous proposons ici un testeur de page Web gratuit pour divers appareils et diverses résolutions, telle que le visiteur de votre site la voit sur son appareil.

Echantillon Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
Si vous souhaitez modifier votre site à l’aide du responsive design, nous vous recommandons les services de la société XXX qui bénéficie d’une riche expérience et se fera un plaisir de répondre à vos questions éventuelles.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design