ResponsiveWebdesign
Le Responsive Webdesign est une série detechniques permettant de rendre compatibleun site web avec un maximum depériphériq...
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 à ...
Ce nest pas grave si les internautes nevoient pas le site sous la même forme.Lessentiel est quil aient accès à soncontenu ...
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 s...
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 prend...
Lintégrateur code le site sur une base« flexible » en utilisant uniquement desvaleurs en pourcentage et en em.Il détermine...
Le graphiste, lintégrateur et le chef deprojet doivent conclure la réalisation dusite en le testant sur de vraispériphériq...
Attention aux mauvaises pratiques !
Ressources :- Responsive Webdesign- Mobile First- Lergonomie web- le site http://mediaqueri.es
Upcoming SlideShare
Loading in …5
×

Présentation Responsive Webdesign

1,121 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,121
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Présentation Responsive Webdesign

  1. 1. ResponsiveWebdesign
  2. 2. Le Responsive Webdesign est une série detechniques permettant de rendre compatibleun site web avec un maximum depériphériques, sans sacrifier lexpérienceutilisateur.
  3. 3. En 2013, les smartphonesgénèreront plus de visites que les PC
  4. 4. 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
  5. 5. 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.
  6. 6. Les variations visuelles des sites« responsive » sont déterminées par lesrègles dergonomie.
  7. 7. Un site « responsive » prendra unemultitude de formes ; ce nest pas pourautant que chacune de ses apparencesdoivent être soumises à la validation duclient.
  8. 8. Les clients doivent faire confiance ànotre expertise en ce qui concerneles variations de design de sites« responsive »
  9. 9. 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 »
  10. 10. 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.
  11. 11. Le graphiste, lintégrateur et le chef deprojet doivent conclure la réalisation dusite en le testant sur de vraispériphériques.
  12. 12. Attention aux mauvaises pratiques !
  13. 13. Ressources :- Responsive Webdesign- Mobile First- Lergonomie web- le site http://mediaqueri.es

×