Les 5 tendances UX/UI à ne pas rater en 2018
Par Audrey Lepeigneul le 26 mars 2018
Dernière mise à jour le 3 juin 2022

Dans un précédent article, je vous expliquais l’intérêt d’intégrer l’UX dans la stratégie de votre agence immobilière afin de vous différencier de vos concurrents. L’UX, c’est, en partie, séduire par l’esthétique et une architecture de contenu pertinente : ce que l'on appelle "UI" pour User Interface. Démarrez votre démarche de séduction en suivant ces 5 tendances.
Jouer la carte de la différenciation avec des codes graphiques modernes
48 % des personnes affirmaient que le design d’un site web est le facteur n°1 pour l’image de crédibilité d’un business. L’émotion nait lors du passage de vos utilisateurs sur votre site Internet ou par les mailings que vous leur adressez. Dépoussiérons alors un peu les codes graphiques traditionnels de l’immobilier en France, pour jouer la carte de différenciation ! Il ne s’agit pas de prétendre définir des canons de beauté, mais bien d’appuyer sur le fait que l’esthétisme évolue, dicté par les changements sociétaux, les courants artistiques ou encore l’innovation.
Le renouveau du « flat design » avec les « colorfull gradients »
Le material design qui faisait partie des grandes tendances de 2017 a insufflé un renouveau du flat design, jugé pour le coup... trop plat et manquant de finesse. Ces dégradés chatoyants apportent plus de dynamisme et font vibrer les couleurs. Le style est déjà repris par exemple par Apple et tend à se démocratiser. %205%20tendances%20UX/gradient.jpg?width=320&name=gradient.jpg)
source: dribbble.com
Les « Masta typo » pour répondre à la norme des micro-sessions
40 % des sessions sont des micro-sessions de 15 secondes. La lecture rapide d’un texte court, ou « glancing », s’impose alors tout naturellement et devient même une norme. Alors qu’il s’agisse du titre de vos annonces ou de leur description, il faut aller à l’essentiel. L’avènement des "Mastas Typos", dites massives, vous incite à aller dans ce sens lors de la conception de votre catalogue d’annonces.
source : edelis.com
Adopter le « Natural langage form » pour accompagner l’utilisateur
Il s’agit d’un formulaire web classique présenté sous la forme de phrases à compléter. Cela facilite la lecture de l’utilisateur et l’aide à compléter ce formulaire. Celui-ci est parfaitement adapté en première phase de recherche et pourra être complété par des filtres permettant un niveau de granularité plus profond. Ne pas hésiter à proposer l’auto-complétion ou auto-suggestion pour guider davantage les internautes.
source : bienici.com
Fluidifier les interactions avec les « Micro interaction »
Ajout au panier, rafraichissement des données d’un formulaire, ou plus basiquement effet au hover (lorsque l'on survole un texte avec la souris) pour montrer une action à réaliser, ces subtiles animations, quasi imperceptibles dans le parcours des utilisateurs font pourtant leur effet. Les "micro interaction" parviennent à humaniser les interfaces, web ou applicatives, auxquelles nous sommes confrontées chaque jour. Leur rôle : transmettre des émotions et fluidifier les interactions entre l’utilisateur et l’interface. Déjà recommandées pour les tendances 2017 par des professionnels de l’UX, elles demeurent une tendance à continuer de suivre en 2018.
%205%20tendances%20UX/micro%20interaction2.gif?width=320&name=micro%20interaction2.gif)
source: techinasia.com
L’ « Asymmetric design » pour favoriser l’immersion
Il s’agit de proposer une asymétrie de contenus au sein d’une même page, mais tout en apportant un équilibre entre ces derniers. Le principal avantage est de permettre une plus grande liberté dans la conception de vos pages tout en proposant une expérience plus immersive et plus captivante.
%205%20tendances%20UX/asymmetric.png?width=640&name=asymmetric.png)
source : enterprisefoundation.net
Le prochain opus de la série UX et immobilier vous apportera les outils complémentaires pour faire vivre à vos utilisateurs une expérience engageante et mémorable.
Pour aller plus loin dans les compétences-clefs que vous devez développer pour montrer votre valeur-ajoutée en tant qu'agent immobilier, je vous invite à lire notre livre blanc sur les 4 compétences-clefs de l’agent immobilier de demain.
- mai 2026 (2)
- avril 2026 (3)
- mars 2026 (4)
- février 2026 (2)
- janvier 2026 (3)
- décembre 2025 (4)
- octobre 2025 (4)
- septembre 2025 (2)
- août 2025 (1)
- juillet 2025 (1)
- juin 2024 (1)
- avril 2024 (1)
- mars 2024 (2)
- décembre 2023 (1)
- novembre 2023 (1)
- octobre 2023 (1)
- septembre 2023 (1)
- juillet 2023 (2)
- juin 2023 (2)
- mai 2023 (2)
- avril 2023 (3)
- février 2023 (1)
- janvier 2023 (3)
- novembre 2022 (1)
- septembre 2022 (1)
- août 2022 (4)
- juin 2022 (2)
- mai 2022 (3)
- avril 2022 (4)
- mars 2022 (2)
- janvier 2022 (2)
- décembre 2021 (4)
- novembre 2021 (8)
- octobre 2021 (5)
- septembre 2021 (6)
- août 2021 (2)
- juillet 2021 (5)
- juin 2021 (5)
- mai 2021 (1)
- avril 2021 (1)
- mars 2021 (8)
- janvier 2021 (5)
- décembre 2020 (1)
- novembre 2020 (3)
- octobre 2020 (3)
- septembre 2020 (3)
- août 2020 (1)
- juillet 2020 (2)
- juin 2020 (2)
- mai 2020 (2)
- avril 2020 (1)
- février 2020 (1)
- janvier 2020 (2)
- décembre 2019 (1)
- septembre 2019 (1)
- juin 2019 (3)
- mai 2019 (3)
- avril 2019 (4)
- mars 2019 (4)
- février 2019 (5)
- janvier 2019 (4)
- décembre 2018 (3)
- novembre 2018 (5)
- octobre 2018 (7)
- septembre 2018 (6)
- août 2018 (4)
- juillet 2018 (3)
- juin 2018 (4)
- mai 2018 (5)
- avril 2018 (5)
- mars 2018 (9)
- février 2018 (7)
- janvier 2018 (6)
- décembre 2017 (6)
- novembre 2017 (6)
- octobre 2017 (4)
- septembre 2017 (7)
- août 2017 (3)
- juillet 2017 (2)
- juin 2017 (2)
- mai 2017 (5)
- avril 2017 (2)
- mars 2017 (5)
S'abonner par e-mail
Vous pourriez aussi aimer
Articles connexes
%20outils%20ecoute%20utilisateurs%20agence%20immobiliere/ecoute%20client.jpeg)
Agences immobilières : 8 outils indispensables pour être à l’écoute de vos utilisateurs

Les 3 raisons d’intégrer l’Inbound Marketing dans votre stratégie de marketing immobilier
%20Immobilier%20et%20e-reputation/AdobeStock_182958706-compressor.jpeg)
