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
Prochain SlideShare
Chargement dans…5
×

Présentation Responsive Webdesign

1 083 vues

Publié le

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 083
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

×