Sites


CSS3

Qu'est-ce que le design adaptatif ?

Le design adaptatif (ou responsive design) est apparu avec le développement des terminaux mobiles à internet, tels téléphones ou tablettes. En effet, la diversité des dimensions d'écran en particulier souvent de petits formats rendait difficile l'affichage des sites conçu classiquement pour des largeurs de 1000 pixels en moyenne.

La première méthode envisagée a été de concevoir des sites spécifiques pour mobiles. Mais cette solution s'avère complexe car elle oblige à mettre en place deux sites complets avec le surcroît de travail non négligeable que cela implique. Ce surcroit était évident au niveau du temps nécessaire à la réalisation d'un secons site, mais aussi dans la vie du site puisque tout le contenu aurait dû être dupliqué. Le temps devenant alors la principale donnée et pouvant freiner les envies de publication ce qui va à l'encontre des principes du web.

Une solution plus simple a donc été imaginée : adapter simplement le graphisme en exploitant au mieux les propriétés CSS du site. Les premières implémentationu utilisaient souvent du javascript pour arriver à ce résultat, mais l'apparition de nouvelles possibilités en CSS, y compris grâce aux réflexions émergentes sur le CSS3, ont rendu la chose plus simple et surtout réalisable par des graphistes ou intégrateurs là où il fallait auparavant des développeurs.

Un site adaptatif sera donc un site qui aura un design, une organisation des informations différentes selon certains critères, de manière à s'assurer la meilleure efficacité du site et le meilleur confort de lecture et de navigation.

Quelques exemples de sites responsifs :

http://aids.gov/

http://www.designweekportland.com/ 

http://www.icehousempls.com/ 

http://singita.com/lodges/

http://www.zdnet.fr/ 

http://www.microsoft.com/fr-fr/default.aspx 

http://www.elysee.fr/ 

http://www.photoreview.fr/ 

https://lejournal.cnrs.fr/

http://riotdesign.eu/en/ réalisé avec Bootstrap

On réduit souvent le responsif à l'utilisation de pourcentage en tant qu'unité de mesure. On peut voir dans les quelques exemples ci-dessus que cela est très restrictif. Penser responsif, c'est repenser l'ergonomie en fonction de critères de confort et de hiérarchisation de l'information spécifiquement pour chaque format ou média ciblé. L'analyse et la préparation doit donc aussi prendre en compte les problématiques de contenu, de navigation, de résolution ou encore d'orientation.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.