Êtes-vous sûr(e) que votre nouveau site ecommerce ou votre nouvelle application est "bug free" ? Avez-vous effectué tous les tests nécessaires et indispensables pour garantir à vos utilisateurs une expérience optimale ? Découvrez les 10 bonnes pratiques pour des apps et sites ecommerce sans bug.

1. Atelier en ligne FrenchWeb
Mardi 15 septembre 2015
10 bonnes pratiques
pour des applications
et sites e-commerce sans bug*

2. On n’a qu’une seule chance de faire
une première bonne impression !
OBJECTIF : ZERO BUG*
* Le risque zéro n’existe pas car il est impossible de tout tester.
Le test doit donc être ciblé.
Comment bien cibler et organiser vos tests ?
Découvrez les 10 bonnes pratiques à adopter.

3. CHASSEURS DE BUGS
ASSURANCE QUALITE
EXPERTISE
Membre de
ÉQUIPE
TESTEURS
ANALYSTES
CHEFS DE PROJETS
+2 000 TERMINAUX
StarDust, spécialiste du Test, accompagne ses clients dans
la transformation et l’évolution de leurs solutions digitales.
BUREAUX
MARSEILLE, PARIS, LILLE
MONTREAL
(LONDRES, BERLIN)

4. MY TESTING LAB
ON DEMANDFULL SERVICE
STARDUST PARTNER PROGRAM
> Calculette de macro-budget pour estimations des tests
> Documents d’aide à la planification de campagnes de test
> Documents de sensibilisation au test
> Partenariat exclusif
Services de test « à la carte »
> Définition de la stratégie
> Mise en place des outils et ressources
> Rapport de bugs et analyse
NOS OFFRES
A destination des AGENCES
Gestion d’un projet de A à Z
> Interventions ciblées des projets digitaux
> Mise à disposition de nos ressources
> Rapport de bugs et analyse
Plateforme de self service
> Tests commandés en quelques clics
> Tests réalisés en 24h max
> Validation directe des résultats

5. POURQUOI TESTER ?
MIEUX MAÎTRISER LES RISQUES LIÉS
AU DÉVELOPPEMENT
TESTER LES LIMITES DU PRODUIT
ASSURER UN FONCTIONNEMENT
OPTIMAL
CONTRÔLER LA QUALITÉ
RÉDUIRE LES RISQUES
AU LANCEMENT
TROUVER LES BUGS
Pour pouvoir les corriger
TEST

6. + 1 500 caractéristiques par terminal Versions OS, middleware et frameworks
ÉVOLUTIONS PERMANENTES
(devices, OS, navigateurs…)
CAUSES :
UN ENVIRONNEMENT TECHNIQUE FRAGMENTÉ ET ÉVOLUTIF
+
ÉVOLUTIONS PERMANENTES DU
DIGITAL DANS LES HABITUDES+ +
BUGS

7. BUGS
Image produit
manquante (MAC OSX)
Affichage du bouton « feedback » illisible (iPad Mini 2)
Affichage des boutons Social Media (Safari MAC)

8. BUGS
Pop-up ne se ferme pas
> impossible de procéder au paiement
(iPhone 4S)
Page panier grisée
> aucune action possible (iPad Air) ???? (Macbook Safari)

9. BUGS
Incohérence entre le nombre de produits panier
(5) et dans la liste (4) (Safari)
Produits et informations manquantes (Chrome)
Affichage incompréhensible (iPhone 5S)

10. BUGS ET ANOMALIES !
Un terminal qui ne passe pas l'étape d'identification dans le
tunnel d’achat
Impossibilité d’ajouter au panier
Bouton Recherche qui ne trouve pas la requête
Impossibilité de valider une adresse dans un formulaire de
login
Produit et/ou prix différent entre le panier et le tunnel d'achat
Non prise en compte des bons cadeaux, codes promo
Absence des informations légales, à propos, remboursement,
rétractation ou CGV
Saisie impossible des coordonnées bancaires sur mobile
Absence de prix sur la fiche produit
Bugs courants observés sur les sites
et apps E-commerce
BUGS
Sans oublier…

11. BUGS
Peu importe le bug, lorsque l’expérience a été mauvaise ou jugée insatisfaisante,
l’utilisateur perd CONFIANCE et sanctionne la marque.
CONSÉQUENCES :

12. CHASSEURS DE BUGS
ASSURANCE QUALITE
EXPERTISE
Membre de
ÉQUIPE
TESTEURS
ANALYSTES
CHEFS DE PROJETS
+2 000 TERMINAUX
StarDust, spécialiste du Test, accompagne ses clients dans
la transformation et l’évolution de leurs solutions digitales.
BUREAUX
MARSEILLE, PARIS, LILLE
MONTREAL
(LONDRES, BERLIN)

13. IDENTIFIER
LES RISQUES DU PRODUIT
1

14. 1. IDENTIFIER LES RISQUES DU PRODUIT
Qui, en cas de bug, empêchent
l’utilisation du produit.
Exemples de fonctions critiques :
TUNNEL D’ACHAT
PAGE PRODUIT
LIVRAISON
SAV
REMBOURSEMENTS
….
CONNAÎTRE SON PRODUIT
Lister les fonctions métiers Quelles sont les fonctions critiques ?
Sous quelle forme ?
Exemples de documentations / formats :
SPECIFICATIONS FONCTIONNELLES
USER STORIES
BACKLOGS
WIREFRAMES / MOCK-UPS
…

15. PENSER USER EXPERIENCE
2

16. 2. PENSER USER EXPERIENCE
TOUT AU LONG du DÉVELOPPEMENT de votre produit
Bénéfice(s) produit Ergonomie / Design
Mon site/app est-il fluide et agréable
à utiliser ?
Mon site/app respecte-t-il les promesses
faites à l’utilisateur ?
Expérience omnicanale / multidevices Expérience unique / personnalisée
Mon site/app prend-il en compte le profil, les
préférences de mes utilisateurs ?
L’expérience utilisateur est-elle optimale tout
le temps et sur tous les écrans ?

17. DÉFINIR
LES TERMINAUX CIBLES
3

18. 3. DÉFINIR LES TERMINAUX CIBLES
DONNÉES MARCHÉ
Ventes
Tendances
Consommation
Trafic / Usage
FRAGMENTATION
Surcouche, Navigateur
CPU, Arch, Mémoire
Tailles d’écran
Résolutions capteurs
EXIGENCES TECHNIQUES
DU PROJET
Versions d’OS
Résolutions
Ressources matérielles
Type de projet
90-95% DES RISQUES COUVERTS
SITE : 25-30 Terminaux
APPS : 30-40 Terminaux
PRIORITE AUX TERMINAUX DE VOS UTILISATEURS

19. PENSER AUX SPÉCIFICITÉS
PRODUIT
4

20. 4. PENSER AUX SPÉCIFICITÉS PRODUIT
> Spécificités OS
> Spécificités navigateurs
> Multitâches : on se sert rarement que d’une application à la fois
> Interruptions SMS / Appels / Notifications
> Mémoire & Sauvegarde
Portrait / Paysage
Touch Navigation Wifi VS 3G/4G
External AppConnexion
Penser Mobile-first : vos utilisateurs sont mobiles !
MULTI-PLATEFORMES & MULTI-ÉCRANS

21. UTILISER LES BONNES RESSOURCES
POUR TRACKER LES BUGS
5

22. 5. UTILISER LES BONNES RESSOURCES POUR TRACKER LES BUGS
TERMINAUX
> Posséder les terminaux phares
+ quelques terminaux « exotiques »
> Renouveler son stock (nouveaux
terminaux, nouveaux OS)
> Maintenir les anciennes versions d’OS
> Gérer l’obsolescence
> BYOD
> OBJECTIVITE
> NEUTRALITE
> GAIN DE TEMPS
TESTEURS INDEPENDANTS
TESTEURS
> Personnes dédiées au test en interne
ou
> Testeurs externes au projet
PERSONNES DEDIEES MATERIEL
OUTILS / SUPPORTS
> Plan de test
> Bug tracker

23. CHOISIR UNE
MÉTHODOLOGIE DE TEST
6

24. 6. CHOISIR UNE MÉTHODOLOGIE DE TEST
Tests manuels ou automatisés ?
APPROCHE SCENARISEE
> Rédaction de scénarios de tests
> Tests guidés selon étapes de test
> Couverture des tests maîtrisée
Important : Stabilité de l’environnement de test
Les développements doivent être « gelés » pendant la durée des tests
pour garantir la cohérence et la fiabilité des résultats
Tests scénarisés ou exploratoires ?
APPROCHE EXPLORATOIRE
> Périmètre de test non-défini / Exploration aléatoire,
non-guidée
> Remonter le maximum de bugs en un temps donné
> Expérience du testeur / Connaissances UX
MANUEL
> Coller au plus près des comportements réel
> Vivre le ressenti et l’expérience utilisateur
> Maîtriser les cas complexes de tests
AUTOMATISE
> Définition de scripts et de parcours de
tests automatisés (prévoir un temps de
création des scripts)

25. ANALYSER LES BUGS
7

26. 7. ANALYSER LES BUGS
> Pour mieux connaître les points critiques de son site/app
> Penser à la maintenance/régression du produit
> Lister l’ensemble des bugs et les décrire en détails :
type de bug, description, screenshots, terminaux, étapes pour reproduire le bug
DOCUMENTER LES BUGS
PROCÉDER AUX CORRECTIFS
PENSER AU RE-TEST
Selon la même méthodologie
Sur les mêmes terminaux
OUTIL : bug tracker
ANALYSER & CAPITALISER

27. ÉCOUTER VOS UTILISATEURS
8

28. 8. ÉCOUTER VOS UTILISATEURS
VENTES MARCHERETOURS UTILISATEURS
FEEDBACK & ANALYTICS
Commentaires / notes
Réseaux sociaux
Enquêtes
Pushs
Real-time chat
Eye tracking
...
Trafic
Téléchargements
Taux de conversion
…
Nouveaux besoins
Innovation
Top des ventes
…

29. SUIVRE L’ÉVOLUTION
DE L’ENVIRONNEMENT
9

30. 9. SUIVRE L’ÉVOLUTION DE L’ENVIRONNEMENT
Nouvelles fonctionnalités
produits
Nouveautés OS / navigateurs
Rentrée 2015
iOS 9, Android 6.0, Windows 10, Edge
iPhone 6S,
MISES A JOUR
ANTICIPER LES EVOLUTIONS / PENSER A LA MAINTENANCE
NOUVEAUTES
NOUVEAUX RISQUES
Nouveaux terminaux
Nouveaux OS
…

31. MY TESTING LAB
ON DEMANDFULL SERVICE
STARDUST PARTNER PROGRAM
> Calculette de macro-budget pour estimations des tests
> Documents d’aide à la planification de campagnes de test
> Documents de sensibilisation au test
> Partenariat exclusif
Services de test « à la carte »
> Définition de la stratégie
> Mise en place des outils et ressources
> Rapport de bugs et analyse
NOS OFFRES
A destination des AGENCES
Gestion d’un projet de A à Z
> Interventions ciblées des projets digitaux
> Mise à disposition de nos ressources
> Rapport de bugs et analyse
Plateforme de self service
> Tests commandés en quelques clics
> Tests réalisés en 24h max
> Validation directe des résultats

32. 10. PENSER TEST
Quelles fonctionnalités ?
Selon quels scénarios utilisateurs ?
Sur quels terminaux ?
Quels types de tests ?
ÉLABORER UNE STRATÉGIE DE TEST
Penser TEST au + tôt dans le cycle de vie du produit
QUOI TESTER ? QUAND ?
Tests d’intégration/tests du système /
Recette utilisateur
A la fin des développements ?
A la fin de chaque lot/sprint ?
Maintenance
QUI ? COMMENT ?
Testeurs dédiés en interne ?
Testeurs externes (externalisation) ?
Quelle méthodologie de test ?
Quels supports pour les tests ?
Tests manuels / automatisés ?
Tests exploratoires / scénarisés ?

33. MERCI
François Joseph VIALLON, CEO StarDust
www.stardust-testing.com
On se souvient de la qualité
bien plus longtemps que du prix.
Guccio Gucci