background preloader

Responsive design

Facebook Twitter

Responsive Web Design, du point de vue du chef de projet. Le site anglophone Dev.Opera (géré par Opera Software, oui, le navigateur) publie des articles de fond sur des sujets web de pointe, présentés par des experts du monde entier.

Responsive Web Design, du point de vue du chef de projet

Rédigé par deux consultants de Clever Age, nous vous proposons aujourd’hui l’article "Responsive web design : a project-management perspective" traduit en français, initialement publié sur Dev.Opera. Introduction Ce qui, dès le début, surprend beaucoup de gens à propos du Responsive Web Design, c’est bien sûr la simplicité de la syntaxe. Comme Rich Quick le disait lors de sa conférence récente à Front Row destinée à présenter les concepts de base : « Tout tourne autour d’une simple ligne de CSS !

Évidemment, il serait impensable pour tout geek qui se respecte d’entendre une telle assertion, et de ne pas avoir envie de manipuler à l’extrême cette fameuse ligne magique ! C’est ici que beaucoup s’arrêtent. Tout d’abord, est-ce qu’il est pertinent que mon projet soit Responsive ? De l’effet papillon ! Mobile first ou non ? Combining Responsive and Adaptive Strategies to Solve Mobile Design Challenges. When creating sites for the current market, UX designers and business decision makers face the daunting task of figuring out how to deliver the wow-factor website across desktops, tablets, and smartphones.

Combining Responsive and Adaptive Strategies to Solve Mobile Design Challenges

Sometimes this even includes having to cater for native apps within the same project plan. With mobile web browsing now at 10% of Internet traffic compared to 4% in 2011 and smartphone penetration rising globally, countries like the U.K. are experiencing a 51% penetration rate. The majority of these users access the Internet everyday on their phones (rarely leaving home without their iOS or Android device) compared to only 30% in 2011. Not designing for mobile is an inexcusable and cardinal web design sin.

Furthermore, it’s not only about smartphones—29% of American adults now own a tablet and their wants and needs are different from those of desktop users. On the left, we see an example of AWD from Honda UK where there is a separate mobile website with a link to the desktop website. Create a Better Responsive User Experience. The mobile market is exploding with unprecedented growth, and marketers are no longer hesitating to embrace responsive web design.

Create a Better Responsive User Experience

As more and more businesses choose to adopt this new approach, it has become crucial for anyone in the web industry to understand the implications of creating a responsive user experience. It's become our responsibility as content strategists, information architects, designers, developers, and digital strategists to do more than just squeeze a website onto the mobile screen of a commuter: we have to plan, design, and build a device-agnostic experience. Responsive web design offers a great solution for future-proofing, but may not always be the best solution. In some cases, mobile-specific websites and native apps can offer rich experiences that aren’t always ideally suited to responsive styles.

Plan A misguided assumption made all too often frames responsive web design and development as a simple add-on that can be quickly applied to any site. Analyze Prototype. Responsive Webdesign – présent et futur de l’adaptation mobile. Après plusieurs mois de recherche sur le sujet, j'ai enfin publié mon article sur Smashing Magazine qui s'intitule "The State Of Responsive Web Design".

Responsive Webdesign – présent et futur de l’adaptation mobile

Ce qui suit en est la traduction. Avertissement avant la lecture : Je n'ai pas la prétention de changer le monde, d'avoir la vérité absolue. Dans cet article – qui est long, je le sais – je souhaitais juste rendre attentif le lecteur au reste de ce gigantesque iceberg dont les Media Queries n'en sont que la surface. Le responsive webdesign reste une technique et une infime partie de ce qui est aujourd'hui appelé "Adaptive Webdesign". Le but de l'article n'est pas non plus de décourager les gens qui optimisent des sites pour mobile, mais de mettre le doigt sur ce qui aujourd'hui pose problème, est bancal, pour ensemble, trouver des solutions à ces différents problèmes. On entend parler de "Responsive Webdesign" depuis plusieurs années maintenant, et le sujet s'est vraiment démocratisé et popularisé en 2012.

La solution flexbox Conclusion.