Meet-up
#DevMobCA
Bienvenue
dans ce meetup
page
02
Reynald, directeur marketing
de StarDust Testing
Jeremy, manager projets
de StarDust Testing
De quoi
on parle ici…
page
03
C’est le pourcentage des business
en ligne qui échouent à cause
d’une mauvaise expérience
utilisateur.
70%
*https://www.brandbank.com/pl/blog/e-commerce-w-polsce-2014-produkty-spozywcze-najciekawsze-statystyki/
Et plus
concrètement…
page
04
Les soldes d’un vendeur de chaussures
190 000 visiteurs en 1h
Visite mobile : 69% soit 131 000 visiteurs
Conversion : 2%
Panier moyen : 91€
Bug détecté : impact de 30% des visiteurs sur 1h
71 000€ perdu avec un bug résolu en 1h
+ coût d’acquisition et impact image
Source : LSA Conso, soldes d’hiver 2017, spartoo, sarenza
Les 10 bonnes pratiques
pour des applications sans bug
ou comment arrêter de perdre des clients et des affaires sans
même s’en rendre compte…
impression
On a qu’une seule chance de
faire une première bonne
impression.
Objectif naturel : ZERO BUG
ZERO BUG ?
Le risque zero n’existe pas
car il est impossible de tout
tester.
Comme il est impossible de
tout tester, le test doit être
BIEN ciblé!
StarDust Testing
en 4 points clés
page
08
01
Notre expertise
Nous chassons les bugs et fournissons
une assurance qualité.
03
Notre équipe
Testeurs, analystes et chefs de projets
conduisent les projets de nos clients.
02
Nos équipements
Plus de 2000 terminaux composent notre
flotte nous permettant de conduire nos
tests.
04
Nos Bureaux
Nous sommes physiquement basés à
Paris, Lille, Marseille et Montréal.
Pourquoi
organiser un test ?
page
09
Avez-vous le temps de tracker les bugs ?
Avez-vous les ressources humaines et matérielles pour chasser les bugs ?
Avez-vous la méthodologie de traque et de correction adaptées au projet ?
Êtes-vous trop impliqué dans le projet ? Trop subjectif ?
Questions au préalable
Pourquoi
organiser un test ?
page
010
Contrôler
Bénéfice 1
Un test QA vous permet de
contrôler vraiment la qualité de
votre projet numérique.
Maîtriser
Les risques liés au
développement sont mieux
encadrés.
Bénéfice 2
Pourquoi
organiser un test ?
page
011
Tester
Bénéfice 4
Votre produit peut avoir des
limites qui n’ont pas été
anticipées ou imaginées.
Détecter
Bénéfice 3
Détectez les bugs quelle que
soit la plateforme pour pouvoir
les corriger.
Pourquoi
organiser un test ?
page
012
Réduire
Bénéfice 5
Un test va vous permettre de
réduire les risques au
lancement, phase critique pour
l’engagement de vos
utilisateurs.
Assurer
Bénéfice 6
En bout de ligne, vous vous
assurez une expérience
optimale pour vos utilisateurs.
Aaargghh!!!!
Des bugs!
page
013
Quelles est l’origine des dysfonctionnements?
Un environnement technique fragmenté…
… dans un environnement technique évolutif en permanence : device, OS, navigateurs, et
même habitudes de l’utilisateur (UX)
OS1500 caractéristiques par terminal
Aaargghh!!!!
Des bugs!
page
014
Pendant la phase
d’inscription, au choix du
magasin, message d’erreur
qui empêche la finalisation de
l’inscription.
Aaargghh!!!!
Des bugs!
page
015
L'utilisateur veut faire des réglages via
l'option "Montre connectée", laisse un
champ vide, et crash
Aaargghh!!!!
Des bugs!
page
016
Aaargghh!!!!
Des bugs!
page
017
Incohérence entre le nombre de produits
panier (5) et dans la liste (4)
(Safari)
Affichage incompréhensible
(iPhone 5S)
Les bugs
les plus courants
page
018
Identification
Un terminal ne passe pas l’étape
d’identification dans le tunnel d’achat
Achat
Impossibilité d’ajouter au panier
Absence de prix sur la fiche produit
Recherche
Bouton Recherche qui ne trouve pas la
requête
Formulaire
Impossibilité de valider une adresse
dans un formulaire de login
Cohérence
Produit et/ou prix différents entre le
panier et le tunnel d’achat
Remise
Non prise en compte des bons cadeaux,
codes promo
Manquement
Absence des informations légales,
remboursement, rétractation ou CGV
Saisie
Impossibilité de saisir les coordonnéees
bancaires sur mobile
Sans
oublier…
page
019
33%
Freeze
58%
Crash
54%
Lenteur
Conséquence ?
Des clients pas contents
Vous perdez du CA sans vous en rendre
compte… ou quand il est déjà trop tard.
Abandon de panier
01
Le churn est ultra rapide sur mobile.
26% des apps abandonnées à la 1ère
utilisation
58% des users partent au bout de 30 jours
Perte de clientèle
03
Une pluie de commentaires négatifs s’abat
sur vous comme un jour de mousson.
E-Réputation
02
Et plus durablement, l’image de marque
peut être atteinte et ça fait mal (très mal).
Image de marque
04
IL VAUT MIEUX
PREVENIR QUE GUERIR
Comme le disait ma Grand-Mère…
Et pierre qui roule n’amasse pas mousse.
01
Les 10 bonnes pratiques
Identifier les risques du produit
FONCTIONNALITES
Connaître les fonctionnalités
métier du produit.
CRITICITE
Identifier les fonctions qui, si elles ont un
bug empêchent l’utilisation du produit.
Exemples de fonctions clés : tunnel
d’achat, page produit, livraisons, remboursements
02
Les 10 bonnes pratiques
Penser User Experience (UX)
Le bénéfice produit va-t-il satisfaire l’utilisateur ?
Ergonomie/design : mon app est-elle fonctionnelle et agréable à
utiliser ?
Peut-on consulter mon app, partout, tout le temps ?
Omnicanalité : l’UX sera-t-elle de même qualité sur tous les écrans ?
L’utilisateur aura-t-il le sentiment d’avoir une expérience
personnalisée ?
03
Les 10 bonnes pratiques
Définir les terminaux cibles
Exigences techniques
Versions d’OS
Résolutions
Ressources matérielles
Type de projet
Fragmentation
Surcouche, navigateur
CPU, Arch, Mem
Tailles d’écran
Résolutions capteurs
Données marché
Ventes
Tendances
Consommation
Trafic/Usage
Priorité aux terminaux de vos utilisateurs
04Les 10 bonnes pratiques
Penser aux spécificités produits
Mobile
Règles de validation des Stores
Prévoir des tests aux limites de charge
Multitâches : on se sert rarement que
d’une application à la fois
Interruptions SMS / Appels /
Notifications
Mémoire & Sauvegarde
Navigateurs
IE et ses versions…
Firefox
Chrome
Safari
Comportement/Usage
Touch navigation
Portrait versus Paysage
Qualité de la Connexion
Wifi versus 3G/4G
05
Les 10 bonnes pratiques
Utiliser les bonnes ressources pour tracker les bugs
Personnes dédiées
Développeurs du projet pour les 1ères phases
Personnes externes au projet
midpoint 2
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Ressources Matérielles
Posséder les terminaux (également les exotiques…)
Maintenir les versions d’OS
Gérer l’obsolescence
BYOD
Les avantages du testeur
indépendant
Objectivité
Neutralité
Gain de temps
06
Les 10 bonnes pratiques
Penser test et stratégie de test
Penser test dès la spécification du produit
Garder en tête que les tests prennent du temps
Un test se prépare en définissant des objectifs
Un test se cadre en définissant un plan
Fonctionnalités du produit (mobile, e-
commerce…)
Quoi
Selon le développement, du produit
(agile, en V), le test peut être effectué
plusieurs fois
Quand
Choisir l’approche
Comment
En interne ou en externe ?
Qui
06
Choisir l’approche
Tests automatisés
• Définition de scripts et de parcours de tests
automatisés (prévoir un temps de création des
scripts)
• Tests informatisés
Tests manuels
• Scénarisés
• Mime le comportement des utilisateurs
• Tests guidés reproduits sur les terminaux
• Scénarios en fonction des fonctionnalités du
produit
• Exploratoires
• Exploration aléatoire du produit (non-guidé)
• Expérience du testeur
• Connaissance UX indispensable
07
Les 10 bonnes pratiques
Choisir une approche
01
Documenter les bugs
Lister en catégorie, description,
screenshots, terminaux, étapes de
reproduction
03
Re-test
Répliquer la campagne sur la même
méthodologie et les mêmes terminaux.
02
Réaliser les correctifs
Fournir cette matière à l’équipe de
développement.
04
Capitaliser sur les bugs
Mettre en place une boucle
d’apprentissage pour ne pas reproduire les
mêmes erreurs.
08Les 10 bonnes pratiques
Analyser les bugs
Les 10 bonnes pratiques
Ecouter vos utilisateurs
UX
Penser User
Experience
01
Ecoute
Être attentif aux
nouveaux besoins
de l’utilisateur
02
Action
Créer les nouvelles
fonctionnalités pour
satisfaire
03
Vente / Médias sociaux / Analytics / Engagement client / Commentaires / Relations client /
Chat / Enquêtes satisfactions… 09
RISQUES
Nouveaux
Bugs
Être attentif à
- Nouveau terminal
- Nouvelle version d’OS
- Nouvel OS
- Nouveau navigateur
Refaire des
tests
10
Les 10 bonnes pratiques
Suivre l’évolution de l’environnement
Guccio Gucci
“On se souvient de la
qualité bien plus
longtemps que du
prix”
Livre Blanc : le crowdtesting
Pour aller plus loin
Tester à l’international :
plusieurs langues, réseaux,
habitudes ?
Merci
www.stardust-testing.com

DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli sans s'en rendre compte ?

  • 1.
  • 2.
    Bienvenue dans ce meetup page 02 Reynald,directeur marketing de StarDust Testing Jeremy, manager projets de StarDust Testing
  • 3.
    De quoi on parleici… page 03 C’est le pourcentage des business en ligne qui échouent à cause d’une mauvaise expérience utilisateur. 70% *https://www.brandbank.com/pl/blog/e-commerce-w-polsce-2014-produkty-spozywcze-najciekawsze-statystyki/
  • 4.
    Et plus concrètement… page 04 Les soldesd’un vendeur de chaussures 190 000 visiteurs en 1h Visite mobile : 69% soit 131 000 visiteurs Conversion : 2% Panier moyen : 91€ Bug détecté : impact de 30% des visiteurs sur 1h 71 000€ perdu avec un bug résolu en 1h + coût d’acquisition et impact image Source : LSA Conso, soldes d’hiver 2017, spartoo, sarenza
  • 5.
    Les 10 bonnespratiques pour des applications sans bug ou comment arrêter de perdre des clients et des affaires sans même s’en rendre compte…
  • 6.
    impression On a qu’uneseule chance de faire une première bonne impression. Objectif naturel : ZERO BUG
  • 7.
    ZERO BUG ? Lerisque zero n’existe pas car il est impossible de tout tester. Comme il est impossible de tout tester, le test doit être BIEN ciblé!
  • 8.
    StarDust Testing en 4points clés page 08 01 Notre expertise Nous chassons les bugs et fournissons une assurance qualité. 03 Notre équipe Testeurs, analystes et chefs de projets conduisent les projets de nos clients. 02 Nos équipements Plus de 2000 terminaux composent notre flotte nous permettant de conduire nos tests. 04 Nos Bureaux Nous sommes physiquement basés à Paris, Lille, Marseille et Montréal.
  • 9.
    Pourquoi organiser un test? page 09 Avez-vous le temps de tracker les bugs ? Avez-vous les ressources humaines et matérielles pour chasser les bugs ? Avez-vous la méthodologie de traque et de correction adaptées au projet ? Êtes-vous trop impliqué dans le projet ? Trop subjectif ? Questions au préalable
  • 10.
    Pourquoi organiser un test? page 010 Contrôler Bénéfice 1 Un test QA vous permet de contrôler vraiment la qualité de votre projet numérique. Maîtriser Les risques liés au développement sont mieux encadrés. Bénéfice 2
  • 11.
    Pourquoi organiser un test? page 011 Tester Bénéfice 4 Votre produit peut avoir des limites qui n’ont pas été anticipées ou imaginées. Détecter Bénéfice 3 Détectez les bugs quelle que soit la plateforme pour pouvoir les corriger.
  • 12.
    Pourquoi organiser un test? page 012 Réduire Bénéfice 5 Un test va vous permettre de réduire les risques au lancement, phase critique pour l’engagement de vos utilisateurs. Assurer Bénéfice 6 En bout de ligne, vous vous assurez une expérience optimale pour vos utilisateurs.
  • 13.
    Aaargghh!!!! Des bugs! page 013 Quelles estl’origine des dysfonctionnements? Un environnement technique fragmenté… … dans un environnement technique évolutif en permanence : device, OS, navigateurs, et même habitudes de l’utilisateur (UX) OS1500 caractéristiques par terminal
  • 14.
    Aaargghh!!!! Des bugs! page 014 Pendant laphase d’inscription, au choix du magasin, message d’erreur qui empêche la finalisation de l’inscription.
  • 15.
    Aaargghh!!!! Des bugs! page 015 L'utilisateur veutfaire des réglages via l'option "Montre connectée", laisse un champ vide, et crash
  • 16.
  • 17.
    Aaargghh!!!! Des bugs! page 017 Incohérence entrele nombre de produits panier (5) et dans la liste (4) (Safari) Affichage incompréhensible (iPhone 5S)
  • 18.
    Les bugs les pluscourants page 018 Identification Un terminal ne passe pas l’étape d’identification dans le tunnel d’achat Achat Impossibilité d’ajouter au panier Absence de prix sur la fiche produit Recherche Bouton Recherche qui ne trouve pas la requête Formulaire Impossibilité de valider une adresse dans un formulaire de login Cohérence Produit et/ou prix différents entre le panier et le tunnel d’achat Remise Non prise en compte des bons cadeaux, codes promo Manquement Absence des informations légales, remboursement, rétractation ou CGV Saisie Impossibilité de saisir les coordonnéees bancaires sur mobile
  • 19.
  • 20.
    Conséquence ? Des clientspas contents Vous perdez du CA sans vous en rendre compte… ou quand il est déjà trop tard. Abandon de panier 01 Le churn est ultra rapide sur mobile. 26% des apps abandonnées à la 1ère utilisation 58% des users partent au bout de 30 jours Perte de clientèle 03 Une pluie de commentaires négatifs s’abat sur vous comme un jour de mousson. E-Réputation 02 Et plus durablement, l’image de marque peut être atteinte et ça fait mal (très mal). Image de marque 04
  • 21.
    IL VAUT MIEUX PREVENIRQUE GUERIR Comme le disait ma Grand-Mère… Et pierre qui roule n’amasse pas mousse.
  • 22.
    01 Les 10 bonnespratiques Identifier les risques du produit FONCTIONNALITES Connaître les fonctionnalités métier du produit. CRITICITE Identifier les fonctions qui, si elles ont un bug empêchent l’utilisation du produit. Exemples de fonctions clés : tunnel d’achat, page produit, livraisons, remboursements
  • 23.
    02 Les 10 bonnespratiques Penser User Experience (UX) Le bénéfice produit va-t-il satisfaire l’utilisateur ? Ergonomie/design : mon app est-elle fonctionnelle et agréable à utiliser ? Peut-on consulter mon app, partout, tout le temps ? Omnicanalité : l’UX sera-t-elle de même qualité sur tous les écrans ? L’utilisateur aura-t-il le sentiment d’avoir une expérience personnalisée ?
  • 24.
    03 Les 10 bonnespratiques Définir les terminaux cibles Exigences techniques Versions d’OS Résolutions Ressources matérielles Type de projet Fragmentation Surcouche, navigateur CPU, Arch, Mem Tailles d’écran Résolutions capteurs Données marché Ventes Tendances Consommation Trafic/Usage Priorité aux terminaux de vos utilisateurs
  • 25.
    04Les 10 bonnespratiques Penser aux spécificités produits Mobile Règles de validation des Stores Prévoir des tests aux limites de charge Multitâches : on se sert rarement que d’une application à la fois Interruptions SMS / Appels / Notifications Mémoire & Sauvegarde Navigateurs IE et ses versions… Firefox Chrome Safari Comportement/Usage Touch navigation Portrait versus Paysage Qualité de la Connexion Wifi versus 3G/4G
  • 26.
    05 Les 10 bonnespratiques Utiliser les bonnes ressources pour tracker les bugs Personnes dédiées Développeurs du projet pour les 1ères phases Personnes externes au projet midpoint 2 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ressources Matérielles Posséder les terminaux (également les exotiques…) Maintenir les versions d’OS Gérer l’obsolescence BYOD Les avantages du testeur indépendant Objectivité Neutralité Gain de temps
  • 27.
    06 Les 10 bonnespratiques Penser test et stratégie de test Penser test dès la spécification du produit Garder en tête que les tests prennent du temps Un test se prépare en définissant des objectifs Un test se cadre en définissant un plan Fonctionnalités du produit (mobile, e- commerce…) Quoi Selon le développement, du produit (agile, en V), le test peut être effectué plusieurs fois Quand Choisir l’approche Comment En interne ou en externe ? Qui
  • 28.
    06 Choisir l’approche Tests automatisés •Définition de scripts et de parcours de tests automatisés (prévoir un temps de création des scripts) • Tests informatisés Tests manuels • Scénarisés • Mime le comportement des utilisateurs • Tests guidés reproduits sur les terminaux • Scénarios en fonction des fonctionnalités du produit • Exploratoires • Exploration aléatoire du produit (non-guidé) • Expérience du testeur • Connaissance UX indispensable 07 Les 10 bonnes pratiques Choisir une approche
  • 29.
    01 Documenter les bugs Listeren catégorie, description, screenshots, terminaux, étapes de reproduction 03 Re-test Répliquer la campagne sur la même méthodologie et les mêmes terminaux. 02 Réaliser les correctifs Fournir cette matière à l’équipe de développement. 04 Capitaliser sur les bugs Mettre en place une boucle d’apprentissage pour ne pas reproduire les mêmes erreurs. 08Les 10 bonnes pratiques Analyser les bugs
  • 30.
    Les 10 bonnespratiques Ecouter vos utilisateurs UX Penser User Experience 01 Ecoute Être attentif aux nouveaux besoins de l’utilisateur 02 Action Créer les nouvelles fonctionnalités pour satisfaire 03 Vente / Médias sociaux / Analytics / Engagement client / Commentaires / Relations client / Chat / Enquêtes satisfactions… 09
  • 31.
    RISQUES Nouveaux Bugs Être attentif à -Nouveau terminal - Nouvelle version d’OS - Nouvel OS - Nouveau navigateur Refaire des tests 10 Les 10 bonnes pratiques Suivre l’évolution de l’environnement
  • 32.
    Guccio Gucci “On sesouvient de la qualité bien plus longtemps que du prix”
  • 33.
    Livre Blanc :le crowdtesting Pour aller plus loin Tester à l’international : plusieurs langues, réseaux, habitudes ?
  • 34.