O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Présentation Responsive Webdesign

1.311 visualizações

Publicada em

Publicada em: Design
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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

×