SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
RESPONSIVE WEB DESIGN
COMMENT BIEN TESTER ?
ATELIER EN LIGNE
FRENCHWEB
Jeudi 5 novembre 2015
CHASSEURS DE BUGS
Membre de
TESTEURS
ANALYSTES
CHEFS DE PROJETS
STARDUST ACCOMPAGNE SES CLIENTS
DANS LA TRANSFORMATION ET L’OPTIMISATION DE LEURS SOLUTIONS DIGITALES.
Marseille - Paris - Lille - Montréal - Londres - Berlin
ASSURANCE QUALITÉ
A PROPOS DE STARDUST
SPÉCIALISTE DU TEST
Applications
Sites web
Emailing & Bannières
Internet of things
+2 000
TERMINAUX
ON DEMANDFULL SERVICE
 Outil d’estimation instantanée du budget de test
 Aide à la planification de campagnes de test
 Bonnes pratiques et boîte à outils
Services de test « à la carte »
 Définition de la stratégie de test
 Accompagnement et suivi global du projet
 Rédaction du cahier de recette
 Mise en place des outils et ressources
 Reporting des anomalies
 Analyse des résultats & bilan
Gestion d’un projet de test de A à Z
 Accompagnement ciblé des phases de test
 Forfait d’heures de test
 Mise en place des outils et ressources
 Reporting des anomalies
NOS OFFRES DE SERVICE
A PROPOS DE STARDUST
STARDUST
PARTNER PROGRAM
Agences digitales
 QUELQUES CHIFFRES
 RAPPEL RESPONSIVE WEB DESIGN
 ÉTAT DES LIEUX DU TEST RESPONSIVE WEB DESIGN
 PRIORITÉ : CHOIX DES TERMINAUX
 STRATÉGIE DE TEST
 FOCUS TESTS MOBILE
 FOCUS BLOCS DE CONTENUS EXTERNES
 FOCUS E-COMMERCE
DE QUOI ALLONS-NOUS PARLER ?
QUELQUES CHIFFRES
Les mobiles et tablettes sont N°1
pour surfer sur le Web à 52,7 %*.
64 % des sites français
ne sont pas mobile friendly**.
+ D’EXPÉRIENCE OMNICANALE
CROSS DEVICE
PENSER MOBILE FIRST
* Médiamétrie (09 2015 : smartphone : 43,7 %, tablette : 9 %) ; ** Google.
1 seul SITE WEB pour TOUS LES TERMINAUX
Smartphones
Tablettes
Phablets
Ordinateurs
TV
Capacité d’un site web à s’adapter au terminal
1 SEUL DÉVELOPPEMENT
RAPPEL RESPONSIVE WEB DESIGN
DEFINITION
 Affichage adapté en fonction de la taille/résolution de l’écran (ou du navigateur)
RWD
1 seul développement
1 seule recette
1 code à maintenir
1 MAJ. transparente et multiplateforme
1 référencement global
1 seul contenu
Performance optimisée
Multi-devices
AVANTAGES
RAPPEL RESPONSIVE WEB DESIGNRWD
Complexité (cadrage, gestion de projet)
Projet plus long
Maîtrise du RWD (wireframes, media
queries, etc.)
Maintenance plus complexe
INCONVÉNIENTS
Comment bien tester son site RWD ?
Comment bien tester son site RWD ?
Penser TEST
dès les spécifications du projet
TESTEUR
=
utilisateur
ÉTAT DES LIEUX DU TEST RWD
67 % des DSI pensent que les sites en RWD sont plus difficiles à tester.*
* ISV- comScore, avril 2014 ; ** Moyenne StarDust 2014
+ 80 % des équipes Projet utilisent au moins une fois un émulateur Responsive.*
1 site RWD est testé en moyenne sur 5 devices.*
62,6 % des bugs sont uniques à 1 ou + devices
37,4 % sont communs à tous les devices
Or, sur 100 bugs détectés ** :
PRIORITÉ : CHOIX DES TERMINAUX
RÉSOLUTIONS
POINTS DE
RUPTURE
OS / VERSIONS
NAVIGATEURS
ECHANTILLON DE TEST
20 à 25 configurations >> couverture des risques à 80 %
35 à 45 configurations >> Couverture des risques à 90 à 95 %
CONSEIL STARDUST
STATISTIQUES
VENTE & TRAFIC
USAGES
STRATÉGIE DE TEST
Tests prioritaires sur
les autres devices
PÉRIMÈTRE DE TEST
SCÉNARISÉE
Scénario 1
• Lorem ipsum
• Lorem ipsum
Scénario 2
• Lorem ipsum
• Lorem ipsum
Scénario 3
• Lorem ipsum
• Lorem ipsum
EXPLORATOIRE
TESTS COMPLETS
Sur les terminaux
les plus importants
Manque de temps et/ou budget ? PRIORISER
TESTS OPTIMISÉS
APPROCHES
FOCUS TESTS MOBILE
RÉSEAUX
CONNEXION
3G / 4G / Wifi
Mode avion
Perte de connexion
Smartphone
Phablets
Tablettes
Laptop
NAVIGATION
TOUCH / TACTILE
FRAGMENTATION
Résolutions
OS / navigateurs
Nouveaux devices
Portrait
Paysage
DEVICES
AFFICHAGE
Blocs image / textes
IMPORTANT !
Optimiser le contenu
CONTENU
FOCUS BLOCS DE CONTENU EXTERNES
!
PLAYER VIDÉOS
BANNIÈRES PUB
CHAT ONLINE…
Noël 2015
1 ACHAT SUR 4 sera effectué sur mobile.**
FOCUS E-COMMERCE
ACHAT
Recherche produit
Comparaisons
Wish list
Panier
paiement
SMARTPHONES / TABLETTES DESKTOPS / TABLETTES
TESTS DU TUNNEL D’ACHAT
65 % des consommateurs commencent
leur parcours d’achat sur smartphone*
61 % terminent
leur achat sur desktop*
* Signal 2015 ; ** Criteo 2015.
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

Más contenido relacionado

La actualidad más candente

Octo Technology - Refcard Tests Web front-end
Octo Technology - Refcard Tests Web front-endOcto Technology - Refcard Tests Web front-end
Octo Technology - Refcard Tests Web front-endFrançois Petitit
 
Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)vincent aniort
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...Olivier Destrebecq
 
Présentation du Customer Success à Dictanova
Présentation du Customer Success à DictanovaPrésentation du Customer Success à Dictanova
Présentation du Customer Success à DictanovaSylvain Ornetti
 
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...Cedric GAUTIER
 
Les 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementLes 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementJulie DULOT
 
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...Julie DULOT
 
facile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitéfacile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitévincent aniort
 
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009Initiation aux tests fonctionnels - Philippe Kernevez - October 2009
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009JUG Lausanne
 
Presentation tests d'acceptations automatisés sug v1.1
Presentation tests d'acceptations automatisés sug v1.1Presentation tests d'acceptations automatisés sug v1.1
Presentation tests d'acceptations automatisés sug v1.1Jean-Emmanuel Houdu
 
Fidéliser vos clients mobiles en maximisant leur expérience
Fidéliser vos clients mobiles en maximisant leur expérienceFidéliser vos clients mobiles en maximisant leur expérience
Fidéliser vos clients mobiles en maximisant leur expérienceGuillaume Deshayes
 
Owasp et les failles des applications web
Owasp et les failles des applications webOwasp et les failles des applications web
Owasp et les failles des applications webHenrique Mukanda
 
Automatisation des tests
Automatisation des testsAutomatisation des tests
Automatisation des testsZhu Wei QI
 
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascript
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascriptM20482 formation-developpement-avance-windows-store-app-avec-html5-javascript
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascriptCERTyou Formation
 
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VION
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VIONABTest : un outil indispensable pour être « data-driven » ? par Laurent VION
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VIONLa Cuisine du Web
 
Flupa test a11y_16_05_2016s0f2
Flupa test a11y_16_05_2016s0f2Flupa test a11y_16_05_2016s0f2
Flupa test a11y_16_05_2016s0f2vincent aniort
 

La actualidad más candente (17)

Octo Technology - Refcard Tests Web front-end
Octo Technology - Refcard Tests Web front-endOcto Technology - Refcard Tests Web front-end
Octo Technology - Refcard Tests Web front-end
 
Etude Stardust
Etude StardustEtude Stardust
Etude Stardust
 
Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)Tests utilisateurs mon amour (a11y)
Tests utilisateurs mon amour (a11y)
 
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
DevMobCA #16: Comment arrêter de perdre des clients sur votre site ou appli s...
 
Présentation du Customer Success à Dictanova
Présentation du Customer Success à DictanovaPrésentation du Customer Success à Dictanova
Présentation du Customer Success à Dictanova
 
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...
JFTL2015 - Comment tester les performances ressenties par l’utilisateur d’une...
 
Les 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargementLes 7 commandements pour réduire vos temps de chargement
Les 7 commandements pour réduire vos temps de chargement
 
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
La qualité au service de vos projets digitaux ! Retour sur le PDJ co-organisé...
 
facile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilitéfacile les tests utilisateur d'accessibilité
facile les tests utilisateur d'accessibilité
 
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009Initiation aux tests fonctionnels - Philippe Kernevez - October 2009
Initiation aux tests fonctionnels - Philippe Kernevez - October 2009
 
Presentation tests d'acceptations automatisés sug v1.1
Presentation tests d'acceptations automatisés sug v1.1Presentation tests d'acceptations automatisés sug v1.1
Presentation tests d'acceptations automatisés sug v1.1
 
Fidéliser vos clients mobiles en maximisant leur expérience
Fidéliser vos clients mobiles en maximisant leur expérienceFidéliser vos clients mobiles en maximisant leur expérience
Fidéliser vos clients mobiles en maximisant leur expérience
 
Owasp et les failles des applications web
Owasp et les failles des applications webOwasp et les failles des applications web
Owasp et les failles des applications web
 
Automatisation des tests
Automatisation des testsAutomatisation des tests
Automatisation des tests
 
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascript
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascriptM20482 formation-developpement-avance-windows-store-app-avec-html5-javascript
M20482 formation-developpement-avance-windows-store-app-avec-html5-javascript
 
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VION
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VIONABTest : un outil indispensable pour être « data-driven » ? par Laurent VION
ABTest : un outil indispensable pour être « data-driven » ? par Laurent VION
 
Flupa test a11y_16_05_2016s0f2
Flupa test a11y_16_05_2016s0f2Flupa test a11y_16_05_2016s0f2
Flupa test a11y_16_05_2016s0f2
 

Destacado

Andaluces de jaen
Andaluces de jaenAndaluces de jaen
Andaluces de jaenPaco Checa
 
Información general
Información generalInformación general
Información generalclaubiquigu
 
Elsueño poder popular
Elsueño poder popularElsueño poder popular
Elsueño poder popularJosé Garzón
 
Mini catalogue-développement des équipes 2014
Mini catalogue-développement des équipes 2014Mini catalogue-développement des équipes 2014
Mini catalogue-développement des équipes 2014Decommedia Xavier Gras
 
Mon histoire !!!
Mon histoire !!!Mon histoire !!!
Mon histoire !!!Julie PAYET
 
Sociedad civil: monitoreo y participación a través de las redes sociales
Sociedad civil: monitoreo y participación a través de las redes socialesSociedad civil: monitoreo y participación a través de las redes sociales
Sociedad civil: monitoreo y participación a través de las redes socialesndiperu
 
Usabilidad, accesibilidad y planificación en el diseño
Usabilidad, accesibilidad y planificación en el diseñoUsabilidad, accesibilidad y planificación en el diseño
Usabilidad, accesibilidad y planificación en el diseñoSebastián Unda Endara
 
Encuentro educativo municipal de experiencias creativas e innovadoras
Encuentro educativo  municipal de experiencias creativas e innovadorasEncuentro educativo  municipal de experiencias creativas e innovadoras
Encuentro educativo municipal de experiencias creativas e innovadorasrufinosur
 
COMPRENDRE ET APPRENDRE EXCEL
COMPRENDRE    ET  APPRENDRE EXCELCOMPRENDRE    ET  APPRENDRE EXCEL
COMPRENDRE ET APPRENDRE EXCELEssaber Inel
 
El seo después de google pinguino
El seo después de google pinguinoEl seo después de google pinguino
El seo después de google pinguinoFranco Arrigoni
 
La paradoja sintesis
La paradoja sintesisLa paradoja sintesis
La paradoja sintesisantoniobracho
 
Voici paris Fransk på 9 tr
Voici paris Fransk på 9 tr Voici paris Fransk på 9 tr
Voici paris Fransk på 9 tr Dorothy Aarholt
 
Información general
Información generalInformación general
Información generalclaubiquigu
 

Destacado (20)

Andaluces de jaen
Andaluces de jaenAndaluces de jaen
Andaluces de jaen
 
Información general
Información generalInformación general
Información general
 
Elsueño poder popular
Elsueño poder popularElsueño poder popular
Elsueño poder popular
 
Mini catalogue-développement des équipes 2014
Mini catalogue-développement des équipes 2014Mini catalogue-développement des équipes 2014
Mini catalogue-développement des équipes 2014
 
Mon histoire !!!
Mon histoire !!!Mon histoire !!!
Mon histoire !!!
 
Sans_Souci
Sans_SouciSans_Souci
Sans_Souci
 
Sociedad civil: monitoreo y participación a través de las redes sociales
Sociedad civil: monitoreo y participación a través de las redes socialesSociedad civil: monitoreo y participación a través de las redes sociales
Sociedad civil: monitoreo y participación a través de las redes sociales
 
Saber 2011
Saber 2011Saber 2011
Saber 2011
 
Usabilidad, accesibilidad y planificación en el diseño
Usabilidad, accesibilidad y planificación en el diseñoUsabilidad, accesibilidad y planificación en el diseño
Usabilidad, accesibilidad y planificación en el diseño
 
TEGNOLOGIA
TEGNOLOGIATEGNOLOGIA
TEGNOLOGIA
 
Encuentro educativo municipal de experiencias creativas e innovadoras
Encuentro educativo  municipal de experiencias creativas e innovadorasEncuentro educativo  municipal de experiencias creativas e innovadoras
Encuentro educativo municipal de experiencias creativas e innovadoras
 
COMPRENDRE ET APPRENDRE EXCEL
COMPRENDRE    ET  APPRENDRE EXCELCOMPRENDRE    ET  APPRENDRE EXCEL
COMPRENDRE ET APPRENDRE EXCEL
 
El seo después de google pinguino
El seo después de google pinguinoEl seo después de google pinguino
El seo después de google pinguino
 
La paradoja sintesis
La paradoja sintesisLa paradoja sintesis
La paradoja sintesis
 
3 6 ma godavari
3 6 ma godavari3 6 ma godavari
3 6 ma godavari
 
Voici paris Fransk på 9 tr
Voici paris Fransk på 9 tr Voici paris Fransk på 9 tr
Voici paris Fransk på 9 tr
 
Reinosa
ReinosaReinosa
Reinosa
 
Tmp t2tkyz
Tmp t2tkyzTmp t2tkyz
Tmp t2tkyz
 
Información general
Información generalInformación general
Información general
 
Musica
MusicaMusica
Musica
 

Similar a Comment bien tester son site RWD ?

Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologieekino
 
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...Guillaume Brout
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...Niji
 
Présentation solutions nemo (anite) 2014
Présentation solutions nemo (anite) 2014Présentation solutions nemo (anite) 2014
Présentation solutions nemo (anite) 2014Patrick Medenou
 
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussiAfterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussicyrilpicat
 
L'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiL'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiOCTO Technology Suisse
 
ADONIS Nearshore_Presentation Pole Etudes & Developpement
ADONIS Nearshore_Presentation Pole Etudes & DeveloppementADONIS Nearshore_Presentation Pole Etudes & Developpement
ADONIS Nearshore_Presentation Pole Etudes & DeveloppementADONIS Nearshore
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)SCALA
 
Testapic WAQ 2016
Testapic WAQ 2016Testapic WAQ 2016
Testapic WAQ 2016Testapic
 
Développer des applications mobiles modernes avec Azure & Xamarin
Développer des applications mobiles modernes avec Azure & XamarinDévelopper des applications mobiles modernes avec Azure & Xamarin
Développer des applications mobiles modernes avec Azure & XamarinSamir Arezki ☁
 
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...Adrien Clerbois
 
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?Matooma
 
Techdays2011
Techdays2011 Techdays2011
Techdays2011 ALTER WAY
 
Fichier, Nouveau projet… Et après ?
Fichier, Nouveau projet… Et après ?Fichier, Nouveau projet… Et après ?
Fichier, Nouveau projet… Et après ?Microsoft
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesLaFrenchMobile
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14FullSIX Group
 

Similar a Comment bien tester son site RWD ? (20)

StarDust @SHAKE 2014
StarDust @SHAKE 2014StarDust @SHAKE 2014
StarDust @SHAKE 2014
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...
App211 techdays 2013 Windows 8 concevoir des applications efficaces et perfor...
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...
[Webinar Niji] Performance web & mobile : Automatisez les tests pour ne pas r...
 
Présentation solutions nemo (anite) 2014
Présentation solutions nemo (anite) 2014Présentation solutions nemo (anite) 2014
Présentation solutions nemo (anite) 2014
 
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussiAfterwork OCTO Delivery - L'ADN d'un développement produit réussi
Afterwork OCTO Delivery - L'ADN d'un développement produit réussi
 
L'ADN d'un développement produit réussi
L'ADN d'un développement produit réussiL'ADN d'un développement produit réussi
L'ADN d'un développement produit réussi
 
ADONIS Nearshore_Presentation Pole Etudes & Developpement
ADONIS Nearshore_Presentation Pole Etudes & DeveloppementADONIS Nearshore_Presentation Pole Etudes & Developpement
ADONIS Nearshore_Presentation Pole Etudes & Developpement
 
Présentation stardust
Présentation stardustPrésentation stardust
Présentation stardust
 
Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)Les solutions mobiles (potentiel et enjeux)
Les solutions mobiles (potentiel et enjeux)
 
Testapic WAQ 2016
Testapic WAQ 2016Testapic WAQ 2016
Testapic WAQ 2016
 
Développer des applications mobiles modernes avec Azure & Xamarin
Développer des applications mobiles modernes avec Azure & XamarinDévelopper des applications mobiles modernes avec Azure & Xamarin
Développer des applications mobiles modernes avec Azure & Xamarin
 
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...
DevOps et ALM : Application Lifecycle Management: Continuous Delivery avec Vi...
 
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?
Comment bien maîtriser la connectivité IoT/M2M de vos objets connectés ?
 
Windev formation-windev
Windev formation-windevWindev formation-windev
Windev formation-windev
 
Techdays2011
Techdays2011 Techdays2011
Techdays2011
 
Fichier, Nouveau projet… Et après ?
Fichier, Nouveau projet… Et après ?Fichier, Nouveau projet… Et après ?
Fichier, Nouveau projet… Et après ?
 
Développement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practicesDéveloppement HTML5 : les enjeux et best practices
Développement HTML5 : les enjeux et best practices
 
Responsive web design new14
Responsive web design new14Responsive web design new14
Responsive web design new14
 

Más de StardustTesting

Keynote Retmo2018 : le test QA et UAT en méthode agile
Keynote Retmo2018 : le test QA et UAT en méthode agileKeynote Retmo2018 : le test QA et UAT en méthode agile
Keynote Retmo2018 : le test QA et UAT en méthode agileStardustTesting
 
Webinaire StarDust : Etat du m-commerce
Webinaire StarDust : Etat du m-commerceWebinaire StarDust : Etat du m-commerce
Webinaire StarDust : Etat du m-commerceStardustTesting
 
StarDust Testing : Review du Galaxy Note 8
StarDust Testing : Review du Galaxy Note 8StarDust Testing : Review du Galaxy Note 8
StarDust Testing : Review du Galaxy Note 8StardustTesting
 
Zoom sur la sortie du Nokia 8
Zoom sur la sortie du Nokia 8Zoom sur la sortie du Nokia 8
Zoom sur la sortie du Nokia 8StardustTesting
 
Ebook: les nouveautés d'iOS 11
Ebook: les nouveautés d'iOS 11Ebook: les nouveautés d'iOS 11
Ebook: les nouveautés d'iOS 11StardustTesting
 
10 Best Practices for bug-free Apps & Websites
10 Best Practices for bug-free Apps & Websites10 Best Practices for bug-free Apps & Websites
10 Best Practices for bug-free Apps & WebsitesStardustTesting
 

Más de StardustTesting (9)

Keynote Retmo2018 : le test QA et UAT en méthode agile
Keynote Retmo2018 : le test QA et UAT en méthode agileKeynote Retmo2018 : le test QA et UAT en méthode agile
Keynote Retmo2018 : le test QA et UAT en méthode agile
 
Webinaire StarDust : Etat du m-commerce
Webinaire StarDust : Etat du m-commerceWebinaire StarDust : Etat du m-commerce
Webinaire StarDust : Etat du m-commerce
 
iOS11 - Auf einen Blick
iOS11 - Auf einen BlickiOS11 - Auf einen Blick
iOS11 - Auf einen Blick
 
Glance at Galaxy Note 8
Glance at Galaxy Note 8Glance at Galaxy Note 8
Glance at Galaxy Note 8
 
Glance at iOS 11
Glance at iOS 11Glance at iOS 11
Glance at iOS 11
 
StarDust Testing : Review du Galaxy Note 8
StarDust Testing : Review du Galaxy Note 8StarDust Testing : Review du Galaxy Note 8
StarDust Testing : Review du Galaxy Note 8
 
Zoom sur la sortie du Nokia 8
Zoom sur la sortie du Nokia 8Zoom sur la sortie du Nokia 8
Zoom sur la sortie du Nokia 8
 
Ebook: les nouveautés d'iOS 11
Ebook: les nouveautés d'iOS 11Ebook: les nouveautés d'iOS 11
Ebook: les nouveautés d'iOS 11
 
10 Best Practices for bug-free Apps & Websites
10 Best Practices for bug-free Apps & Websites10 Best Practices for bug-free Apps & Websites
10 Best Practices for bug-free Apps & Websites
 

Comment bien tester son site RWD ?

  • 1. RESPONSIVE WEB DESIGN COMMENT BIEN TESTER ? ATELIER EN LIGNE FRENCHWEB Jeudi 5 novembre 2015
  • 2. CHASSEURS DE BUGS Membre de TESTEURS ANALYSTES CHEFS DE PROJETS STARDUST ACCOMPAGNE SES CLIENTS DANS LA TRANSFORMATION ET L’OPTIMISATION DE LEURS SOLUTIONS DIGITALES. Marseille - Paris - Lille - Montréal - Londres - Berlin ASSURANCE QUALITÉ A PROPOS DE STARDUST SPÉCIALISTE DU TEST Applications Sites web Emailing & Bannières Internet of things +2 000 TERMINAUX
  • 3. ON DEMANDFULL SERVICE  Outil d’estimation instantanée du budget de test  Aide à la planification de campagnes de test  Bonnes pratiques et boîte à outils Services de test « à la carte »  Définition de la stratégie de test  Accompagnement et suivi global du projet  Rédaction du cahier de recette  Mise en place des outils et ressources  Reporting des anomalies  Analyse des résultats & bilan Gestion d’un projet de test de A à Z  Accompagnement ciblé des phases de test  Forfait d’heures de test  Mise en place des outils et ressources  Reporting des anomalies NOS OFFRES DE SERVICE A PROPOS DE STARDUST STARDUST PARTNER PROGRAM Agences digitales
  • 4.  QUELQUES CHIFFRES  RAPPEL RESPONSIVE WEB DESIGN  ÉTAT DES LIEUX DU TEST RESPONSIVE WEB DESIGN  PRIORITÉ : CHOIX DES TERMINAUX  STRATÉGIE DE TEST  FOCUS TESTS MOBILE  FOCUS BLOCS DE CONTENUS EXTERNES  FOCUS E-COMMERCE DE QUOI ALLONS-NOUS PARLER ?
  • 5. QUELQUES CHIFFRES Les mobiles et tablettes sont N°1 pour surfer sur le Web à 52,7 %*. 64 % des sites français ne sont pas mobile friendly**. + D’EXPÉRIENCE OMNICANALE CROSS DEVICE PENSER MOBILE FIRST * Médiamétrie (09 2015 : smartphone : 43,7 %, tablette : 9 %) ; ** Google.
  • 6. 1 seul SITE WEB pour TOUS LES TERMINAUX Smartphones Tablettes Phablets Ordinateurs TV Capacité d’un site web à s’adapter au terminal 1 SEUL DÉVELOPPEMENT RAPPEL RESPONSIVE WEB DESIGN DEFINITION  Affichage adapté en fonction de la taille/résolution de l’écran (ou du navigateur) RWD
  • 7. 1 seul développement 1 seule recette 1 code à maintenir 1 MAJ. transparente et multiplateforme 1 référencement global 1 seul contenu Performance optimisée Multi-devices AVANTAGES RAPPEL RESPONSIVE WEB DESIGNRWD Complexité (cadrage, gestion de projet) Projet plus long Maîtrise du RWD (wireframes, media queries, etc.) Maintenance plus complexe INCONVÉNIENTS
  • 10. Penser TEST dès les spécifications du projet TESTEUR = utilisateur
  • 11. ÉTAT DES LIEUX DU TEST RWD 67 % des DSI pensent que les sites en RWD sont plus difficiles à tester.* * ISV- comScore, avril 2014 ; ** Moyenne StarDust 2014 + 80 % des équipes Projet utilisent au moins une fois un émulateur Responsive.* 1 site RWD est testé en moyenne sur 5 devices.* 62,6 % des bugs sont uniques à 1 ou + devices 37,4 % sont communs à tous les devices Or, sur 100 bugs détectés ** :
  • 12. PRIORITÉ : CHOIX DES TERMINAUX RÉSOLUTIONS POINTS DE RUPTURE OS / VERSIONS NAVIGATEURS ECHANTILLON DE TEST 20 à 25 configurations >> couverture des risques à 80 % 35 à 45 configurations >> Couverture des risques à 90 à 95 % CONSEIL STARDUST STATISTIQUES VENTE & TRAFIC USAGES
  • 13. STRATÉGIE DE TEST Tests prioritaires sur les autres devices PÉRIMÈTRE DE TEST SCÉNARISÉE Scénario 1 • Lorem ipsum • Lorem ipsum Scénario 2 • Lorem ipsum • Lorem ipsum Scénario 3 • Lorem ipsum • Lorem ipsum EXPLORATOIRE TESTS COMPLETS Sur les terminaux les plus importants Manque de temps et/ou budget ? PRIORISER TESTS OPTIMISÉS APPROCHES
  • 14. FOCUS TESTS MOBILE RÉSEAUX CONNEXION 3G / 4G / Wifi Mode avion Perte de connexion Smartphone Phablets Tablettes Laptop NAVIGATION TOUCH / TACTILE FRAGMENTATION Résolutions OS / navigateurs Nouveaux devices Portrait Paysage DEVICES AFFICHAGE Blocs image / textes IMPORTANT ! Optimiser le contenu CONTENU
  • 15. FOCUS BLOCS DE CONTENU EXTERNES ! PLAYER VIDÉOS BANNIÈRES PUB CHAT ONLINE…
  • 16. Noël 2015 1 ACHAT SUR 4 sera effectué sur mobile.** FOCUS E-COMMERCE ACHAT Recherche produit Comparaisons Wish list Panier paiement SMARTPHONES / TABLETTES DESKTOPS / TABLETTES TESTS DU TUNNEL D’ACHAT 65 % des consommateurs commencent leur parcours d’achat sur smartphone* 61 % terminent leur achat sur desktop* * Signal 2015 ; ** Criteo 2015.
  • 17. 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