Il est presque incompréhensible en 2015 de construire un site Web qui ne soit pas réactif. La technique a évolué au point que la plupart des concepteurs ne disent plus «conception Web réactive», nous disons, «conception de sites Web», et signifient exactement la même chose.
Naturellement, les avis divergent sur la manière de mettre en œuvre des techniques réactives; de nombreux sites qui prétendent être réactifs ne le sont pas; la plupart des sites qui ont l'intention d'être réactifs ne le sont que superficiellement; il y a même quelques fidèles à largeur fixe qui s'attachent à toute raison. Mais en gros, une approche réactive est l'option par défaut pour tous les sites Web.
Pour comprendre où va le design réactif, il suffit de regarder d'où il vient ...
L'essor du Web responsive va de pair avec l'expansion du Web mobile. Même si développer un m. site, la croissance exponentielle des appareils mobiles et la diversité des tailles d’écran qui les accompagnent font du design réactif un choix clair.
La conception Web réactive est la seule façon dont le Web reste viable
Les statistiques sont invariablement obsolètes, mais la plupart des commentateurs s'accordent sur le fait que le Web mobile approche rapidement 50% du trafic Web. La conception Web réactive a été adoptée pour répondre à un besoin économique: nous pouvions créer des centaines, voire des milliers de variantes sur un seul site, et servir le mieux possible à tous les appareils qui y accèdent; mais le coût de développement d'un site Web deviendrait prohibitif. La conception Web réactive est la seule façon dont le Web reste viable.
Il est facile de voir le design réactif comme une solution définitive pour le Web. Cependant, au fur et à mesure que la technologie continue de se développer, la façon dont nous abordons la conception réactive évoluera inévitablement.
À moins que vous ayez passé la dernière année dans une capsule scellée (en essayant de prouver votre aptitude à la mission Mars One), vous devez savoir qu'Apple a lancé un appareil portable: l'Apple Watch.
La montre Apple n’est pas la première à porter, elle n’est même pas la première montre intelligente, mais c’est le dispositif décisif car le public verra la montre Apple comme «la meilleure» portable - l’iPod n’est pas le premier lecteur MP3, l’iPhone est Ce n’est pas le meilleur smartphone, mais les deux dominent leurs marchés, en grande partie grâce à la taille du budget marketing d’Apple.
La chose la plus notable de la montre Apple est qu’elle n’a pas de navigateur Web. Il y a fort à parier que ce n'est pas parce qu'Apple n'a pas voulu inclure un navigateur, mais plutôt parce qu'ils ne pouvaient pas le faire fonctionner.
Même avec le développement du responsive design, les 272 x 340 pixels de l'Apple Watch sont insuffisants pour afficher tout sauf quelques lignes de texte. Un architecte peut concevoir un bâtiment de 15 pouces de hauteur, mais personne ne l'utilisera jamais, car le corps humain est de taille fixe. Apple n'est pas la seule entreprise à faire face à ce problème. Les wearables Android ont exactement la même taille ou prennent quelques pixels, et sont tout aussi mal équipés pour afficher le Web.
le Web ne fonctionne pas sur un écran de la taille d'un timbre postal
Nous ne pouvons pas rendre les appareils plus grands car ils deviennent insupportables, et nous ne pouvons pas les rendre plus petits à cause de nos doigts imprécis. La dure réalité est que le Web ne fonctionne pas sur un écran de la taille d’un timbre-poste.
Des parties du Web fonctionnent sur les wearables. Les applications natives se connectent au Web (ou à votre téléphone, qui se connecte au Web) afin de récupérer des données. Le juste ne peut pas afficher des pages Web complètes.
Acheter un portable maintenant et vous pouvez lire les tweets d'un PDG de l'entreprise, mais ce qu'un investisseur veut vraiment lire est le rapport annuel complet. Acheter un portable maintenant et vous pouvez vérifier les heures de départ des vols, mais ce que le voyageur veut vraiment faire est de réserver un vol. Le Web est inextricablement lié à nos vies, quelques lignes sur un petit écran ne répondent pas à la demande des consommateurs.
Tôt ou tard (il est probablement déjà arrivé derrière des portes closes) Pomme , ou Motorola , ou Intel , acceptera que pour dominer le marché portable, ils doivent fournir le Web complet dans toute sa gloire.
Au fur et à mesure que l’industrie technologique continue de développer de nouveaux appareils, avec de nouvelles capacités et limitations, les défis auxquels nous sommes confrontés en tant que concepteurs Web vont inévitablement changer.
Comme Jeffrey Zeldman a écrit Il y a quelques jours:
Nous avons vécu cela avant. C'est l'histoire du design web. C'est l'histoire du web.
La navigation est l’un des principaux domaines d’intervention dans les conceptions réactives. L’un des principaux développements que nous sommes susceptibles de voir dans les wearables est le changement de méthode de saisie: les capteurs d’un bracelet pourraient détecter le resserrement des tendons dans le poignet. le mouvement de 5 chiffres, ou à tout le moins la détection de la pression d'un coup de poing en remplacement d'actions de clic ou de frappe.
Le développement clé sera un moyen de présenter le contenu longform sur un portable. Et en fait, il existe déjà: l’audio est l’option la plus viable pour diffuser de grandes quantités de données sur un périphérique portable.
L’entrée audio est déjà viable sous les formes de Siri , Cortana , et OK Google . Plus important encore, la sortie audio existe sous la forme de lecteurs d'écran. Avec le cycle de vie relativement court des périphériques et le cycle de vie de plus en plus long des sites Web, les projets que vous construisez aujourd'hui devront fonctionner avec la navigation audio. La réponse simple est de rendre vos sites accessibles.
Fréquemment, lorsque les produits sont innovants, nous pensons qu'il faudra un certain temps pour que les normes évoluent, mais dans le cas des lecteurs d'écran les normes existent déjà. Ce qui est convaincant pour les entreprises de technologie cherchant à offrir un site Web portable, c’est qu’une grande partie des sites Web existants satisfont déjà à cette norme.
L'avenir de la conception Web réactive, ou peut-être simplement de la conception Web, est un concept dans lequel les conceptions ne sont pas uniquement agnostiques, mais sont indépendantes de l'écran. En termes pratiques, cela signifie abandonner le mobile en premier et adopter une approche audio en premier. Si vos sites sont optimisés pour les lecteurs d'écran, ils fonctionneront efficacement sur la prochaine génération de navigateur Web.
L'image sélectionnée utilise l'image de l'appareil via Shutterstock.