UX : L’importance de l’expérience utilisateur dans l’e-commerce

L’UX prend une place prépondérante aujourd’hui et peut fortement influer sur les résultats d’un site e-commerce. Découvrez en 15 chiffres-clés pourquoi la prise en compte de l’expérience utilisateur est désormais incontournable.

 

Comportement du visiteur, éléments de réassurance, adaptation au mobile, présentations des produits et services … l’agence Youand, spécialisée en ergonomie et en UX/UI design, livre 15 statistiques en infographie qui rappellent concrètement pourquoi la prise en compte de l’UX est désormais devenue indispensable pour tout site e-commerce.

Tout d’abord, il faut savoir que 1$ investit en UX peut rapporter jusqu’à 100$ de business généré. Le prix de production d’un produit diminue de 25% grâce à l’intégration de l’UX dans ses projets. 93% des dirigeants pensent d’ailleurs que l’amélioration de l’expérience utilisateur est une priorité stratégique.

Cette prise de conscience s’explique par plusieurs raisons : 68% des utilisateurs quittent un site en raison de leur mauvaise expérience, et 44% des acheteurs en ligne partageront avec des amis cette mauvaise aventure.
En effet, près de la moitié des visiteurs regardent les produits et services de l’entreprise avant même de regarder les autres sections.
44% quittent le site s’ils n’y trouvent pas informations de contact et 61% n’achèteront pas s’il manque des éléments tels que le support client live (34%) ou des témoignages (20%.)

Pour rassurer l’utilisateur, une stratégie de mobile first doit être mise en place, car 50% des utilisateurs se connectent depuis un smartphone. En 2 ans, la consommation online sur smartphone a augmenté de 78%. Avec une logique mobile first, on constate -50% de taux de rebond et 30% d’augmentation des ventes sur une page produit mobile optimisée .
Enfin, le design d’expérience est une démarche qui permet de réunir autour d’une même table l’utilisateur, le client et son agence pour réfléchir ensemble aux améliorations à mettre en place grâce à des outils tels que l’A/B testing, les personas ou les tests utilisateurs.

infographie-ux-ecommerce

10 tendances UX & Web Design pour booster les conversions de votre site

Chaque année apporte son lot de changement et de nouvelles tendances. L’année 2016 est déjà bien entamée, mais c’est l’occasion de réviser ses classiques pour la rentrée et se mettre à jour sur les tendances web design de cette année. Découvrez 10 concepts UX & Web Design en infographie, afin d’accélérer les conversions de votre site, grâce à cette infographie réalisée par l’agence design de Chicago, The Deep End. Sortez vos cahiers !

 

1. Des grandes images

Certaines études ont démontré que de larges images attiraient davantage l’attention des internautes et qu’ils avaient plus tendance à s’arrêter devant. Cet arrêt contribue à augmenter les conversions sur votre site, notamment s’il s’agit de photos de personnes souriantes, de vidéos d’ambiance ou bien de cinémagraphes.

2. Le « split screen » (écran partagé)

Si votre site propose différents produits, services ou catégories, vous pouvez diviser l’écran en deux parties afin de proposer des landing pages plus adaptées aux différents clics de vos prospects. En utilisant le split screen, vous encouragez votre audience à choisir sa propre aventure et les diriger là où ils sont les plus susceptibles de cliquer.

3. Les couleurs monochromatiques avec un CTA contrasté

Si votre site web est en grande partie en noir et blanc, ou de couleurs tamisées, placez un bouton Call-To-Action lumineux de façon à ce qu’il ressorte et obtienne davantage de clics. Votre CTA sera simplement beaucoup plus visible et c’est ce que les internautes le verront plus facilement !

4. Prioriser la navigation

Si on laisse trop de choix aux internautes, ils sont susceptibles de ne rien choisir du tout. Pour résoudre cela, cachez dans un menu toutes les pages secondaires (qui ne sont pas dans votre top), puis stylisez votre principal CTA comme vu dans le point précédent. Vous établirez ainsi des priorités et dirigerez votre audience exactement là ou vous souhaitez qu’elle aille.

5. Réduire le champ de collecte d’une adresse e-mail

Si vous souhaitez créer une page dédiée à la collecte d’adresses e-mails, il est plus efficace d’avoir un petit champ de formulaire, avec de bons titre et sous-titre. De cette façon, les internautes savent ce qu’ils sont censés faire, et vous êtes plus susceptible de collecter des adresses e-mails.

6. Les vidéos

Le format vidéo a explosé ces deux dernières années. La plus grande difficulté est de gagner la confiance de votre prospect afin de créer une conversion. Une vidéo bien réalisée permet aux gens de mieux connaître la personnalité de votre entreprise. C’est le format idéal pour souhaiter la bienvenue, récolter des témoignages ou faire des démonstrations produits.

7. Les boutons call-to-actions « collants »

Une fois que vous avez déterminé votre CTA le plus important, il doit rester visible. En restant, par exemple, en haut à droite de votre écran, même si vous faites défiler une page. Vous pouvez également le mettre dans une barre latérale « collante » ou sur mobile.

8. Une mise en page en cartes

Inspiré de Pinterest, une mise en page façon « cartes » est très visuelle et permet aux internautes d’aller rapidement à tout ce qui les intéresse, le noter, le garder en favori, ou d’aller sur une page où ils sont susceptibles de convertir.

9. Un CTA de colonne

Si un site comporte plusieurs colonnes, des études ont montré que vous pouvez interrompre ce flux de colonne en plaçant u CTA au titre convaincant. Les internautes seront ainsi plus enclins à cliquer.

10. Une expérience utilisateur personnalisée

A chaque fois que vous allez à Amazon, le site vous montre ce que vous avez regardé la dernière fois. La plupart des gens n’achètent pas du premier coup, et Amazon le sait ! Voilà pourquoi il vous montre à plusieurs reprises les derniers articles que vous avez consultés. Cette expérience est très personnalisée, Amazon connaît vos habitudes de navigation, sait ce que vous avez consulté, et en vous le montre à nouveau afin de conclure une vente.

 

Infographic-2016-Web-design-trends

5 tendances du web design en 2014

Du Responsive design au More Scrolling, en passant par le Less text Design, Flat Design ou bien Fixed Content, découvrons en une infographie les 5 tendances du web design en 2014.

 

Dans un autre temps du World Wide Web, la mode était aux GIF animés (quoique sont-ils vraiment si démodés ?), texte clignotant en surbrillance, fond fluorescent, sons en midi pour vous souhaiter la bienvenue … Bref, une mode d’une autre époque !
Au cours de ces dernières décennies, des vagues de tendances du design sont arrivées puis reparties, laissant la place à l’expérience utilisateur. Plus que jamais aujourd’hui, les web designers et UX designers se concentrent sur le minimalisme, la lisibilité et la facilité d’utilisation.

Le site WhoIsHostingThis a déterminé les 5 tendances du web design en 2014 en une infographie : Responsive design, More Scrolling, Less text Design, Flat Design, et Fixed Content. Chaque design apporte son lot d’avantages et d’inconvénients. Voyons les arguments avancés par chaque partisan.

 

Responsive design

Le site s’ajuste automatiquement à la taille de l’écran sur lequel il est consulté.
Les plus : moins de maintenance, meilleur SEO, le site est compatible avec des dizaines de nouveaux appareils qui arrivent continuellement sur le marché.
Les moins : la réalisation peut prendre plus de temps que prévu, et le temps de chargement est rallongé.

Scrolling design

Le site web est basé sur le défilement (parallaxe, horizontal, à l’infini)
Les plus : plus facile à réaliser, surprend les visiteurs par l’animation, renvoie directement les visiteurs vers des « call to action », encourage les visiteurs à rester plus longtemps sur la page.
Les moins : le SEO en prend un coup car il y a un seul et même ensemble de méta-informations, et ce grand nombre de données ralenti le temps de chargement de la page.

Less text design

Le design est axé sur les images, les icônes et de la vidéo.
Les plus : web design plus sophistiqué
Les moins : difficile pour les personnes handicapées qui ne peuvent pas accéder à Internet de manière traditionnelle.

Flat Design (UI)

Le design met l’accent sur la fonctionnalité, plutôt que sur le style.
Les plus : interface simple, l’utilisation des couleurs vives, de typographie et du gras aide à la disposition des éléments, les visuels tranchent avec le reste de la composition.
Les moins : les utilisateurs ne savent pas toujours s’ils peuvent cliquer ou non, les couleurs sont parfois difficile à accorder, la conception d’ensemble peut paraître trop basique.

Fixed Content

Un élément de la page, comme la barre de navigation ou une section de contenu, reste fixe pendant que l’utilisateur fait défiler.
Les plus : facilité d’utilisation, les utilisateurs trouvent plus facilement ce qu’ils recherchent.
Les moins : l’élément fixe peut être difficile à adapter sur un environnement mobile.

 

Vous êtes web designer ? Retrouvez toutes nos offres d’emploi sur LesJeudis.com

Web-Design-Trends

Infographie : UX Designer vs. Web Designer

Quelles sont les différences fondamentales entre UX Designer et Web Designer ? Cette infographie de l’agence Scorchagency.com décrit les différentes personnalités, missions et approches entre un UX Designer et un Web Designer par rapport à l’expérience utilisateur.

 

L’un est dans la réflexion tandis que l’autre est dans l’action. L’UX Designer et le Web Designer ont deux personnalités bien distinctes : le premier se montre philosophe et concepteur, alors que le second fait davantage preuve de créativité et curiosité.

Cela s’explique facilement par leurs tâches quotidiennes qui sont diamétralement opposées : l’UX designer doit avoir une vision globale : une connaissance du système que l’utilisateur va utiliser, du contexte d’utilisation, et de l’utilisateur final.
Le Web Designer doit lui faire en sorte que l’interface soit en accord avec la charte graphique de la marque. Après avoir déterminé sa cible principale, il déterminera la tendance de conception qui correspond à l’interface, puis il disposera le contenu dans l’interface de manière visuelle afin que l’utilisateur trouve facilement les informations recherchées.

Bien que complètement différents, les UX et Web designers sont complémentaires et leur union permet de créer une interface optimale pour l’expérience utilisateur.

 

ux-designers-vs-web-designers_5213d3afbecc3_w1500

 

Vous êtes UX ou web designer ? Retrouvez nos offres d’emploi sur LesJeudis.com

Agenda : Hackathon Val d’Isere

C’est ce qui s’appelle joindre l’utile à l’agréable ! La station Val d’Isère organise un hackathon du 30 novembre au 5 décembre. Le but ? Développer la meilleure application qui simplifie la vie des vacanciers aux sports d’hiver. Enfilez vos combinaisons, et tout schuss !

 

La station Val d’Isère, organise le hackathon le plus haut du monde du 30 novembre au 5 décembre. Plus qu’un simple hackathon, les participants seront invités à Val d’Isère pour une semaine exceptionnelle tous frais payés ! Ils devront se mettre dans la peau des clients pour pouvoir développer la meilleure application qui simplifiera et enchantera les vacances aux sports d’hiver.

Le défi

Toujours à portée de main, le smartphone est constamment sollicité pour répondre aux besoins des utilisateurs : acheter un billet de train, trouver sa route, réserver un restaurant… Même en vacances, l’utilisateur garde ses réflexes, mais peu d’applications se trouvent en adéquation avec ses besoins.
Val d’Isère lance le défi aux développeur, designeur, startuper ou freelance, de créer la meilleure application mobile du monde pour simplifier et enchanter le séjour des vacanciers.

 

Capture d’écran 2014-10-27 à 17.03.20

L’application devra répondre aux objectifs suivants :
  • Informer : la découverte de chaque service ne doit plus une source de stress mais un plaisir.
  • Surprendre : créer nouvelles fonctionnalités que le vacancier ne s’attend pas à trouver dans son smartphone.
  • Enchanter : Faire rêver le client et faire de son séjour à Val d’Isère une expérience inoubliable.
Au programme de cette semaine, trois jours de ski, trois jours de code pour réinventer l’expérience ski :
  • 29/30 novembre : arrivée, accueil pour le séjour dans des résidences Belambra.
  • 1er décembre : présentation du hackathon, découverte de la station et du domaine skiable.
  • 2 décembre au 4 décembre : hackathon
  • 5 décembre : jury final,  remise des lots et soirée de clôture. Plus de 100 000 € de lots à gagner dont des forfaits de ski, des MacBooks Pro, des iPhones 6, et des iPads Air.

 

Super penseur, ninja du code, designer de compétition, skieur émérite … chaussez vos skis pour profitez des spécialités savoyardes, mais surtout réinventer l’expérience de ski du futur en produisant une application mobile iOS ou Android qui sera testée par les clients de Val d’Isère.

Inscriptions (Pré-sélection le 4 novembre)

Agenda : DroidCon Paris

DroidCon, la plus grande conférence internationale Android, se tiendra à Paris les 22 et 23 septembre 2014. L’événement 100% dédié au développement Android abordera cette année des sujets tels que les interfaces utilisateurs, les objets connectés, ou bien le paiement mobile.

Pour la seconde fois de l’année, la conférence DroidCon se tiendra en Europe, au Tapis Rouge à Paris (10ème arrondissement) fin septembre. Au programme de ces deux journées, trois principaux thèmes seront abordés : « Le développement sous Android », « Android présent partout », et « UX/UI : Interface et ergonomie ».

Droidcon est une conférence faite par des développeurs et pour des développeurs. Parmi les 500 invités présents à la DroidCon, une trentaine de grands conférencier internationaux mettrons Android à l’honneur : Hoi Lam (Senior Developer Advocate de Google), Taylor Ling (Google Developer Expert for UX/Design), Jan Chong de Twitter, ou encore Cyril Mottier de Capitaine Train, Xavier Hallade d’Intel, et Jean-Loup Yu de Meetic. Les développeurs indépendants auront également la possibilité de s’exprimer durant le Barcamp : après avoir soumis leurs sujets, les speakers auront 30 minutes chacun pour s’exprimer le lundi après-midi.
Nokia, Intel, ou Amazon présenteront leurs dernières technologies durant ces deux jours.

Déjà présente dans seize pays d’Europe, la DroidCon est un événement incontournable de cette rentrée à Paris !

 

Infos et inscriptions