L'avenir de la conception Web

Advertisement

L'avenir de la conception Web

Comme le web se déplace vers une existence ouverte, centrée sur le contenu, l'avenir de sa conception est inconnue. Pendant longtemps, la conception Web typique était basée sur des pratiques de conception d'impression mais le Web n'est pas et n'a jamais été un support statique. Nous assistons à une résurgence d'expériences riches qui se concentrent sur l'interaction de l'utilisateur en contraste avec la conception web simplifiée du passé.

En 2011, les polices OpenType ont libéré les concepteurs web. Dans ce que l'on appelait «la révolution @ font-face», ces nouvelles polices incorporables donnaient aux concepteurs des polices plus belles pour jouer avec et plus de contrôle de ces polices. Pour les concepteurs, HTML5 est devenu le langage le plus parlé du programmeur et CSS3 est devenu la dernière norme pour CSS. Lors de la réflexion sur les dispositifs, Responsive Web Design et Mobile est devenu des tendances massivement importantes; Tous les mots-clés susmentionnés façonneront l'avenir du Web.

L'avenir de la conception web est d'aller au-delà de la conception pour un seul appareil. Est-ce tout au sujet de mobile? Non. Mais le mobile est incroyablement important. Les utilisateurs accèdent au Web à partir de smartphones mobiles, de tablettes, de leurs ordinateurs portables et d'ordinateurs de bureau. Le Web n'est pas une largeur fixe et un site Web doit répondre et s'adapter à ces plates-formes différentes d'une manière fluide et efficace. Le Web est notre seule véritable plate-forme universelle, et son avenir est entre les mains des concepteurs de notre monde. Ce sont les êtres humains qui vont façonner, fabriquer et bricoler et jouer et tirer et pousser dans un nombre infini de directions.

La direction de la conception web est en train de changer. Il ne s'agit pas seulement de styliser quelque chose pour lui donner l'air bien; Il s'agit de la plus grande image. Les concepteurs ne peuvent pas simplement prendre leurs connaissances de la conception d'impression et de l'appliquer sur le web. Les concepteurs Web doivent penser différemment; Ils doivent repousser les limites de ce qui était auparavant jugé possible.

-Farah Assir, concepteur au New York Times

Site Web adaptatif

Dans le passé, lorsqu'un utilisateur accédait à un site Web, ses serveurs leur envoyaient des contenus en fonction de la plate-forme qu'ils utilisaient - mobile, tablette ou ordinateur de bureau. Mais au cours de la dernière année, les ingénieurs ont commencé à adopter une conception web réactive, qui comprend des largeurs de fluide, des images évolutives et des dispositions réglables qui restent cohérentes sur toutes les plates-formes, que vous accédiez au site sur un téléphone mobile, une tablette, un ordinateur de bureau ou large -écran.

«La conception Web réactive nous oblige à concevoir avec une approche plus axée sur l'humain. Vous perdez beaucoup de contrôle sur la façon dont les gens voient votre travail et il doit regarder et se sentir tout aussi génial à travers toutes les plates-formes », explique Farah Assir, un concepteur au New York Times.

Il ne s'agit pas seulement de redimensionner un site pour s'adapter à l'iPhone. Il ya des dizaines de détails que les concepteurs doivent prêter attention à travers le conseil. Par exemple, lorsque Apple a amélioré la résolution sur l'iPhone 4 l'année dernière, les concepteurs de sites Web ont dû mettre à jour toutes leurs images afin que l'utilisateur ait la même expérience brillante sur toutes les plates-formes.

"En 2006, j'ai commencé à utiliser mon premier iPod Touch, en téléchargeant des applications et en utilisant le Web mobile. Les applications étaient super ... mais le Web mobile était frustrant. En fait, les applications bien conçues surpassent les bons sites Web mobiles, ce qui est étrange compte tenu de la courbe d'apprentissage abrupte associée aux applications natives. Donc, quand j'ai commencé à prendre la parole sur la conception Web réactive, j'ai vu une chance de concevoir et de construire des contenus mobiles sans les maux de tête associés au développement d'applications natives », explique Vince Allen, développeur principal au Lot18. «La conception réactive se concentre davantage sur la façon dont le site« se comporte », en mettant l'accent sur l'interactivité et la réponse émotionnelle qu'il évoque.

L'avenir de la conception Web

Une conception Web conviviale permet non seulement de créer une meilleure expérience utilisateur, mais aussi d'être économique. Les entreprises n'ont qu'à maintenir une base de code, ce qui coûte beaucoup moins - et ils n'ont pas à se soucier du contrôle de version. Par exemple, si vous possédez deux sites, l'un pour le mobile et l'autre pour le bureau, vous avez la charge supplémentaire de synchroniser ces versions. Pour le lot 18 ou toute entreprise à taille rapide, éliminer tout cycle inutile est un avantage concurrentiel.

Et lorsque les concepteurs et les développeurs sont libérés de la poursuite des plates-formes et des navigateurs, ils peuvent se concentrer sur la construction des fonctionnalités et du contenu. « Les concepteurs et les développeurs sont plus efficaces quand ils sont axés sur la création d' une expérience plutôt que de traquer un million de petits problèmes. Cela nous rapproche également de notre auditoire parce que nous réfléchissons à la façon dont les utilisateurs expérimentent le site au-delà du navigateur. Au lieu de concevoir pour IE7, nous concevons pour le contexte et le comportement et pour obtenir une image plus claire de notre public », explique Allen.

Retour au premier iPod Touch d'Allen: "Je pensais que c'était fou que les gens regardent des films sur un tel petit écran jusqu'à ce que je l'ai essayé dans le métro et a raté mon arrêt. J'étais aussi absorbé que j'étais dans un théâtre », dit-il. «Maintenir cette même suspension de l'incrédulité est ce que nous recherchons. Le site devrait se sentir naturel au point d'un utilisateur de se perdre. Une fois que l'utilisateur doit redimensionner ou zoomer, c'est comme si les lumières arrivaient au milieu du film et le gâchaient. "

Découvrez une démo de la nouvelle conception Web de Lot18, lancée en novembre 2011.

Voir également: 60 exemples de conception Web réactive.

Conception web réactive avec des composants côté serveur (RESS)

Nous venons tout juste de commencer avec la conception Web réactive. La prochaine étape pourrait être RESS, qui est une approche personnalisable conception web qui combine à la fois la vieille façon de servir le contenu avec le nouveau design réactif.

Avant de répondre, il y avait des solutions côté serveur qui ont détecté quel périphérique que vous avez utilisé et vous a servi différents contenus basés sur cela. Beaucoup de gens ont utilisé cette technique et ont fini par toucher des limites. Maintenant, les utilisateurs combinent le meilleur des deux mondes - ce que le serveur peut faire avec une approche client de conception web réactive.

Luke Wroblewski, l'auteur de Mobile First, le décrit succinctement: «RESS combine des mises en page adaptatives avec une optimisation des composants côté serveur (pas une page entière). Ainsi, un ensemble unique de modèles de page définit un site Web entier pour tous les périphériques, mais les composants clés de ce site ont des implémentations spécifiques à la classe de périphérique qui sont rendues côté serveur.

L'avenir de la conception Web

La conception du RESS a un sens pour l'avenir car les concepteurs doivent tenir compte de l'appareil et de ses capacités pour offrir la meilleure expérience possible. Sur une tablette, les pages peuvent être tournées d'une manière naturelle à l'aide de gestes plutôt que de pointer et cliquer, les chiffres peuvent être placés en haut et en bas des pages, et les documents ont un sens d'eux-mêmes et de leur environnement; Ils connaissent les documents ci-dessus, en dessous et sur leurs côtés. "Si elle a un écran tactile nous faisons les boutons plus grands. En utilisant des technologies comme Modernizr, l'expérience s'adaptera à tout ce que la personne vient sur le site avec. Que faire si l'utilisateur vient à nous sur IE5 vs un iPad? Vous devez créer toutes ces expériences différentes. Avec tous ces défis vient beaucoup de responsabilité », explique Scott Kellum de Treesaver.net.

Contenu Première approche

"Les gens qui se sont appelés Web et concepteurs visuels commencent à réaliser le design n'est pas seulement l'aspect et la sensation de quelque chose. Il s'agit d'un accent sur le contenu, les photos ou le texte, ce qui force le design visuel à l'arrière-plan », explique Matthew Moore, le directeur créatif de Simande, un studio de conception et de développement web complet à New York. Moore souligne que le nouveau Twitter fait exactement cela. Il met des fonctionnalités en arrière-plan et se concentre sur le contenu.

Il y a beaucoup de débat d' aujourd'hui sur le fond de Scrolling contre Pagination mises en page. Mais la réponse réside sans doute dans la question du contenu. "Dans le passé, l'industrie de conception de Web a essayé de pousser le contenu dans des conteneurs. Mais maintenant, nous comprenons enfin que le contenu doit venir en premier. Nous devons comprendre complètement le contenu afin de concevoir les systèmes », explique Steve Fisher, concepteur UX chez Yellow Pencil Inc.

Certaines personnes pensent que la meilleure façon de comprendre le contenu et d'obtenir la sensation de tout ce que vous lisez est par pagination (annonceurs comme celui-ci aussi). Les fondateurs d'Opera Reader, une application qui implémente les extensions CSS3 pour permettre au contenu d'être divisé en pages, suggèrent que «les ordinateurs ont fait un pas en arrière, avec des logiciels - notamment des pages web - adoptant la métaphore de défilement et offrant des barres de défilement pour la navigation et Notre contenu. "

Mais d'autres, y compris moi-même, ne sont pas si enthousiastes. «Je ne suis pas un grand fan de pagination,» dit Fisher. Je souhaite juste qu'ils me laissent défiler sur chaque site que je vais. Je pense qu'il ya encore des moments où la pagination peut être utile. C'est une autre de ces conventions que nous avons avancées à partir de logiciels anciens et d'impression. L'idée de pages est un peu stupide sur le web. Je pense qu'au lieu de l'appeler une page, nous devrions l'appeler un point de vue. "

Avec l'avènement du HTML5 et du design réactif, ainsi que le régime mobile mondial (enfin ici!), Le contenu a pris le devant de la scène: comment allons-nous préparer notre contenu pour une livraison multiplateforme sans avoir à le recréer à chaque fois? La réponse, bien sûr, est de structurer notre contenu afin que nous puissions le créer une fois, puis le publier partout. Pour ce faire, nous devons trouver de nouvelles façons de collaborer à travers les disciplines; Et c'est ce que je vais chercher en 2012!

-Kristina Halvorson, Fondatrice, Brain Traffic

CHAPE

En combinant la conception Web réactive et une première approche de contenu, les concepteurs de sites Web sont la conception de ce qui est appelé «l'approche Web One». Cette approche aligne avec une importante philosophie de base: «créer une fois et publier partout» également appelée COPE.

De nombreux éditeurs appliquent déjà les bases de COPE en distribuant leur contenu sur différentes plates-formes. Le défi réside dans le fait de pouvoir amener ces systèmes au niveau suivant, leur permettant de s'adapter à un paysage en constante évolution.

L'avenir de la conception Web

Au cours de la dernière année, NPR a indiqué que la croissance de sa page a augmenté de plus de 80% en raison de son API, conçue selon la philosophie COPE, permettant à NPR de distribuer efficacement son contenu pratiquement partout, y compris les stations NPR, public. NPR indique que le plus grand impact que l'API a fait est avec sa stratégie mobile. Grâce à son API, NPR a développé des applications iPhone et iPad, des sites mobiles, une application Android source et un site HTML5. Maintenant, NPR livre plus d'un milliard d'histoires par mois et dessert des milliers de propriétaires de produits, de partenaires, de stations et d'utilisateurs publics.

Mobile First

Au cours de la dernière année, les éditeurs ont remarqué une augmentation importante du trafic provenant des utilisateurs mobiles. Mais de nombreux éditeurs se concentrent encore sur leur site de bureau et le traitement mobile comme une réflexion après coup. Silicon Valley concepteur Luke Wroblewski a publié un livre cette année intitulé "Mobile First" qui justifie pourquoi les sites Web et les applications doivent de plus en plus être conçus pour mobile d'abord.

Tout d'abord, la conception pour mobile d'abord, signifie que les concepteurs doivent se concentrer sur la précision et la nécessité, ce qui, à son tour, crée une meilleure expérience de bureau et une plus grande convergence. «Nous voyons ce changement énorme de la boîte en plastique ordinateur personnel à la chose qui est toujours avec vous Et connecté au réseau », dit Wroblewski. «Et bien que les contraintes du mobile vous obligent à hiérarchiser les éléments de votre conception, nous commençons tout juste à tirer parti de ses capacités.

Lentement mais sûrement, Wroblewski me dit que les fonctionnalités du smartphone sont à venir sur le navigateur Web du smartphone, il ne s'agit plus seulement d'applications natives. Par exemple, le navigateur iOS 5 intègre désormais la boussole numérique et le gyroscope. Et le dernier navigateur Android intègre la caméra vidéo du smartphone.

L'avenir de la conception Web

Selon Wroblewski, la plupart des éditeurs voient environ 40% de leur trafic provenant de sites mobiles [TNW voit environ 25%]. "Une fois que ce nombre franchit la barre des 50%, les éditeurs commenceront à penser différemment sur ce qu'ils font", dit-il.

Matthew Moore, le directeur créatif de Simande est ravi de la nouvelle conception de Path. Il dit, "La seule chose qui me fait l'aimer tellement est la petite horloge que vous voyez quand vous faites défiler vers le bas de la page; Il s'enroule et se synchronise avec le moment où le moment précis a été capturé (voir à droite). Ce n'est pas une technique de conception traditionnelle, mais c'est vraiment une bonne interaction. Faire ces choses qui sont au-delà et au-delà conception d'application normale crée une expérience mémorable pour l'utilisateur. Nous verrons beaucoup plus de ces fonctionnalités dans les futures expériences de bureau. "

Une note sur L'avenir des applications

Les applications de bureau sont-elles disparues? Pas encore. Jusqu'à ce que l'Internet soit omniprésent, les applications natives continueront d'avoir leur place. Par exemple, le concepteur Steve Fisher a récemment construit une application pour une police qui devait travailler sans Internet si un officier était sous terre dans le métro.

Dans notre article récent, Apps est l'avenir, ils ont juste besoin d'agir plus comme le web, notre Apple & News Editor Matthew Panzarino écrit, «Quand il s'agit de mobile en particulier, les applications natives offrent une expérience beaucoup plus immersive sans chrome supplémentaire et Beaucoup plus modale. Ils ont maintenant besoin d'intégrer l'ADN du web quand il s'agit de lier et de partager des données en utilisant un cadre comme le nuage.

Le navigateur Web mobile va devenir plus important. C'est comme la Mère de toutes les Apps. La plupart conviennent que l'avenir sera construit sur HTML 5 applications web, qui travaillent littéralement pour tout le monde. Lorsque le Financial Times a récemment lancé sa nouvelle application, ce n'était vraiment qu'un nouveau site Web HTML 5, compatible avec tous les smartphones et navigateurs modernes.

... De plus en plus, le "Web" est des API et des services, plutôt que des sites, des applications et des pages rendus dans les navigateurs Web. Prenez Instagram: c'est l'un des services les plus populaires sur le «web» et toute l'expérience est contrôlée non pas par certaines pages HTML, mais plutôt par une application iPhone. Twitter et Facebook sont tout aussi populaires - sinon plus - via des applications natives pour différentes plates-formes (iOS, Android, Mac, Windows, etc.) que sur le Web basé sur navigateur. En tant que «concepteurs de sites Web», nous devons commencer à nous rendre compte que notre travail consiste non seulement à produire des sites, des applications et des pages intégrées HTML, CSS et JavaScript. Nous devons élargir notre définition de ce qu'est le "web". De plus en plus, le "web" n'est pas une plate-forme. C'est un service avec des clients sur de nombreuses plates-formes. Wired Magazine l'a appelé la "mort" du web. Je l'appelle une évolution.

-Jeff Croft, Chef Designer, nGen Works

Les concepteurs ne sont plus la conception pour l'appareil, ils sont la conception pour l'expérience. «Le Web fournit l'anarchie par rapport à la netteté des applications», explique Scott Kellum de Treesaver.net. "Mais la beauté de la conception pour le Web, c'est que vous pouvez l'expédier à un PC de 10 ans, le changer à différentes tailles d'écran et vous n'êtes pas lié à un magasin. C'est votre contenu ... Le Web ne va pas dans une direction en particulier. Il va dans beaucoup de directions différentes. "

Ce que nous voulons le plus dans l'avenir

L'avenir de la conception Web

Quelques designers remarquables y compris Wroblewski, se sont réunis pour former un «futur sympathique» pour faire des choses qui sont avant-gardistes. Le groupe vise d'abord, reconnaître et embrasser l'imprévisibilité; Penser et se comporter d'une manière favorable à l'avenir; Et aider les autres à faire de même.

Wroblewski décrit les applications web comme des choses vivantes, changeantes, qui évoluent du berceau à la tombe. Il dit: "Plus vite ils peuvent répondre, mieux ils peuvent s'adapter au changement. Changements dans la technologie, dans les comportements des gens et dans les affaires. Se mettre en place pour être rapide à l'avant vous permet de vous déplacer avec le web au lieu d'être laissé derrière elle ... "

Whitney Hess, un concepteur d'expérience utilisateur indépendant, consultant et prolifique web logger basée à New York a récemment partagé un ensemble universellement applicable de principes de conception d'expérience à la conférence Future of Web Design. Nous étions intrigués pour lui demander ce qu'elle pense de l'avenir:

"J'espère que nous aurons une meilleure compréhension des différents publics cibles de nos produits et que nous leur livrerons du contenu plus intelligemment. À l'heure actuelle, différents contenus sont appropriés sur différentes plates-formes. Mais les utilisateurs nous disent tant sur eux-mêmes grâce à leur utilisation répétée de notre produit et nous n'avons pas fait assez de travail pour créer des expériences de contenu personnalisé pour eux en raison de toutes ces informations. Au lieu de cela, nous avons seulement créé des expériences personnalisées et fonctionnelles, mais pas des expériences personnalisées et de contenu », dit-elle.

Le designer Ryan Essmaker est le co-fondateur de The Great Discontent, un site qui célèbre les artistes les plus créatifs du monde. Il a nommé deux limitations et problèmes majeurs à notre site Web actuel: le rendu des polices Web à travers les navigateurs, les périphériques et les plates-formes et le défi de servir des versions adaptées aux périphériques des images de votre site dans des designs réactifs. «Je rêve d'une manière vraiment cohérente pour le texte d'être affiché similaire à imprimer. Lorsque vous imprimez une affiche ou un livre, vous savez exactement à quoi il ressemble. Avec le web, il ya toutes sortes de réserves. La beauté future du web aura des solutions grandes et cohérentes à ces problèmes. "

Il a également déclaré que des interfaces utilisateur haut de gamme et faciles à utiliser seraient les plus recherchées. "Avec plus de sociétés et de startups accordant une grande importance à la conception et à la convivialité, le Web ne fera que continuer à s'améliorer et à être plus convivial".

Nous savons que l'avenir du Web sera beau. Nous savons que la meilleure conception nous connecte et nous rend plus humain. Nous savons que nous voulons une expérience aussi riche que possible, et nous savons que nous voulons y accéder partout. Alors que les concepteurs travaillent leur magie sur une partie du Web, les développeurs et les ingénieurs travaillent en profondeur ci-dessous, apportant des changements structurels cruciaux et évolutifs.

Nous avons surtout appris à quel point les concepteurs Web - et tous les créateurs d'Internet - ne savent pas, et combien il reste à explorer ... Et c'est très inspirant.

L'avenir de la conception Web

Crédits d'image: Shutterstock / Strider