10 bonnes pratiques pour des apps et sites ecommerce sans bug
TRANSCRIPT
Atelier en ligne FrenchWeb Mardi 15 septembre 2015
10 bonnes pratiques pour des applications
et sites e-commerce sans bug*
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.
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)
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
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 BUGSPour pouvoir les corriger
TEST
+ 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
BUGS
Image produit manquante (MAC OSX)
Affichage du bouton « feedback » illisible (iPad Mini 2)
Affichage des boutons Social Media (Safari MAC)
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)
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)
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…
BUGS
Peu importe le bug, lorsque l’expérience a été mauvaise ou jugée insatisfaisante, l’utilisateur perd CONFIANCE et sanctionne la marqu e.
CONSÉQUENCES :
1. IDENTIFIER LES RISQUES DU PRODUIT
Qui, en cas de bug, empêchent l’utilisation du produit.
Exemples de fonctions critiques :
TUNNEL D’ACHATPAGE PRODUITLIVRAISONSAVREMBOURSEMENTS….
CONNAÎTRE SON PRODUIT
Lister les fonctions métiers Quelles sont les fonctions critiques ?
Sous quelle forme ? Exemples de documentations / formats :
SPECIFICATIONS FONCTIONNELLESUSER STORIES BACKLOGS WIREFRAMES / MOCK-UPS…
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 ?
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 COUVERTSSITE : 25-30 TerminauxAPPS : 30-40 Terminaux
PRIORITE AUX TERMINAUX DE VOS UTILISATEURS
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
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
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)
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 CORRECTIFSPENSER AU RE-TESTSelon la même méthodologie
Sur les mêmes terminaux
OUTIL : bug tracker
ANALYSER & CAPITALISER
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
…
9. SUIVRE L’ÉVOLUTION DE L’ENVIRONNEMENT
Nouvelles fonctionnalités produits Nouveautés OS / navigateurs
Rentrée 2015iOS 9, Android 6.0, Windows 10, Edge
iPhone 6S,
MISES A JOUR
ANTICIPER LES EVOLUTIONS / PENSER A LA MAINTENANCE
NOUVEAUTES
NOUVEAUX RISQUES
Nouveaux terminauxNouveaux OS …
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 produi t
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 ?