13 prédictions UX pour 2013

1/ Créer un site qui s’adapte à tous les écrans : Webresponsive avec le même niveau de services voir encore mieux, des services en supplémentaires correspondant véritablement aux usages en mobilité (ex : géolocalisation ou le scan des prix en magasin) = vrai avantage compétitif sur le marché.

2/ Simplifier l’achat : pouvoir acheter sans créer de compte (check out as a guest)
ou inscription simplifiée via Facebook ou Twitter connect notamment (vigilence sur la sécurité pour préserver la confiance des cyberacheteurs) = gain de temps

3/ Bien utiliser les données clients (big data) pour personnaliser l’experience et offrir une shopping expérience unique pour chaque client.
Pousser les bons produits/services au bon moment (optimiser les recommandations produit et faire le tri des fonctionnalités)
Ex : J’aime particulièrement la Homepage personnalisée d’ebay.com avec son « feed » à la pinterest.

4/ Anticiper les nouveaux usages : vers une experience de plus en plus cross-canale : il est impératif de mieux connaître les parcours types de nos clients sur le site e-commerce et au delà. Les supports digitaux (site web, mobile ou app) sont bien souvent le lieu où l’on prépare ses achats avant de passer en magasin (interaction magasin <—> ecommerce). On note aussi que le service client (SAV notamment) se déporte progressivement sur des supports plus réactifs tel que FaceBook. (vigilence pour les bad buzz…)
« Consumers don’t think in channels. Rather, they think in brands.” Paul Dunay / FORBES

5/ Les Tests utilisateurs sont aujourd’hui plus que jamais indispensables : j’apprends à connaître mes clients et je les impliquent régulièrement dans l’évolution de mes services en ligne.

6/ Tendance Design d’interface : militer pour la simplicité et valoriser ainsi le contenu (ex : Windows 8 et son interface metro). L’arrivée du nouvel Os Microsoft devrait influencer de plus en plus de sites (cf. Apple il y une dizaine d’année…)

7/ Navigation e-commerce (pour les plus audacieux…): abandon progressif de notre « sacro sainte » barre de navigation horizontale pour aller vers d’avantage de menus verticaux calés à gauche ou à droite (plus confortable pour l’usage mobile ou tablette) et surtout plus évolutifs.
ex : NewMySpace, Amazon, Ebay.com

8/ Actions communautaires : on privilégie la qualité Vs la quantité :
On développe le potentiel créatif de nos clients et on les implique vraiment
ex : Quirky chez Auchan

9/ Profiter de l’arrivée à maturité des technologies permettant d’améliorer la mise en forme et notamment, un élément clé depuis l’invention de l’imprimerie de Gutemberg : la Typographie (ex : refonte de smashing magazine ou JDNet) afin de s’approcher de plus en plus de l’expérience papier. (css3 et @font face, ex : Typekit)

10/ J’internalise des compétences en UX (Expérience utilisateur)
En effet, on observe que la démarche d’UX débarque chez de + en + de grands comptes français…

Ex : Viadéo qui a mis en place récemment un Lab avec plusieurs personnes dédiées à la R&D sur l’expérience mobile et les nouveaux usages”.
A voir aussi l’interview de  Sylvie Daumal par Frenchweb.

11/ TO DO : Faire un workshop spécifique pour définir l’experience map et la “journée type” de mes clients (richesse d’interaction FB > site > magasin, etc…)
cf.  le rôle central de l’experience utilisateur de Fred Cavazza.

12/ Gamification du ecommerce (ou comment créer plus de fidélité et se démarquer de la concurrence) : programme de fidélité du retail à réinventer en vision 360°
pour obtenir plus d’engagement dans un contexte où les clients seront très volatiles.

13/ Animation commerciale : dans un contexte morose, je laisse s’exprimer mes créatifs et encourage l’innovation pour réinventer la roue = + de fun !
Ex : Sarenza qui monte une vidéo avec peu de moyens et beaucoup d’énergie interne.

Nouveau site ecommerce : Yoox

Yoox, le site Fashion, Design & Art vient de refondre sont site ecommerce et franchement c’est une belle réussite. En effet, on y découvre de nombreuses fonctionnalités avancées intéressantes telles la wishlist rebaptisée « DREAMBOX » et des effets fluides et élégants comme le masquage / affichage du bandeau header pageliste ou la pagination calée en bas de page affiché sous forme de layer transparent.

Les animations commerciales sont soignées, épurées et centrées sur le produit. Quelques effets graphiques viennent parfois enrichir un univers en particulier comme ci-dessous dans la rubrique ENFANT.

La pageliste au bandeau retractable ci-dessous :


La fiche produit est réalisée dans les règles de l’art avec un must have pour des produits luxe, le megazoom. A noter également, un bouton d’ajout au panier surdimensionné.

En conclusion, un site qui devrait permettre à Yoox de continuer son expansion dans le monde de la vente en ligne de produits luxe.

Tags: , , , , , , ,

Un site de Lunettes plutôt glamour !

Un de mes sites préférés du moment, par le foodateur de Meetic, Marc Simoncini. Un site très sympa, avec une jolie charte graphique du niveau de Bonlook ou Jimmy Fairly (nouvellement en version française).
Un secteur actuellement très dynamique qui n’hésite pas à emprunter les codes des sites de prêt-à-porter pour valoriser son offre et la rendre plus glamour.
Je note aussi la présence de fonctionnalités avancées telles l’essayage virtuel ou le Tchat pour rapprocher l’expérience d’un achat en magasin.

« Objectif de la start-up :  devenir le 1er groupe français de vente d’optique en ligne et diviser par deux la facture des Français, à produits identiques. »
(cf. Article de Frenchweb).

Tags: , , , , , ,

La nouvelle fiche produit version 2012 !

fiche produit

Un vrai parti-pris pour le site Laredoute.fr qui innove et fait preuve d’audace en proposant une fiche produit ultra-centrée sur le visuel. La photo est la pièce maîtresse et s’exprime pleinement dans ce nouveau template. On se rapproche encore plus de l’achat en magasin et on se laisse séduire plus facilement par le produit.

Tags: , , ,

DOLCE & GABBANA lance son site e-commerce


La marque Dolce & Gabbana s’est lancée depuis mi-juillet dans le commerce en ligne. J’ai particulièrement apprécié ce site pour son approche graphique très soignée et cohérente avec les codes du luxe : style épuré, fond blanc, sobriété (avec par exemple les boutons sociaux intégrés à la charte du site…).

Côté fonctionnalités, pas mal d’astuces intéressantes : un slider horizontal pour les pagelistes, un méga-zoom en fiche produit et un layer panier déployé lors du clic sur l’ajout au panier.

La mise en avant est produit est ultra-efficace via des prises de vue photographiques soignées. Cependant les vidéos ne sont pas très qualitatives et assez en dessous du reste du site. Un point à mon sens à optimiser…

La page panier est rudement efficace et constitue un bon exemple de simplicité en la matière.


Enfin, la livraison est gratuite, donc vous n’avez plus qu’à succombez !

Tags: , , , , ,

8 sites e-commerce remarquables

Tags: , , , , ,

Homepage ultra séduction chez Etam

etam

Simple et efficace la  nouvelle homepage d’Etam. Un casting de choix avec Natalia Vodianova, égérie de la marque, pour sublimer les vêtements et illustrer parfaitement l’objectif de cette page : la séduction produit. Un exemple à suivre…

etam2

Tags: , , , ,

Menlook, portail e-commerce multimarque pour homme

men

La société MenInvest vient de lancer Menlook, une plateforme e-commerce à destination d’une cible masculine exigeante, à l’écoute des tendances et des technologies. Un site ambitieux d’après FashionDailyNews, au design épuré dans la lignée de la boutique Zara. Une belle réalisation, très soignée (fluidité des menus, animation d’ajout au panier, megazoom en fiche produit, etc…) qui illustre bien que la simplicité est une valeur sûre en matière de webdesign.

men0

men2

men3

Tags: , , , ,

Nouveau site : Lacoste e-shop

lacoste

Joli site e-commerce pour la marque au crocodile. Un style très épuré et globalement une belle réalisation de l’agence Nurun. Cependant, quelques points à améliorer : de grandes images qui ne sont malheureusement pas toujours cliquables et un accès aux pagelistes un peu compliqué. Ces dernières sont d’ailleurs très propres et illustrées par un bandeau vidéo permettant de montrer les différentes coupes en situation.

lacoste3

D’un point de vue purement technique, il est à noter qu’aucun texte n’est intégré en image. Un choix pertinent pour faciliter la mise à jour et rendre le site optimisé pour le référencement naturel.

Le layer d’ajout au panier et élégant est intuitif : il apparaît quelques secondes sous la forme d’une infobulle positionnée juste en dessous du bouton PANIER.
panier

A noter également, une collection Linge de Maison à venir pour cet été.
Un bilan très positif pour un premier site e-commerce à découvrir ici.

Tags: , , , , , , , ,

Tendance de fond : le MEGA ZOOM

ZOOMOn a pu constater dernièrement l’apparition d’un méga zoom en fiche produit sur de nombreux sites (Darty.com, Promod.fr, ou récemment le très réussi Tati.fr). Cette fonctionnalité s’impose et tend à devenir un best-practice en terme de démonstration produit. Le rendu du produit est, grâce à cet outil, désormais au moins aussi convainquant que sur une page de catalogue. Une belle avancée du média web vis-à-vis de nos bons vieux catalogues. A noter enfin, une vigilance accrue à avoir dans la production amont de photos car celles-ci, en mode fullscreen, peuvent parfois desservir le produit…

Découvrez ici un exemple fullscreen sur le site 3suisses.fr (je ne suis pas fan du wording « vue catalogue » qui n’est pas très explicite).

zoom2

Tags: , , , ,