141
ERGONOMIE ET MARKETING D’INTERFACE

New trends in e-commerce user experience

Embed Size (px)

DESCRIPTION

A presentation given at the E-commerce Conference in Paris in December 2007, comparing past, present and future e-commerce interface design.

Citation preview

Page 1: New trends in e-commerce user experience

ERGONOMIE ET MARKETING D’INTERFACE

Page 2: New trends in e-commerce user experience

Sam Woodman

Page 3: New trends in e-commerce user experience
Page 4: New trends in e-commerce user experience

Information architect(concepteur fonctionnel)

Page 5: New trends in e-commerce user experience

?Information architect(concepteur fonctionnel)

Page 6: New trends in e-commerce user experience

Stratégie de communication

Concept graphique & éditorial

PHASE DE CONCEPTION

Information architecture

Page 7: New trends in e-commerce user experience
Page 8: New trends in e-commerce user experience

Nurun est une agence de conseil et de services en communication interactive

170 employés sur Paris

800 employés au travers de 10 bureaux dans le monde

Amérique du Nord

Europe

China

Page 9: New trends in e-commerce user experience
Page 10: New trends in e-commerce user experience
Page 11: New trends in e-commerce user experience
Page 12: New trends in e-commerce user experience
Page 13: New trends in e-commerce user experience
Page 14: New trends in e-commerce user experience
Page 15: New trends in e-commerce user experience

Communication Institutionnelle

Page 16: New trends in e-commerce user experience

Communication de marque

Page 18: New trends in e-commerce user experience

1. Les tendances

2. Quelques exemples

3. La méthodologie

Page 19: New trends in e-commerce user experience

Sam’s Cameras

Page 20: New trends in e-commerce user experience

1997

Page 21: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

Page 22: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

1

Page 23: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

1

2

Page 24: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

1

2

3

Page 25: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

1

2

3

4

Page 26: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History

1

2

3

4

5

Page 27: New trends in e-commerce user experience
Page 28: New trends in e-commerce user experience
Page 29: New trends in e-commerce user experience
Page 30: New trends in e-commerce user experience
Page 31: New trends in e-commerce user experience
Page 32: New trends in e-commerce user experience

ClickClick

Page 33: New trends in e-commerce user experience
Page 34: New trends in e-commerce user experience
Page 35: New trends in e-commerce user experience
Page 36: New trends in e-commerce user experience
Page 37: New trends in e-commerce user experience

ClickClick

Page 38: New trends in e-commerce user experience
Page 39: New trends in e-commerce user experience

ClickClick

Page 40: New trends in e-commerce user experience

PanierPanier

InscriptionInscription

Adresse de facturation

Adresse de facturation

Adresse de livraison

Adresse de livraison

Carte de créditCarte de crédit

RécapitulatifRécapitulatif

ConfirmationConfirmation

Page 41: New trends in e-commerce user experience
Page 42: New trends in e-commerce user experience

2007

Page 43: New trends in e-commerce user experience

Qu’est ce qui a changé ?

Page 44: New trends in e-commerce user experience

Le paysage

Page 45: New trends in e-commerce user experience

20071997

Page 46: New trends in e-commerce user experience

20071997

Page 47: New trends in e-commerce user experience

20071997

Page 48: New trends in e-commerce user experience

20071997

Page 49: New trends in e-commerce user experience

20071997

Page 50: New trends in e-commerce user experience

La bande passante

Page 51: New trends in e-commerce user experience

90% des utilisateurs qui se connectent depuis leur domicile en France ont un accès haut débit

Page 52: New trends in e-commerce user experience

La technologie d’affichage

Page 53: New trends in e-commerce user experience

20071997

<HTML>

Page 54: New trends in e-commerce user experience

20071997 20071997

<HTML>

<XML><DHTML>

<CSS>

Page 55: New trends in e-commerce user experience

L’effet communautaire

Page 56: New trends in e-commerce user experience

44% des internautes Français n’ont pas concrétisé un achat à cause de commentaires lus sur Internet – Ipsos 2006

Page 57: New trends in e-commerce user experience

L’accès vers votre site web

Page 58: New trends in e-commerce user experience

HomepageHomepage

FilmSLRs

FilmSLRs

FilmCompacts

FilmCompacts

DigitalSLRs

DigitalSLRs

DigitalCompacts

DigitalCompacts

Lenses &Flashes

Lenses &Flashes

Bags &Cases

Bags &Cases ReparationsReparations

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About usAbout us

CheckoutCheckout Profile/HistoryProfile/History20071997

Page 59: New trends in e-commerce user experience

HomepageHomepage

CamerasCameras User reviewsUser reviews Tips n’ TricksTips n’ Tricks CommunityCommunity

Product pageProduct page

Shopping cartShopping cart My accountMy account Contact usContact us About us / Corporate

About us / Corporate

CheckoutCheckout Profile/HistoryProfile/History20071997 20071997

Page 60: New trends in e-commerce user experience

Le contenu

Page 61: New trends in e-commerce user experience

20071997

Page produitPage produit

HomepageHomepage

CatalogueCatalogue

Page 62: New trends in e-commerce user experience

20071997

Page produitPage produit

HomepageHomepage

CatalogueCatalogue ConseilsConseils UGCUGC La MarqueLa Marque

20071997

Page 63: New trends in e-commerce user experience

Au delà du browser (et du PC!)

Page 64: New trends in e-commerce user experience

20071997

Page 65: New trends in e-commerce user experience

20071997

Page 66: New trends in e-commerce user experience

20071997

Page 67: New trends in e-commerce user experience

Sam’s camerasversion 2007

Page 68: New trends in e-commerce user experience
Page 69: New trends in e-commerce user experience
Page 70: New trends in e-commerce user experience
Page 71: New trends in e-commerce user experience
Page 72: New trends in e-commerce user experience
Page 73: New trends in e-commerce user experience
Page 74: New trends in e-commerce user experience

ClickClick

Page 75: New trends in e-commerce user experience
Page 76: New trends in e-commerce user experience
Page 77: New trends in e-commerce user experience
Page 78: New trends in e-commerce user experience
Page 79: New trends in e-commerce user experience
Page 80: New trends in e-commerce user experience
Page 81: New trends in e-commerce user experience

ClickClick

Page 82: New trends in e-commerce user experience
Page 83: New trends in e-commerce user experience
Page 84: New trends in e-commerce user experience
Page 85: New trends in e-commerce user experience
Page 86: New trends in e-commerce user experience
Page 87: New trends in e-commerce user experience
Page 88: New trends in e-commerce user experience
Page 89: New trends in e-commerce user experience

ClickClick

Page 90: New trends in e-commerce user experience

ClickClick

Page 91: New trends in e-commerce user experience

ClickClick

ClickClick

Page 92: New trends in e-commerce user experience

CheckoutCheckout

ConfirmationConfirmation

Page 93: New trends in e-commerce user experience

Autres façons d’accéder à ma boutique

Page 94: New trends in e-commerce user experience
Page 95: New trends in e-commerce user experience
Page 96: New trends in e-commerce user experience
Page 97: New trends in e-commerce user experience
Page 98: New trends in e-commerce user experience
Page 99: New trends in e-commerce user experience
Page 100: New trends in e-commerce user experience

amazon marketplace seller

Shop in a Shop

Page 101: New trends in e-commerce user experience

20 novembre 2007 101 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

20071997

Page 102: New trends in e-commerce user experience

2017?

Page 103: New trends in e-commerce user experience

L’interface de l’avenir?

Page 104: New trends in e-commerce user experience

Les enjeux

Page 105: New trends in e-commerce user experience

Comment maîtriser la perception positive de votre image de marque ?

1997Votre site

2007Votre présence web

• vos sites

• vos applications mobile

• vos « rich interface applications »

• vos applications shop in a shop

• les blogs, forums, etc.

2017Votre présence 360°

• Interactivité à domicile

• Interactivité au travail

• Interactivité nomade

• Interactivité en magasin

Page 106: New trends in e-commerce user experience

Tout ça pour dire…

Aujourd’hui

OnOn OffOff

Demain

expérience360°

expérience360°

Page 107: New trends in e-commerce user experience

Quelques exemples

Page 108: New trends in e-commerce user experience

Méthodologie

Page 109: New trends in e-commerce user experience

Analyse

Page 110: New trends in e-commerce user experience

Vous

Les utilisateurs

Leurcomportement

Page 111: New trends in e-commerce user experience
Page 112: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Clique sur bannière pub “Le plaisir de vivre à l’exceptionnel” dans Au Feminin.com

Page 113: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Arrive sur la page “Le plaisir de vivre à l’exceptionnel”

Page 114: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Consulte les villages, en ajoute 3 dans son espace“My Club Med”

Page 115: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Compare les villages dans son espace My Club Med, enregistre la liste et imprime le comparatif

Page 116: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Montre à sa famille les 3 villages et en parle à ses amis du Club Med en général.

Page 117: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

On lui recommande de visiter Vacanceo.com et Dooyoo.fr afin de lire les revues d’internautes.

Page 118: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle reçoit un E-mail du Club Med lui rappelant la sélection de son espace “My Club Med”

Page 119: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle revient à sa wishlist dans son espace personnel “My Club Med” et fait sa sélection finale.

Page 120: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle repasse une dernière fois sur le village afin de se convaincre de son choix.

Page 121: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle clique sur “Réserver” , vérifie la quotation finale, et confirme sa réservation.

Page 122: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle reçoit par E-mail le pack “Nouveau membre du club” incluant un lien lui permettant le téléchargement d’un “Widget”

Page 123: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle télécharge le “Widget” depuis son espace My Club med et l’installe sur son ordinateur.

Page 124: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle part en voyage

Page 125: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle revient du Village et reçoit un E-mail lui rappelant qu’elle peut rester en contact avec les amis recontrés au cours du séjour via son espace “My Club Med”.

Page 126: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle retrouve la liste des amis du Village dans son espace “My Club Med” et les invite à une réunion.

Page 127: New trends in e-commerce user experience

Claire DupontMme Pourquoi Pas

Page d'accueil

Page Liste

Page Produit

Tunnel d'achat

My Club Med

Email Newsletter

Widget

Catalogue

Village

Clubmed Environment

Famille / Amis

Sites externes

Publicité

Agent de voyage

External Environment

Elle upload ses photos sur son espace “My Club Med” et invite ses amis à les consulter.

Page 128: New trends in e-commerce user experience

Conception

Page 129: New trends in e-commerce user experience
Page 130: New trends in e-commerce user experience
Page 131: New trends in e-commerce user experience

Spécifications

Page 132: New trends in e-commerce user experience

20 novembre 2007 132 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Page 133: New trends in e-commerce user experience

Analytics

Page 134: New trends in e-commerce user experience

20 novembre 2007 134 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

1. Améliorer la performance du site

Page 135: New trends in e-commerce user experience

20 novembre 2007 135 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Établir une liste des « key performance indicators »

Suivre l’évolution de ces KPIs

Identifier les points de blocage

Recommander une liste des objectifs

Intégrer les solutions et faire du A/B Testing

Page 136: New trends in e-commerce user experience

20 novembre 2007 136 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

2. Améliorer la performance des campagnes marketing

Page 137: New trends in e-commerce user experience

20 novembre 2007 137 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Pour les vendeurs de produits diététiques…

Page 138: New trends in e-commerce user experience

20 novembre 2007 138 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Pour les vendeurs de glaces…

Page 139: New trends in e-commerce user experience

20 novembre 2007 139 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Pour les vendeurs de Prozac…

Page 140: New trends in e-commerce user experience

20 novembre 2007 140 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs

Réunir tous les flux dans un outil

Page 141: New trends in e-commerce user experience

Thanks!Any questions?