Tendances de l'interface utilisateur qui façonneront 2019

Permettez-moi de vous poser une question qui pourrait sembler un peu comme de la science-fiction. Vous est-il déjà arrivé de penser que la planète Terre avait un peu évolué récemment - mais nous ne l'avons pas encore remarqué. On dirait que c'est seulement hier que nous avons revu nos attentes lorsque nous avons migré vers 2018. Pourtant, étrangement, c'est déjà presque 2019!

À bien y penser, cependant, 2018 a été une année terrible pour la conception d’interface utilisateur. Les choses sont maintenant beaucoup plus simples par rapport aux années précédentes, grâce à la croissance exponentielle que les outils de conception ont connue ces derniers temps. Vous n'avez même plus besoin d'être un gourou du codage pour créer un site de qualité professionnelle avec une excellente interface utilisateur en quelques minutes à peine.

Et cela couvre à peine la base. Les modifications apportées aux préférences des utilisateurs ont également eu un impact considérable sur la conception des interfaces dans 2018.

Pour le mettre en perspective, 94% des utilisateurs d'Internet a cessé de faire confiance aux sites mal conçus, de sorte qu'il n'y a tout simplement plus de place pour des compromis.

Puis, puisque le défilement est maintenant largement accepté, les sites ne donnent plus la priorité à placer les meilleurs éléments au sommet. Vous pouvez les répartir proportionnellement dans l'interface. Mais là encore, nous avons appris à être extrêmement prudent à ce sujet, compte tenu 40% des visiteurs partira si la disposition générale s'avère être minable.

Et ce n'est pas tout ce qu'ils détestent. Les utilisateurs sont également fatigués des curseurs de contenu, uniquement 1% cliquera sur eux. Il est intéressant de noter qu’atténuer cela en éliminant le contenu serait également une erreur, car 86% de visiteurs du site veulent voir des informations critiques sur les produits et services dès que le site apparaît sur la page d'accueil.

Fascinant, non?

Alors, soyons honnêtes, la conception de l'interface utilisateur n'a jamais été aussi excitante. Les utilisateurs se transforment, la technologie des appareils évolue de manière astronomique, la vitesse de l’Internet est maintenant au niveau de la Formule 1 et nous sommes appuyés par un large éventail d’outils de conception sur le Web. Combinez tout cela avec les compétences modernes des concepteurs d'interface utilisateur et vous conviendrez certainement que 2019 aura forcément encore plus d'impact.

Alors, quelles tendances attendons-nous?

Premier mobile

L'optimisation mobile est un mot à la mode qui semble ne pas se retirer de si tôt. La tendance existe depuis deux ans, c'est le moins qu'on puisse dire. Et vous auriez raison de prédire que nous verrons une adoption accrue des conceptions d'interface utilisateur basées sur le mobile dans 2019.

Vous pouvez également supposer que, mis à part la technologie correspondante, il n'y a rien de nouveau à proposer dans cet espace - du moins pour les prochains mois 12. Assez bien, mais obtenez ceci…

Vous voyez, cela fait un certain temps déjà que nous utilisons la même vieille approche: concevoir d’abord sur PC, avant de passer au mobile. Rétrospectivement, l’interface utilisateur de bureau constituait le principal objectif, car la majeure partie du trafic provenait des utilisateurs de PC.

Ensuite, quelque chose d’intéressant s’est produit à la fin du trafic 2016 - le trafic mobile a finalement dépassé le trafic PC. À la fin de cette année, les téléphones mobiles avaient frappé 50.31% de la part de marché, tandis que les comprimés s’ajoutaient à 4.9%.

part de marché mobile

Cependant, malgré cela, nous avons toujours privilégié l’interface de bureau car il se trouve que les utilisateurs d’ordinateurs personnels conservent la tête du temps cumulé passé en ligne. En Amérique du Nord, par exemple, le surf sur téléphone portable était encore à la traîne sous 2017, ce qui représente 33% du temps de surf.

temps de surf

Eh bien, à bien y penser, nous savions tous qu'il était temps que le mobile rejoigne enfin les PC dans ce domaine également. Et par 2018, les tables avaient complètement tourné, le mobile prenant 52.2% de toutes les pages Web mondiales.

part du trafic

Qu'est-ce que cela signifie pour l'interface utilisateur?

Pour commencer, nous nous attendons à un changement d'approche de conception de l'interface utilisateur. Les développeurs vont commencer par changer leurs priorités en se concentrant d'abord sur l'interface utilisateur mobile avant de concevoir pour PC. Les utilisateurs mobiles auront la priorité sur les utilisateurs de PC.

Utilisation des ombres et de la profondeur

On ne peut nier que les conceptions d'interface utilisateur plates ont leurs avantages. Mais regardons les choses en face. Ils sont maintenant devenus trop monotones et, certes, assez ennuyeux.

Malheureusement, l’utilisation des conceptions 3D était un défi en raison de la lourdeur graphique qui en résultait. Le chargement d'une page Web avec une interface 3D, par exemple, prenait généralement plus de temps qu'une page avec un design plat.

Jusqu'à ce que les navigateurs Web commencent à s’améliorer considérablement. D'autre part, les concepteurs ont mis au point une technique exceptionnelle consistant à tirer parti des ombres pour introduire l'illusion de profondeur.

ombres et profondeur

Dans 2019, par conséquent, nous nous attendons à une utilisation progressive des variations des ombres pour obtenir différentes perspectives d’interface 3D.

Par exemple, les concepteurs qui cherchent à attirer l'attention sur des éléments spécifiques peuvent créer de fausses ombres avec différents degrés de douceur et d'intensité. Le résultat final est un élément qui peut sembler survoler le reste de 3D.

Une autre technique populaire consiste à placer des ombres dans des motifs afin de créer différents niveaux de textures, puis de donner vie aux éléments de l'interface.

Alors devinez quoi? Les progrès récents dans les outils de conception d'interface utilisateur ont encore étendu la dynamique qui accompagne ces approches de conception. Vous pouvez maintenant facilement combiner des ombres avec des grilles et des dispositions de parallaxe pour étendre systématiquement la profondeur correspondante et ainsi obtenir des illusions 3D plus réalistes.

En d’autres termes, l’utilisation avancée des ombres continuera d’atteindre une profondeur plus affinée sur l’affichage 2D. Ainsi, vous n'avez plus besoin d'écrans 3D spéciaux.

Minimalisme

Au cours de l’année 2000, la durée moyenne de l’attention humaine, du moins selon une étude de Microsoft, était 12 secondes. Alors devinez quoi? En 2015, il était étonnamment tombé à quelques secondes 8 - curieusement plus court qu'un poisson rouge standard.

Eh bien, juste au moment où nous pensions que cela ne pourrait pas être pire, Internet a rendu les gens plus impatients- 47% des visiteurs de votre site attendez maintenant que vos pages se chargent en moins de 2 secondes. Ils ne peuvent tout simplement pas attendre plus longtemps. En fait, 40% d'entre eux partiront si cela prend plus de temps que 3 secondes.

Curieusement, beaucoup de concepteurs de sites Web ne prennent pas cela au sérieux. Le courant la vitesse moyenne de chargement de la page est 8.66 secondes- malgré les recommandations de Google recommandant moins de 3 secondes pour 2018.

temps de chargement de la page

Et ce n'est pas tout. Il s’avère que la situation est nettement moins bonne pour les sites mobiles, car ils prennent une moyenne des secondes 22 charger. Malheureusement, 53% des visiteurs de pages mobiles ne restent pas plus de trois secondes.

Mais, comment cela se rapporte à l'interface utilisateur?

Alors que les vitesses de chargement des pages sont généralement déterminées par plusieurs facteurs, la conception globale de l'interface utilisateur est particulièrement critique. C'est là que commence la réaction en chaîne.

Alors, qu'est-ce que cela signifie pour 2019?

Eh bien, Mise à jour de vitesse de Google En juillet, 2018 marquait le début de la fin d’UI complexes, riches en graphiques, qui compromettent considérablement les vitesses de chargement. Nous nous orientons de plus en plus vers des interfaces utilisateur minimalistes lean bien rationalisées, qui se chargent beaucoup plus rapidement.

Le minimalisme consiste essentiellement à atteindre un équilibre idéal entre simplicité, commodité et fonctionnalité. Cela permet non seulement d’améliorer les vitesses globales et le classement des moteurs de recherche, mais également de réduire le taux de rebond du trafic correspondant.

Effets se chevauchant

L'ère moderne de la conception graphique a introduit des effets qui se chevauchent pour combiner plusieurs couches, créer une impression d'espace et, plus important encore, rendre les interfaces plus captivantes.

Mais attendez. Qu'est-ce qu'un effet de chevauchement en premier lieu?

En règle générale, cela implique de placer des éléments tels que des images, du texte et des couleurs qui se chevauchent élégamment. Je parie que vous avez déjà rencontré des graphiques qui se chevauchent sur plusieurs sites Web à ce jour.

effets se chevauchant

Certes, la tendance en matière de design s’est considérablement améliorée au cours des deux dernières années. Mais, avec les appareils modernes offrant désormais une bien meilleure reproduction des dégradés de couleurs, 2019 devrait entraîner une adoption extensive d'effets superposés sur les interfaces utilisateur PC et mobiles.

Samsung Mobile, par exemple, est passé des écrans LCD au technologie OLED très avancée quand ils ont sorti le Galaxy S7 il y a deux ans. Ensuite, Apple a rejoint le train avec l’iPhone X, qui offre maintenant un contraste d’affichage plus élevé que ses prédécesseurs LCD. La société a même plans de maintenir cette sur tous les modèles d'iPhone prévus pour 2019.

Et qui profitera le plus?

Comme on pouvait s'y attendre, le monde de la conception graphique en tire un avantage considérable pour créer des chevauchements avec des dégradés plus nets et plus nets qui semblent plus naturels. Nous apprécions le fait que les écrans OLED aient considérablement atténué le principal problème des éléments qui se chevauchent: les utilisateurs sont distraits par les éléments secondaires sous-jacents en raison du faible contraste.

Cette tendance déclenchera également le développement de la transparence dans les conceptions d'interface utilisateur. Nous verrons une utilisation accrue des textures «semblables à du verre» sur les interfaces utilisateur, les concepteurs capitalisant sur la transparence pour faire apparaître simultanément les graphiques primaires et secondaires, sans nécessairement interférer avec l'accent voulu.

Dessins sans cadre

Et toujours sur les appareils modernes, vous avez certainement remarqué la chose la plus remarquable de leur conception extérieure globale de nos jours. Non, je ne parle pas de la façon dont ils surutilisent maintenant le verre sur presque toutes les surfaces.

Ok, j'avoue que ça pourrait avoir un rapport avec ça. Pour une raison étrange, tout le monde déteste maintenant apparemment les cadres d'affichage. Les principaux fabricants de smartphones et d’écrans de télévision réduisent progressivement l’espace entre le contour de l’affichage et les bords de leur appareil. Ensuite, pour compléter le look, ils choisissent de le combiner avec des bords arrondis.

Samsung a même pris les devants pour éliminer complètement les contours en agrandissant certains écrans de son smartphone. Apple, quant à lui, a décidé de couvrir tout le visage de l'iPhone avec l'écran d'affichage, ne laissant de la place que pour l'écouteur.

bord sans cadre

À bien y penser, je suppose que cela a tout à voir avec l'illusion de l'infini - la nécessité de faire en sorte que l'écran ressemble à une partie de l'environnement naturel. Et, pour être honnête, cela fonctionne assez bien pour les utilisateurs, qui trouveraient les écrans plus immersifs.

Peut-être sans surprise, cette tendance s'est étendue à l'industrie des applications. Les interfaces utilisateur passent progressivement des contours encadrés à des traits lisses, combinés à des bords arrondis. Par conséquent, cela a aidé les interfaces à s’intégrer de manière transparente aux écrans des appareils, puis à créer des perspectives sans cadre en plein écran.

Alors que les fabricants d’appareils poursuivent cette tendance avec 2019, nous nous attendons à ce que les interfaces utilisateur suppriment progressivement les arêtes vives de la génération précédente pour des conceptions lisses, arrondies et sans cadre.

Micro-animations

Ils sont subtils et peuvent sembler insignifiants parfois. Mais la vérité est simple: les micro-animations dans les interfaces utilisateur se sont avérées extrêmement puissantes pour engager et aider les utilisateurs tout au long de leur navigation.

Avez-vous vu ces boutons changer de couleur lorsque vous les survolez ou cliquez dessus? Vous avez certainement également rencontré des dispositions de menu qui apparaissent pour afficher des options supplémentaires dès que le pointeur se pose dessus. Eh bien, ce sont tous des exemples de micro-animations qui créent de petits effets visuels pour enrichir l'expérience utilisateur.

micro-animations

Étant donné que les éléments en mouvement attirent particulièrement l’attention, de nombreux concepteurs les exploitent déjà pour amener les utilisateurs vers différents points de conversion. Cette tendance est tellement répandue maintenant que je serais prêt à parier une fortune que vous ne pouvez pas trouver plus de cinq sites qui n'ont pas encore implémenté une forme quelconque de micro-animations.

Alors récupère ça. Tous les navigateurs Web dominants prennent actuellement en charge les micro-animations sur PC et sur mobile. Je dirais donc que la tendance est là pour rester à l'approche de 2019, nous attendons à ce que les interfaces utilisateur soient dotées de hiérarchies visuelles systématiquement structurées.

Conclusion

Au total, nous n’avons couvert que certaines des tendances les plus remarquables. Au fil du temps, nous allons certainement voir des choses plus excitantes et nous avons hâte que 2019 mette les choses en mouvement.

Cela dit, selon vous, quelle pourrait être la tendance de conception de l'interface utilisateur la plus impactante? Et quelles autres tendances notables ajouteriez-vous à cette liste?

image d'en-tête avec la permission de Walid Beno

Bogdan Rancea

Bogdan est un membre fondateur d’Inspired Mag, ayant accumulé près de 14 années d’expérience 6 au cours de cette période. Dans ses temps libres, il aime étudier la musique classique et explorer les arts visuels. Il est également obsédé par les fixies. Il possède déjà 5.