New trends in e-commerce user experience

Slide 1: ERGONOMIE ET MARKETING D’INTERFACE

Slide 2: Sam Woodman

Slide 4: Information architect (concepteur fonctionnel)

Slide 5: ? Information architect (concepteur fonctionnel)

Slide 6: PHASE DE CONCEPTION Stratégie de Concept graphique communication & éditorial Information architecture

Slide 8:  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

Slide 15: Communication Institutionnelle

Slide 16: Communication de marque

Slide 17: Portail - Media

Slide 18: 1. Les tendances 2. Quelques exemples 3. La méthodologie

Slide 19: Sam’s Cameras

Slide 20: 1997

Slide 21: Checkout Profile/History Shopping cart My account Contact us About us Homepage Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases Product page

Slide 22: Checkout Profile/History Shopping cart My account Contact us About us Homepage 1 Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases Product page

Slide 23: Checkout Profile/History Shopping cart My account Contact us About us Homepage 1 Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases 2 Product page

Slide 24: Checkout Profile/History Shopping cart My account Contact us About us Homepage 1 Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases 2 3 Product page

Slide 25: Checkout Profile/History Shopping cart My account Contact us About us 4 Homepage 1 Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases 2 3 Product page

Slide 26: Checkout Profile/History 5 Shopping cart My account Contact us About us 4 Homepage 1 Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases 2 3 Product page

Slide 32: Click

Slide 37: Click

Slide 39: Click

Slide 40: Panier Inscription Adresse de facturation Adresse de livraison Carte de crédit Récapitulatif Confirmation

Slide 42: 2007

Slide 43: Qu’est ce qui a changé ?

Slide 44: Le paysage

Slide 45: 1997 2007

Slide 46: 1997 2007

Slide 47: 1997 2007

Slide 48: 1997 2007

Slide 49: 1997 2007

Slide 50: La bande passante

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

Slide 52: La technologie d’affichage

Slide 53: 1997 2007 <HTML>

Slide 54: 1997 2007 <HTML> <CSS> <XML> <DHTML>

Slide 55: L’effet communautaire

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

Slide 57: L’accès vers votre site web

Slide 58: Checkout Profile/History 1997 2007 Shopping cart My account Contact us About us Homepage Film Film Digital Digital Lenses & Bags & Reparations SLRs Compacts SLRs Compacts Flashes Cases Product page

Slide 59: Checkout Profile/History 1997 2007 About us / Shopping cart My account Contact us Corporate Homepage Cameras User reviews Tips n’ Tricks Community Product page

Slide 60: Le contenu

Slide 61: 1997 2007 Homepage Catalogue Page produit

Slide 62: 1997 2007 Homepage Catalogue Conseils UGC La Marque Page produit

Slide 63: Au delà du browser (et du PC!)

Slide 64: 1997 2007

Slide 65: 1997 2007

Slide 66: 1997 2007

Slide 67: Sam’s cameras version 2007

Slide 74: Click

Slide 81: Click

Slide 89: Click

Slide 90: Click

Slide 91: Click Click

Slide 92: Checkout Confirmation

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

Slide 100: Shop in a Shop amazon marketplace seller

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

Slide 102: 2017?

Slide 103: L’interface de l’avenir?

Slide 104: Les enjeux

Slide 105: Comment maîtriser la perception positive de votre image de marque ? 1997 2007 2017 Votre site Votre présence web Votre présence 360° • vos sites • Interactivité à domicile • vos applications mobile • Interactivité au travail • vos « rich interface • Interactivité nomade applications » • Interactivité en • vos applications shop magasin in a shop • les blogs, forums, etc.

Slide 106: Tout ça pour dire… Aujourd’hui Demain expérience On Off 360°

Slide 107: Quelques exemples

Slide 108: Méthodologie

Slide 109: Analyse

Slide 110: Les utilisateurs Vous Leur comportement

Slide 112: Clique sur bannière pub “Le plaisir de vivre à Claire Dupont l’exceptionnel” dans Au Feminin.com Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 113: Arrive sur la page “Le plaisir de vivre à l’exceptionnel” Claire Dupont Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 114: Consulte les villages, en ajoute 3 dans son espace Claire Dupont “My Club Med” Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 115: Compare les villages dans son espace My Club Med, Claire Dupont enregistre la liste et imprime le comparatif Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 116: Montre à sa famille les 3 villages et en parle à ses amis Claire Dupont du Club Med en général. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 117: On lui recommande de visiter Vacanceo.com et Dooyoo.fr Claire Dupont afin de lire les revues d’internautes. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 118: Elle reçoit un E-mail du Club Claire Dupont Med lui rappelant la sélection de son espace “My Club Med” Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 119: Elle revient à sa wishlist dans Claire Dupont son espace personnel “My Club Med” et fait sa sélection finale. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 120: Elle repasse une dernière fois sur le village afin de se Claire Dupont convaincre de son choix. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 121: Elle clique sur “Réserver” , vérifie la quotation finale, et Claire Dupont confirme sa réservation. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 122: Elle reçoit par E-mail le pack Claire Dupont “Nouveau membre du club” incluant un lien lui permettant le Mme Pourquoi Pas téléchargement d’un “Widget” Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 123: Claire Dupont Elle télécharge le “Widget” depuis son espace My Club med Mme Pourquoi Pas et l’installe sur son ordinateur. Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 124: Elle part en voyage Claire Dupont Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 125: Elle revient du Village et reçoit Claire Dupont un E-mail lui rappelant qu’elle peut rester en contact avec les Mme Pourquoi Pas amis recontrés au cours du séjour via son espace “My Club Med”. Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 126: Elle retrouve la liste des amis du Claire Dupont Village dans son espace “My Club Med” et les invite à une Mme Pourquoi Pas réunion. Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 127: Elle upload ses photos sur son Claire Dupont espace “My Club Med” et invite ses amis à les consulter. Mme Pourquoi Pas Clubmed Environment Page d'accueil Page Liste Page Produit Tunnel d'achat My Club Med Email Newsletter Widget Catalogue Village External Environment Famille / Amis Sites externes Publicité Agent de voyage

Slide 128: Conception

Slide 131: Spécifications

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

Slide 133: Analytics

Slide 134: 1. Améliorer la performance du site 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 134

Slide 135:  É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 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 135

Slide 136: 2. Améliorer la performance des campagnes marketing 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 136

Slide 137: Pour les vendeurs de produits diététiques… 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 137

Slide 138: Pour les vendeurs de glaces… 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 138

Slide 139: Pour les vendeurs de Prozac… 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 139

Slide 140: Réunir tous les flux dans un outil 20 novembre 2007 Gabarit de présentation PowerPoint A :: Guide à l'intention des utilisateurs 140

Slide 141: Thanks! Any questions?

Slideshare.net (beta)