Regard sur l'avenir prédictions de la conception Web pour 2018

Cette année, je voulais vous laisser le temps de vous installer, de vous mettre janvier à votre portée avant de jeter un coup d'œil sur ce que 2018 réservera à la conception de sites Web. Jetez un coup d’œil à ces sept prédictions et voyez si vos pensées correspondent aux miennes.!

La tradition dicte

J'ai écrit pas mal de ces publications de prédiction maintenant, alors si vous êtes nostalgique, vous voudrez peut-être voir comment mes prédictions des années précédentes se superposent:

1. Des grilles, partout

Avec l'adoption de CSS Grid, nous verrons de nouvelles façons intéressantes d'organiser le contenu avec des grilles. C’est un excellent exemple de l’innovation d’une technologie qui fait avancer les implications dans les médias eux-mêmes..

CSS Grid permettra, par exemple, de réorganiser le contenu de manière beaucoup plus dynamique que celle que nous avons pu réaliser avec Flexbox et certainement beaucoup plus dynamique que les systèmes de grille traditionnels à base flottante..

Il sera donc beaucoup plus facile de concevoir des flux de contenu pour les tailles de périphériques mobiles et autres..

Pour les entreprises qui investissent dans les tendances suivantes, nous verrons probablement l’utilisation de la grille traditionnelle brisée, faisant de la grille elle-même un outil de conception..

Apprendre CSS Grid Layout

2. Le monde des applications Web

La popularité de React et d’autres systèmes de composants a fait du développement Web orienté applications une nouvelle norme. Le temps de la conception de pages et de la création de modèles expire rapidement. arriver sont les jours des composants et de la composition.

Cela introduira également un plus grand nombre d’applications natives, car ces concepts sont transférables à l’environnement d’application natif à l’aide d’outils tels que React Native..

"Arriver sont les jours des composants et de la composition"

De plus en plus de concepteurs utiliseront la création de composants comme moyen d'expression. Depuis quelques années, la popularité de ces micro-designs ne cesse de croître et ils ne ralentissent pas..

Ce que vous ne verrez pas:

Fonctionnalité d'application complexe remplaçant des composants basés sur le contenu.

Bien que la conception et la composition des composants soient l'avenir, la plupart des sites orientés contenu ne nécessitent pas une interactivité allant au-delà de l'affichage dynamique du contenu..

Cela signifie que la puissance de la conception de composants réside davantage dans la création de modules flexibles et réutilisables et d'un langage de conception cohérent, et moins dans la création d'une «expérience similaire à celle d'une application»..

3. Animations et compositions plus complexes

L'animation continue de mûrir sur le Web. Bien qu'une grande partie de l'animation vue jusqu'à présent ait été utilisée soit comme effet florissant dans les interfaces, soit comme grandes transitions voyantes, à mesure que l'animation mûrit, elle deviendra une partie plus intégrée du média lui-même..

Cela va brouiller les lignes des éléments que nous utilisons, permettant des transformations de contenu beaucoup plus fluides.

4. Images comme conception

La conception Web a généralement séparé les images des éléments de conception. Dans la plupart des cas, les images ont été traitées comme une partie distincte du contenu. une fenêtre sur le monde réel.

À partir de 2018, les images seront utilisées de manière plus intégrée et feront partie du design. La déconstruction des images en couches et le mélange d’autres types d’éléments, tels que les particules ou le texte dynamique, permettront de combler le fossé entre les images et d’autres éléments graphiques, ce qui créera de nouvelles exigences quant aux positions des photographes soucieuses d’Internet..

5. Plus d'illustration

Plus que jamais, les organisations doivent communiquer transparence et fiabilité. Bien que la véritable transparence soit à la base de toute confiance, il est également important que les communications en ligne et le style de conception reflètent cette image digne de confiance..

Une façon d'y parvenir est d'établir un sens de l'environnement et un «monde» de marque. C’est ce que Geico fait avec son porte-parole Gecko, un monde alternatif où un Gecko gentil et bavard vous vend de l’assurance..

Parmi les autres exemples, citons le vélo vert de la Regions Bank, l'anti-héros Mayhem utilisé par AllState et les lapins colorés de Voya. Vous remarquerez que ces exemples sont deux secteurs où la confiance a toujours été essentielle (assurances et finance).

Maintenant que la confiance devient un facteur de vente beaucoup plus important, ces mondes parallèles nous donnent une image de la constitution et de la culture éthiques qu’une société a adoptées..

De grandes marques utilisant l'illustration en 2018 de Rob Levin

La plupart des entreprises n'ont pas de format ni de ressources pour soutenir un porte-parole. Cependant, la conception illustrative permet cette même symbologie, construisant un monde pour expliquer les valeurs de l'entreprise.

Concrètement, cela signifie que davantage d'illustrations et de photos contenant des illustrations apparaîtront en tant qu'éléments principaux du design. Que ce soit pour expliquer une histoire ou pour créer un paysage visuel d'éléments de marque, les illustrations aideront les entreprises à éliminer les barrières qui les séparent de celles qu'elles servent..

6. Bonjour gradients en forme de fluide

À mesure que les outils de conception et les capacités Web évoluent, les frontières qui ont longtemps limité la conception Web seront brisées. Les dégradés de couleurs vives et les formes courbes morpheuses feront leur chemin dans des conceptions plus fortes que jamais. Dites «au revoir» aux boîtes de couleur unie.

Spotify a joué un rôle déterminant dans la promotion de ces tendances, comme en témoigne la refonte de l'App Store d'Apple, lancée en 2017..

Quelques ressources et inspirations sur le dégradé pourraient vous être utiles:

7. Expériences interactives et axées sur la conversation

Les applications de messagerie sont plus grandes que jamais et ne vont nulle part. À bien des égards, chaque application peut être modélisée à l'aide du concept de messagerie, et maintenant, il est devenu encore plus explicite. Les robots de messagerie gagnent en popularité, et bien sûr, la messagerie humaine un à un est une industrie massive.

De plus en plus d'entreprises et de services adopteront ce même modèle d'interaction, construisant des expériences reposant sur des messages libres envoyés par un utilisateur. L'intelligence artificielle contribuera à rendre ces interfaces plus puissantes, d'autant plus qu'elle devient plus sophistiquée et plus largement disponible en tant que modèle de service..

Nous avons déjà vu des interfaces de conversation devenir des méga-entreprises à part entière; WhatsApp, bien sûr, mais plus récemment le lancement du service de page de renvoi de lancement de produit de ProductHunt, de l'application de messagerie d'Instagram, et bien plus encore.

Attendez-vous à voir des interfaces de service client super puissantes, des commandes via des chatbots et même de petites personnalisations dans votre expérience utilisateur en réponse aux échanges de messagerie instantanée..

En avant!

Assez parlé - entrez dans le vaste monde de la conception Web et voyez ce que 2018 apporte!

Pour en savoir plus sur ce qui nous attend en 2018