Changements d'interface, animation en couches et chaos visuel structuré: un examen des tendances Web pour 2019



Internet est un phénomène multiforme. La dynamique de son développement élargit les frontières habituelles dans toutes les directions. Des approches et des éléments éprouvés cèdent progressivement la place à de nouvelles formes de communication plus efficaces entre les personnes, les marques et les technologies.

1 / Technologie


1.1. Apprentissage automatique


Aujourd'hui, tout le monde a l'intelligence artificielle sur ses lèvres, et en premier lieu - l'apprentissage automatique. La raison de cette demande pour cette classe de méthodes est qu'avec cette approche, une solution peut être obtenue non pas directement, mais par une formation sur de nombreuses tâches spécifiques.


Sans apprentissage automatique, le succès sera très difficile

Grâce à l'apprentissage automatique, vous pouvez augmenter considérablement l'efficacité des sites Web et des applications. L'année prochaine, il deviendra beaucoup plus facile d'appliquer la reconnaissance vocale, faciale et d'image, de traiter les données de diagnostic et de prédire les résultats, d'analyser et de trier de grandes quantités de données.

L'apprentissage automatique deviendra également l'un des outils de marketing les plus populaires, car il vous permet d'améliorer la communication entre les utilisateurs et les marques, de sélectionner un contenu mieux adapté aux intérêts des utilisateurs, d'analyser les comportements et de prévoir les actions futures.

Traduit en Alconost

1.2. Bots de chat


Des interfaces alternatives se répandront en 2019 et la communication des utilisateurs avec les technologies et les marques deviendra plus personnalisée. Les chatbots fourniront différents types d'interaction, qui couvriront toutes les couches de consommateurs avec une variété de capacités physiques et matérielles .

Les utilisateurs pourront recevoir des informations, poser des questions et effectuer des achats via un seul bot de chat qui remplacera toute une gamme de services différents. Les robots d'apprentissage automatique étendront les capacités fournies aux utilisateurs, simplifieront et accéléreront le travail avec l'interface .


Interaction utilisateur simulant la communication avec un consultant

L'utilisation de la composante émotionnelle de la communication offre d'énormes avantages. De plus en plus souvent, les utilisateurs préfèrent ne pas appuyer sur les boutons, mais poser des questions au bot, qui leur parle avec la voix de leur personnage préféré. La façon dont vous interagissez avec les applications changera et les consommateurs commenceront à préférer de telles interfaces mises à jour.

1.3. Chargement de la page


Ces dernières années, la consommation de contenu à partir d'appareils mobiles a augmenté, de sorte que le chargement adaptatif rapide des sites Web sur les téléphones est devenu un objectif évident, et 2019 nous apportera de nouvelles solutions dans ce domaine.

Par exemple, la technologie AMP (pages mobiles accélérées), promue par Google, est tout à fait pertinente. Il vous permet d' augmenter la conversion du site presque deux fois - en raison d'un chargement plus rapide. AMP est basé sur l'open source et les pages elles-mêmes sont mises en cache dans Google Cloud, ce qui accélère leur chargement. Cette technologie est utilisée par des entreprises telles que le Washington Post, Tesla, eBay, etc.

Il existe d'autres moyens d'accélérer le chargement des pages: chargement différé ( quatre variétés ), optimisation du contenu et du code, ainsi que des systèmes de serveurs distribués.


Exemple de chargement différé: Pinterest.

2 / Interfaces


2.1. L'interaction


La rétroaction visuelle deviendra une partie encore plus importante de l'interface - grâce à la technologie et à Internet haute vitesse :). En 2019, l'interaction va acquérir une structure multicouche et passer à de nouveaux niveaux de dynamique, de couleur et de son.

Pour mieux comprendre comment transmettre un maximum d'informations à l'aide d'une animation à plusieurs niveaux, analysons l'exemple de Shazam.



1. Micro-interaction: l' application écoute la musique qui sonne à côté de l'appareil.
2. Interaction Micromini: la possibilité d'activer et de désactiver la reconnaissance des chansons en appuyant sur le bouton Shazam.
3. Nano-interaction: la taille du bouton Shazam change en réponse à la pression, simulant une interaction réelle; l'animation des cercles intérieurs répond aux sons des basses fréquences, les extérieurs à un timbre plus élevé.
4. Interaction maximale: le bouton Shazam augmente de plusieurs pixels, "émettant" des ondes, et l'icône change légèrement de taille en fonction du niveau des basses fréquences.

L'animation sera intégrée même dans l'interface utilisateur et les actions. Il deviendra une partie distinctive de la marque et s'intégrera organiquement dans la mise en page du site Web, agissant comme un guide visuel. Par exemple, sur le site Web Family Garden , le curseur fait partie du logo et interagit activement avec d'autres éléments de l'interface utilisateur.


Comme vous pouvez le constater, l'animation multicouche du curseur implémentée sur le site permet d'informer efficacement l'utilisateur.

2.2. Interface vocale


Nous visons constamment la simplicité et l'efficacité. Dans le domaine des technologies numériques, la navigation graphique conventionnelle ne suffit pas toujours, et l'une des alternatives les plus abordables est la commande vocale, qui ne sera cependant pas un remplacement complet de l'interface familière, mais seulement un intermédiaire entre l'utilisateur et les principales fonctions du site. Pour expliquer pourquoi il en est ainsi, je donnerai quelques arguments de base.

Avantages:

1. Simplicité et rapidité. La commande vocale peut fonctionner très rapidement: l'utilisateur n'a pas besoin d'apprendre l'interface graphique et d'apprendre à l'utiliser conformément à sa destination. Les gens peuvent parler presque dès la naissance - cette capacité est très bien développée dans notre pays.

2. Commodité. Si vous cuisinez le dîner, conduisez une voiture, peignez un tableau ou prenez une douche, vous n'avez pas toujours la possibilité de décrocher le téléphone. Les commandes vocales dans de tels cas sont une excellente solution.

3. Capacité d'information. Une voix peut transmettre beaucoup plus d'informations qu'un texte imprimé. Le son élargit le côté émotionnel du message grâce aux possibilités expressives d'intonation, de tempo et des traits caractéristiques de la voix.


Modèle de récupération de fichier Dropbox pour Brain.ai. L'auteur de l'image est Gleb Kuznetsov .

Inconvénients:

1. Faible niveau de confidentialité. Peu de gens veulent partager des informations personnelles avec tous ceux qui se trouvent à proximité, donc dans les lieux publics, utiliser des interfaces vocales est toujours très gênant. Depuis plusieurs années, des appareils qui bloquent parfaitement le son sont proposés sur le marché, mais ils ne sont toujours pas très populaires.

2. Le bruit. Haruki Murakami dans son livre "Le pays des merveilles sans freins et la fin du monde" décrit clairement la réalité dans laquelle les gens ont appris à couper le bruit - au nom de la préservation du tympan. Aujourd'hui, bien sûr, cela est impossible, alors des dizaines de personnes qui donnent des commandes vocales transformeraient les rues en bourdonnements d'abeilles bipèdes.

3. Irréversibilité. Le dicton "le mot n'est pas un moineau: s'envole - tu n'attraperas pas" reste d'actualité. Il n'y a pas de bouton «Annuler» pour la voix, vous ne pouvez pas appuyer sur CTRL + Z ici - par conséquent, les interfaces vocales sont encore loin d'être idéales en termes de mise en œuvre de fonctionnalités plus universelles.

2.3. Gestes


Une autre alternative à l'interface graphique est les gestes. De plus en plus d'éléments de navigation standard seront remplacés par des actions utilisant les capacités des écrans tactiles, qui permettront à l'utilisateur de se concentrer sur le contenu.

La zone occupée par le contenu se déplacera progressivement vers le haut de l'écran et les principaux éléments de l'interface - tout en bas, car c'est l'endroit le plus pratique pour le pouce. Les gestes aideront à diversifier les actions possibles. Avec de nouvelles solutions d'interface, elles remplaceront progressivement l'icône de menu familière, les flèches et d'autres détails ennuyeux.


L'idée d'une application pour un réseau social dans lequel la navigation s'effectue en partie par des gestes.

L'utilisation de gestes sera le signe d'un produit de haut niveau, car elle nécessite une implémentation organique et uniforme, ce qui signifie une interaction bien pensée avec l'utilisateur.

3 / Contenu


3.1. Au lieu de texte - vidéo


L'année prochaine, les changements affecteront non seulement les méthodes de livraison de contenu, mais aussi les types de contenu lui-même. Le principal héros de ces changements sera le contenu vidéo: il marchera en toute confiance sur les positions habituelles des blocs de texte et de photo , et la disponibilité des technologies appropriées rendra sa création facile et rapide. La vidéo a un potentiel d'information beaucoup plus large et plus profond que le texte brut.



Dans de nombreux cas, la préférence est donnée au classement sous forme d' histoires vidéo - comme, par exemple, à la New York Public Library . Même sur la plate-forme de conception Dribbble, ils ont enfin maîtrisé le téléchargement de vidéos :). Ce format avec confiance trouve toutes les nouvelles niches et ne va pas s'arrêter.

3.2. Graphiques 3D


La quantité de contenu 3D augmentera également: les chiffres volumétriques sont plus naturels et les gens les perçoivent plus facilement.

Peut-être qu'à l'avenir, la frontière entre la réalité et l'environnement numérique sera progressivement brouillée et le monde en ligne deviendra également volumineux. Par exemple, le contenu 3D est aujourd'hui un catalyseur pour un segment du commerce électronique à croissance très rapide utilisant la réalité augmentée - A-Commerce , où les actions dans le monde virtuel remplacent complètement le processus d'achat dans la réalité.


La réalité augmentée devient l'un des outils marketing les plus performants.

3.3. Personnalisation


La quantité de contenu universel diminuera. Les publications et les nouvelles deviendront plus personnalisées et la façon dont elles seront affichées sera déterminée par de nouveaux algorithmes.
Pour se démarquer, les entreprises devront consacrer davantage de ressources à la planification et à la viralisation de contenu, ainsi qu'à rendre les produits annoncés plus attractifs afin d'engager les utilisateurs dans la communication avec les marques.


Bon appétit, monsieur.

3 / Composant visuel


3.1. La couleur


Les teintes pastel naturelles associées au respect de l'environnement resteront populaires en raison de la tendance à la consommation responsable (pour plus de détails, voir la sous-section ci-dessous). Une attention particulière doit être portée aux tons moyens : la qualité des matrices d'affichage croît rapidement, ce qui permet d'enrichir la composante visuelle du contenu.



Une autre tendance à la mode sera les couleurs vives et vibrantes dans les combinaisons les plus inimaginables qui aideront à exprimer un large éventail d'émotions et d'impressions.

3.2. Oeuvre


Selon les statistiques, une image illustrative est sept fois plus efficace qu'une photo ordinaire. Les illustrations vous permettent de transmettre un message plus abstrait, une allégorie, d'exagérer certains détails et de leur donner un nouveau sens - afin de remplacer la plupart des photos. De plus, un tel contenu vous permet de divertir l'utilisateur et simplifie la perception du matériel. Les illustrations aident à diluer des informations ennuyeuses et trop complexes avec diverses émotions positives.


Illustrations dans l'Assistant Google.

Un autre avantage des graphiques illustratifs est que les entreprises peuvent personnaliser leur contenu et s'exprimer même dans les moindres détails. Dans l'illustration, il est beaucoup plus facile de tisser des éléments d'un style d'entreprise - cela attire l'attention de l'utilisateur et le fait réfléchir .

3.3. Chaos


En général, le caractère aléatoire deviendra une caractéristique du style graphique. Les éléments conventionnels seront remplacés par des éléments expérimentaux imprévisibles et asymétriques. Une variété de techniques et de formes graphiques ne fera que croître. Les styles, les polices et les nuances deviendront beaucoup plus dynamiques, mais il y aura une cohérence dans cette dynamique .

La combinaison de l'incongru deviendra encore plus pertinente. Notre perception est limitée par les capacités neurosensorielles du corps humain, donc cela ne fonctionnera pas pour inventer une nouvelle couleur, un son ou un goût - cependant, avec l'aide de combinaisons audacieuses et non triviales d'éléments existants, nous pouvons offrir à l'utilisateur quelque chose de nouveau.


Vous pouvez en savoir plus sur le style de brutalité croissante, par exemple, ici ou ici .

4 / Psychologie


4.1. Consommation responsable


Cette tendance concerne une approche raisonnable de la consommation des ressources et une prise de conscience de l'impact direct de nos actions sur l'avenir de la planète entière. Une telle vision du monde s'étend à la prise de décision à l'échelle des ménages et rend nécessaire la prise en compte de chaque étape de la chaîne de consommation .



Les consommateurs choisissent plus souvent des biens et services qui ont une valeur sociale ou environnementale positive. Dans le cas des sites Web, vous pouvez obtenir l'effet correspondant en utilisant le style de présentation du matériau, le jeu de couleurs et la police, ainsi qu'une présentation de contenu de haute qualité.

Un mode de vie mesuré et réfléchi, qui deviendra également très populaire, va de pair avec une consommation consciente: les gens prennent de plus en plus conscience qu'aujourd'hui, dans des conditions d'abondance totale, il est important non seulement de trouver du temps pour tout - il faut pouvoir éviter le stress et maintenir l'équilibre interne. Par conséquent, en réponse aux problèmes sociaux et environnementaux, les services et produits qui seront associés à un mode de vie «mesuré» deviendront pertinents.

Pensez-y: à quelle fréquence pouvez-vous vous permettre de vous arrêter et de vraiment profiter du moment?

4.2. Rectitude (séparation des actions)


Oh, combien de choses belles et intéressantes je veux placer sur les grands écrans des smartphones! Mais bien sûr, je ne le ferai pas. L'itinéraire le plus simple est sans se transformer en ruelles inconnues, sans sorties de la route principale et carrefours difficiles. Dans le monde d'Internet, cela s'appelle la navigation linéaire.


Moins l'utilisateur a de choix, plus il a de chances de faire le pas nécessaire.

Sur chaque écran, il ne devrait y avoir qu'une seule action principale - cela évitera le doute. En 2019, le chemin de l'utilisateur deviendra plus simple et plus court, car le rythme de vie augmente régulièrement et il semble que même le temps passe plus vite. Eh bien, ne prenons pas de retard! :)

4.3. Participation et facilité de retour


À quelle fréquence essayez-vous de nouveaux sites Web, services et applications? Et à quelle fréquence revenez-vous à des éléments déjà connus et éprouvés?

La prise en main du produit doit être aussi simple et rapide que possible. Un enregistrement long et ennuyeux est extrêmement fatigant pour l'utilisateur, car les informations de base le concernant sont faciles à obtenir auprès des sources dans lesquelles il l'a déjà laissé.

Chaque jour, un grand nombre de produits arrivent sur le marché et cesser d'utiliser une ancienne solution est chose courante. Par conséquent, il est très important de donner à l'utilisateur la possibilité de revenir facilement. Vous ne pouvez pas blâmer le fils prodigue pour une longue absence - vous devez lui faire savoir qu'il était toujours attendu et le rencontrer avec quelque chose d'intéressant.


Le retour doit être aussi rapide et facile que possible - comme si rien ne s'était passé du tout.

Les deux cas peuvent être complétés par une autre caractéristique - un sentiment de liberté. Les questions à l'utilisateur sur la nationalité, le sexe et l'âge deviendront presque grossières. La sélection d'algorithmes de diffusion de contenu appropriés sera basée sur les actions et les intérêts réels de l'utilisateur, et non sur des stéréotypes et des préjugés.

Information additionnelle


Une autre astuce aidera à gagner le cœur des utilisateurs - des moments soudains de joie.

Un compliment à une personne quand elle ne s'y attend pas, une surprise ou un éloge est un outil discret mais efficace pour attirer et fidéliser les clients. Toute récompense est perçue comme un exploit, un trophée et apporte de la joie.

Donnez de la joie, du côté pratique et de la beauté - et restez dans la tendance!



À propos du traducteur

L'article a été traduit par Alconost.

Alconost localise des jeux , des applications et des sites dans 70 langues. Traducteurs en langue maternelle, tests linguistiques, plateforme cloud avec API, localisation continue, chefs de projet 24/7, tout format de ressources de chaîne.

Nous réalisons également des vidéos de publicité et de formation - pour les sites qui vendent, présentent des images, de la publicité, des formations, des teasers, des explicateurs, des bandes-annonces pour Google Play et l'App Store.

En savoir plus

Source: https://habr.com/ru/post/fr433016/


All Articles