Innovation et refonte
de site web, un exercice
complexe
Damien Lefebvre
Vice-président, Services Conseil
Un peu de théorie
Innovation
incrémentale & radicale
Un peu de théorie
Innovation incrémentale
Modestes, graduelles, continuelles améliorations de
techniques ou de produits existants; l'innovation
incrémentale ne change généralement pas
fondamentalement la dynamique d'une industrie, ni ne
requiert un changement de comportement des
utilisateurs finaux.
Un peu de théorie
Un peu de théorie
Twitter lance le
« Infinite Scrolling »
Un peu de théorie
Innovation radicale
L'innovation est dite "radicale" lorsqu'elle modifie
profondément les conditions d'utilisation par les clients
et/ou qu'elle s'accompagne d'un bouleversement
technologique.
Un peu de théorie
Innovation radicale/ Skyrock
Skyrock
Une compagnie de radio traditionnelle
Innovation radicale/ Skyrock
Skyrock lance une plateforme de blogue
En quelques chiffres:
 31 millions de blogues
 33 000 blogues créés par jour
 725 000 articles publiés par jour
 24,5 millions de visites en mai 2009
 Disponible en 7 langues
 15ème site français
Source: Quelques chiffres pour Skyrock.com, blogeek.ch, 22 juillet 2010.
Innovation radicale/ Skyrock
En 2007, le chiffre d’affaires de Skyrock.com
dépasse celui de la radio
« Cette année, nous sommes devenus une société internet.
Maintenant, nous disons que nous faisons aussi de la radio »
Source: Pierre Bellanger, fondateur du groupe, 13 décembre 2007
NPR/ une compagnie de radio traditionnelle
NPR/ Externalisation de l’innovation radicale
NPR lance une API ouverte afin de promouvoir son contenu à travers
le web, les applications mobiles
Externalisation
de l’innovation radicale
NPR ouvre son contenu
NPR lance NPR ADDICT
« SANS LE SAVOIR »
Seller : Bradley Flubacher © Copyright 2009 Pass Time
Netflix/ site de location vidéo en ligne
Septembre 2008
Netflix lance son API
autorisant
l’accès à l’ensemble
de son catalogue en ligne
Netflix API/ innovation radicale
L’application iPhone Flicks
connectée sur l’API Netflix
permet de gérer sa liste de films
à regarder via son iPhone
Tesco/ une innovation radicale
4% des achats
sur Tesco.com
sont réalisés depuis
cette application
TESCO, 3e leader mondial de la Grande Distribution
a organisé un « Open Innovation Day » pour inciter
les développeurs à utiliser leur API
L’application TESCO Groceries, basée sur l’API Tesco permet
de faire ses courses directement sur son iPhone et est aujourd’hui
à plus de 400,000 téléchargements
Stratégie
et créativité
Stratégie et créativité
Ce sont les humains
qui font les projets !!!
Stratégie et créativité
Quand la stratégie
oublie la création ?
Stratégie et créativité
Quand la création répond
à un besoin d’affaires ?
Stratégie et créativité
Stratégie et créativité
Se fonder uniquement sur
les intuitions et les inspirations
des gens de création
peut s’avérer dangereux
Application iPad
Version actuelle : 1.40
Taille : 19.8 MO
« Une belle
application, mais… »
Popular Science pour iPad
Application iPad
Version actuelle : 1.40
Taille : 19.8 MO
Popular Science/ Page d’accueil – Pop-up de téléchargement
Plus de 10 minutes
de temps de
téléchargements!
Application iPad
Version actuelle : 1.40
Taille : 19.8 MO
L’intuition…
Ce n’est pas donné
à tout le monde!
Popular Science/ Page – Table des matières
Application iPad
Version actuelle : 1.40
Taille : 19.8 MO
La formation…
Nous ne sommes
pas tous attentifs !
Popular Science/ Première page
Stratégie et créativité
Confier le leadership du projet
aux analystes d’affaires, en
favorisant ainsi leur côté
rationnel et analytique, peut
être tout aussi périlleux
Application iPad
Version actuelle : 1.4
Taille : 3.4 MO
Téléchargement : 3G
« Fonctionnelle,
mais pas
innovante… »
Le Monde pour iPad
Le Monde/ Page d’accueil – Cahier supplément
Application iPad
Version actuelle : 1.4
Taille : 3.4 MO
Téléchargement : 3G
Moins de 30
secondes pour
télécharger en 3G !
Le Monde/ Page – Table des matières
Application iPad
Version actuelle : 1.4
Taille : 3.4 MO
Téléchargement : 3G
Le Monde fait
du PDF sur iPad…
Stratégie et créativité
Confiez vos projets à
une équipe multidisciplinaire
(UX, création, gestionnaire de produit et technologie)
Flipboard
Application iPad
Version actuelle : 1.0.2
Taille : 2.7 MO
« Une vraie
merveille »
Flipboard/ Application Twitter – Votre page
Application iPad
Version actuelle : 1.0.2
Taille : 2.7 MO
Avec Flipboard,
voyez les Tweets
et leur contenu !
5 Tips
pour réaliser des projets
numériques innovants
1/ Pousser pour l’innovation radicale
 Introduisez une phase 0 : innovation
 Impliquez la direction de votre compagnie
 Impliquez des ressources extérieures à votre univers
(professeurs, anthropologues, designers…)
 Faites de la recherche marketing non conventionnelle
(privilégiez les entrevues individuelles et les groupes
mixtes : experts et consommateurs ensemble).
« Regardez ce que
les gens ne font pas.
Écoutez ce que
les gens ne disent pas. »
1/ Pousser pour l’innovation radicale
« Moi, j’aimerais pouvoir souligner
mes lectures et les conserver
à un même endroit. »
Groupe mixte : consommateurs et experts - Septembre 2010
1/ Pousser pour l’innovation radicale
« Ça serait cool que mon autoradio
télécharge mes podcasts
lorsque j’arrive à la maison. »
Groupe mixte : consommateurs et experts - Mars 2010
1/ Pousser pour l’innovation radicale
1/ Pousser pour l’innovation radicale
2/ « Smart teams »
 Recrutez une équipe multidisciplinaire avec
des backgrounds diversifiés prend du temps
 Identifierz les individus capables d’aller au-delà
de leur expertise et de sortir de leur zone de confort
 Soyez accompagner d’experts en technologie,
en ergonomie, en création et en gestion de produit
 Comités : innovation, travail et pilotage.
2/ « Smart teams »
« Pas d’ambition
sans confrontation »
3/ Le « Gap Analysis » ou le modèle mental
Un outil qui permet de :
 Identifier les fonctionnalités manquantes
de votre actif numérique
 Identifier les fonctionnalités manquantes
de vos concurrents
 Trouver votre nouveau positionnement.
3/ Le « Gap Analysis » ou le modèle mental
3/ Le « Gap Analysis » ou le modèle mental
QUOI ?
POURQUOI ?
OÙ?
QUAND ?
COMMENT ?
Blabla
blabla blabla
Blabla
blabla
blabla
Blabla
blabla
blabla
Blabla
blabla blabla
Racontez-moi...
Workopolis décide de créer l’Optimiseur de marque d’employeur
3/ Le « Gap Analysis » ou le modèle mental
3/ Le « Gap Analysis » ou le modèle mental
Ajout facile de fonctionnalités…
…Google Map et Street View
3/ Le « Gap Analysis » ou le modèle mental
Workopolis décide d’améliorer
son offre d’affichage de poste auprès des universités
3/ Le « Gap Analysis » ou le modèle mental
Testsclassiques
J 10 - RapportJ 1 - Tester J 2 - Tester
Analyser en détail + Rédiger
Testsitératifs
J 1 - Tester J 2 - Tester
Débriefer
+ Optimiser
J 10 - Prototype
optimisé
Débriefer
+ Optimiser
4/ Travailler en mode itératif
« L’utilisateur,
encore l’utilisateur
et toujours l’utilisateur »
4/ Travailler en mode itératif
Workopolis…d’un processus par étape… à une création directe dans un template
Testsitératifs
J 1 - Tester J 2 - Tester
Débriefer
+ Optimiser
J 10 - Prototype
optimisé
Débriefer
+ Optimiser
4/ Travailler en mode itératif
Workopolis
Projet EBO
Processus par étape
Projet EBO
Création directe
dans le templateDébriefer
+ Optimiser
J 10 - Prototype
optimisé
Débriefer +
Optimiser
Marketing 101:
Vous n’êtes pas le client
5/ Éviter le syndrome « Mon projet, ma vision »
Damien Lefebvre Webcom Montreal, November 18 2010

Damien Lefebvre Webcom Montreal, November 18 2010

  • 1.
    Innovation et refonte desite web, un exercice complexe Damien Lefebvre Vice-président, Services Conseil
  • 2.
    Un peu dethéorie
  • 3.
  • 4.
    Innovation incrémentale Modestes, graduelles,continuelles améliorations de techniques ou de produits existants; l'innovation incrémentale ne change généralement pas fondamentalement la dynamique d'une industrie, ni ne requiert un changement de comportement des utilisateurs finaux. Un peu de théorie
  • 5.
    Un peu dethéorie Twitter lance le « Infinite Scrolling »
  • 6.
    Un peu dethéorie Innovation radicale L'innovation est dite "radicale" lorsqu'elle modifie profondément les conditions d'utilisation par les clients et/ou qu'elle s'accompagne d'un bouleversement technologique.
  • 7.
    Un peu dethéorie
  • 8.
    Innovation radicale/ Skyrock Skyrock Unecompagnie de radio traditionnelle
  • 9.
    Innovation radicale/ Skyrock Skyrocklance une plateforme de blogue
  • 10.
    En quelques chiffres: 31 millions de blogues  33 000 blogues créés par jour  725 000 articles publiés par jour  24,5 millions de visites en mai 2009  Disponible en 7 langues  15ème site français Source: Quelques chiffres pour Skyrock.com, blogeek.ch, 22 juillet 2010. Innovation radicale/ Skyrock En 2007, le chiffre d’affaires de Skyrock.com dépasse celui de la radio « Cette année, nous sommes devenus une société internet. Maintenant, nous disons que nous faisons aussi de la radio » Source: Pierre Bellanger, fondateur du groupe, 13 décembre 2007
  • 11.
    NPR/ une compagniede radio traditionnelle
  • 12.
    NPR/ Externalisation del’innovation radicale NPR lance une API ouverte afin de promouvoir son contenu à travers le web, les applications mobiles
  • 13.
  • 14.
    NPR ouvre soncontenu NPR lance NPR ADDICT « SANS LE SAVOIR » Seller : Bradley Flubacher © Copyright 2009 Pass Time
  • 15.
    Netflix/ site delocation vidéo en ligne Septembre 2008 Netflix lance son API autorisant l’accès à l’ensemble de son catalogue en ligne
  • 16.
    Netflix API/ innovationradicale L’application iPhone Flicks connectée sur l’API Netflix permet de gérer sa liste de films à regarder via son iPhone
  • 17.
    Tesco/ une innovationradicale 4% des achats sur Tesco.com sont réalisés depuis cette application TESCO, 3e leader mondial de la Grande Distribution a organisé un « Open Innovation Day » pour inciter les développeurs à utiliser leur API L’application TESCO Groceries, basée sur l’API Tesco permet de faire ses courses directement sur son iPhone et est aujourd’hui à plus de 400,000 téléchargements
  • 18.
  • 19.
    Stratégie et créativité Cesont les humains qui font les projets !!!
  • 21.
    Stratégie et créativité Quandla stratégie oublie la création ?
  • 22.
  • 23.
    Quand la créationrépond à un besoin d’affaires ? Stratégie et créativité
  • 25.
    Stratégie et créativité Sefonder uniquement sur les intuitions et les inspirations des gens de création peut s’avérer dangereux
  • 26.
    Application iPad Version actuelle: 1.40 Taille : 19.8 MO « Une belle application, mais… » Popular Science pour iPad
  • 27.
    Application iPad Version actuelle: 1.40 Taille : 19.8 MO Popular Science/ Page d’accueil – Pop-up de téléchargement Plus de 10 minutes de temps de téléchargements!
  • 28.
    Application iPad Version actuelle: 1.40 Taille : 19.8 MO L’intuition… Ce n’est pas donné à tout le monde! Popular Science/ Page – Table des matières
  • 29.
    Application iPad Version actuelle: 1.40 Taille : 19.8 MO La formation… Nous ne sommes pas tous attentifs ! Popular Science/ Première page
  • 30.
    Stratégie et créativité Confierle leadership du projet aux analystes d’affaires, en favorisant ainsi leur côté rationnel et analytique, peut être tout aussi périlleux
  • 31.
    Application iPad Version actuelle: 1.4 Taille : 3.4 MO Téléchargement : 3G « Fonctionnelle, mais pas innovante… » Le Monde pour iPad
  • 32.
    Le Monde/ Paged’accueil – Cahier supplément Application iPad Version actuelle : 1.4 Taille : 3.4 MO Téléchargement : 3G Moins de 30 secondes pour télécharger en 3G !
  • 33.
    Le Monde/ Page– Table des matières Application iPad Version actuelle : 1.4 Taille : 3.4 MO Téléchargement : 3G Le Monde fait du PDF sur iPad…
  • 34.
    Stratégie et créativité Confiezvos projets à une équipe multidisciplinaire (UX, création, gestionnaire de produit et technologie)
  • 35.
    Flipboard Application iPad Version actuelle: 1.0.2 Taille : 2.7 MO « Une vraie merveille »
  • 36.
    Flipboard/ Application Twitter– Votre page Application iPad Version actuelle : 1.0.2 Taille : 2.7 MO Avec Flipboard, voyez les Tweets et leur contenu !
  • 37.
    5 Tips pour réaliserdes projets numériques innovants
  • 38.
    1/ Pousser pourl’innovation radicale  Introduisez une phase 0 : innovation  Impliquez la direction de votre compagnie  Impliquez des ressources extérieures à votre univers (professeurs, anthropologues, designers…)  Faites de la recherche marketing non conventionnelle (privilégiez les entrevues individuelles et les groupes mixtes : experts et consommateurs ensemble).
  • 39.
    « Regardez ceque les gens ne font pas. Écoutez ce que les gens ne disent pas. » 1/ Pousser pour l’innovation radicale
  • 40.
    « Moi, j’aimeraispouvoir souligner mes lectures et les conserver à un même endroit. » Groupe mixte : consommateurs et experts - Septembre 2010 1/ Pousser pour l’innovation radicale
  • 41.
    « Ça seraitcool que mon autoradio télécharge mes podcasts lorsque j’arrive à la maison. » Groupe mixte : consommateurs et experts - Mars 2010 1/ Pousser pour l’innovation radicale
  • 42.
    1/ Pousser pourl’innovation radicale
  • 43.
    2/ « Smartteams »  Recrutez une équipe multidisciplinaire avec des backgrounds diversifiés prend du temps  Identifierz les individus capables d’aller au-delà de leur expertise et de sortir de leur zone de confort  Soyez accompagner d’experts en technologie, en ergonomie, en création et en gestion de produit  Comités : innovation, travail et pilotage.
  • 44.
    2/ « Smartteams » « Pas d’ambition sans confrontation »
  • 45.
    3/ Le «Gap Analysis » ou le modèle mental Un outil qui permet de :  Identifier les fonctionnalités manquantes de votre actif numérique  Identifier les fonctionnalités manquantes de vos concurrents  Trouver votre nouveau positionnement.
  • 46.
    3/ Le «Gap Analysis » ou le modèle mental
  • 47.
    3/ Le «Gap Analysis » ou le modèle mental QUOI ? POURQUOI ? OÙ? QUAND ? COMMENT ? Blabla blabla blabla Blabla blabla blabla Blabla blabla blabla Blabla blabla blabla Racontez-moi...
  • 48.
    Workopolis décide decréer l’Optimiseur de marque d’employeur 3/ Le « Gap Analysis » ou le modèle mental
  • 49.
    3/ Le «Gap Analysis » ou le modèle mental
  • 50.
    Ajout facile defonctionnalités… …Google Map et Street View 3/ Le « Gap Analysis » ou le modèle mental
  • 51.
    Workopolis décide d’améliorer sonoffre d’affichage de poste auprès des universités 3/ Le « Gap Analysis » ou le modèle mental
  • 52.
    Testsclassiques J 10 -RapportJ 1 - Tester J 2 - Tester Analyser en détail + Rédiger Testsitératifs J 1 - Tester J 2 - Tester Débriefer + Optimiser J 10 - Prototype optimisé Débriefer + Optimiser 4/ Travailler en mode itératif
  • 53.
    « L’utilisateur, encore l’utilisateur ettoujours l’utilisateur » 4/ Travailler en mode itératif
  • 54.
    Workopolis…d’un processus parétape… à une création directe dans un template Testsitératifs J 1 - Tester J 2 - Tester Débriefer + Optimiser J 10 - Prototype optimisé Débriefer + Optimiser 4/ Travailler en mode itératif Workopolis Projet EBO Processus par étape Projet EBO Création directe dans le templateDébriefer + Optimiser J 10 - Prototype optimisé Débriefer + Optimiser
  • 55.
    Marketing 101: Vous n’êtespas le client 5/ Éviter le syndrome « Mon projet, ma vision »