Présentation Responsive Webdesign

ResponsiveWebdesign

Le Responsive Webdesign est une série detechniques permettant de rendre compatibleun site web avec un maximum depériphériques, sans sacrifier lexpérienceutilisateur.

En 2013, les smartphonesgénèreront plus de visites que les PC

Avantages par rapport à un site .mobi :- 1 seule interface de gestion- 1 seul site à crawler- 1 seule URL à partager et à liker- recommandé par Google et le W3C- des sites prêts pour le futur

Ce nest pas grave si les internautes nevoient pas le site sous la même forme.Lessentiel est quil aient accès à soncontenu de façon optimale.

Les variations visuelles des sites« responsive » sont déterminées par lesrègles dergonomie.

Un site « responsive » prendra unemultitude de formes ; ce nest pas pourautant que chacune de ses apparencesdoivent être soumises à la validation duclient.

Les clients doivent faire confiance ànotre expertise en ce qui concerneles variations de design de sites« responsive »

Le graphiste qui réalise la maquette dunsite en « responsive » doit réfléchir auxdifférentes apparences que celui-ci prendra.Cest indispensable !Il commence à déterminer grossièrementdes « points de rupture »

Lintégrateur code le site sur une base« flexible » en utilisant uniquement desvaleurs en pourcentage et en em.Il détermine avec le graphiste les« points de rupture »Il utilise ensuite des « media queries »pour coder les variations du site.

Le graphiste, lintégrateur et le chef deprojet doivent conclure la réalisation dusite en le testant sur de vraispériphériques.

Attention aux mauvaises pratiques !

Ressources :- Responsive Webdesign- Mobile First- Lergonomie web- le site http://mediaqueri.es

Présentation Responsive Webdesign

by Willy Bahuaud on Jul 03, 2012

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 5

Statistics

Présentation Responsive Webdesign Presentation Transcript

https://twimg0-a.akamaihd.net	2
http://children-for-tomorrow.preprod.us	2
https://si0.twimg.com	1