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 ...
ON DEMANDFULL SERVICE
 Outil d’estimation instantanée du budget de test
 Aide à la planification de campagnes de test
 ...
 QUELQUES CHIFFRES
 RAPPEL RESPONSIVE WEB DESIGN
 ÉTAT DES LIEUX DU TEST RESPONSIVE WEB DESIGN
 PRIORITÉ : CHOIX DES T...
QUELQUES CHIFFRES
Les mobiles et tablettes sont N°1
pour surfer sur le Web à 52,7 %*.
64 % des sites français
ne sont pas ...
1 seul SITE WEB pour TOUS LES TERMINAUX
Smartphones
Tablettes
Phablets
Ordinateurs
TV
Capacité d’un site web à s’adapter a...
1 seul développement
1 seule recette
1 code à maintenir
1 MAJ. transparente et multiplateforme
1 référencement global
1 se...
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, avri...
PRIORITÉ : CHOIX DES TERMINAUX
RÉSOLUTIONS
POINTS DE
RUPTURE
OS / VERSIONS
NAVIGATEURS
ECHANTILLON DE TEST
20 à 25 configu...
STRATÉGIE DE TEST
Tests prioritaires sur
les autres devices
PÉRIMÈTRE DE TEST
SCÉNARISÉE
Scénario 1
• Lorem ipsum
• Lorem ...
FOCUS TESTS MOBILE
RÉSEAUX
CONNEXION
3G / 4G / Wifi
Mode avion
Perte de connexion
Smartphone
Phablets
Tablettes
Laptop
NAV...
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...
MERCI
François Joseph VIALLON, CEO StarDust
www.stardust-testing.com
On se souvient de la qualité
bien plus longtemps que ...
Comment bien tester son site RWD ?
Comment bien tester son site RWD ?
Prochain SlideShare
Chargement dans…5
×

Comment bien tester son site RWD ?

4 004 vues

Publié le

[Atelier en ligne Frenchweb - 05/11/2015]
> Quelques chiffres
> Rappel Responsive Web Design
> État des lieux du Test RWD
> Priorité : choix des terminaux
> Stratégie de test
> FOCUS Tests mobile
> FOCUS Blocs de contenus externes
> FOCUS E-Commerce

Publié dans : Périphériques & matériel
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
4 004
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 454
Actions
Partages
0
Téléchargements
14
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Comment bien tester son site RWD ?

  1. 1. RESPONSIVE WEB DESIGN COMMENT BIEN TESTER ? ATELIER EN LIGNE FRENCHWEB Jeudi 5 novembre 2015
  2. 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. 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. 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. 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. 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. 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
  8. 8. Penser TEST dès les spécifications du projet TESTEUR = utilisateur
  9. 9. É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 ** :
  10. 10. 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
  11. 11. 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
  12. 12. 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
  13. 13. FOCUS BLOCS DE CONTENU EXTERNES ! PLAYER VIDÉOS BANNIÈRES PUB CHAT ONLINE…
  14. 14. 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.
  15. 15. 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

×