Comment bien tester son site RWD ?

4 018 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 018
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 455
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

×