COMMERCE EN LIGNE ACCESSIBLE AUX UTILISATEURS D'AIDES TECHNIQUES:

Transcription

1 COMMERCE EN LIGNE ACCESSIBLE AUX UTILISATEURS D'AIDES TECHNIQUES: L'EXPÉRIENCE DU CATALOGUE EN LIGNE DU COMPTOIR DES VENTES DE L'INSTITUT NAZARETH ET LOUIS-BRAILLE Tommy THÉBERGE Jean-Marie D AMOUR 28 avril 2011

2 Contexte Le commerce en ligne occupe une grande place dans nos habitudes de consommation et se présente comme une alternative intéressante pour notre clientèle Accéder à des fiches de produits où l on retrouve des descriptions, des photos ou des extraits sonores Être en mesure de placer une commande en ligne Avoir un site accessible aux utilisateurs de logiciels adaptés

3 Évolution du projet Octobre 2009 Mise en place d un comité de pilotage chargé d analyser les besoins du projet du catalogue en ligne Décembre 2009 Rédaction du cahier de charges Janvier à mai 2010 Prise de photos et rédaction des descriptions d articles Début des travaux de conception du catalogue en ligne

4 Évolution du projet (suite) Mai à juillet 2010 Conception d une grille d évaluation du site Invitation lancée aux usagers à participer au sondage 14 usagers répondent aux 47 énoncés de la grille Cinq dimensions sont évaluées par ce moyen Août 2010 Analyse des résultats du sondage Améliorations apportées au site

5 Évolution du projet (suite) Septembre 2010 Chargement des données et phase test Rédaction d un guide d utilisation du catalogue en ligne Formation dédiée au personnel concerné 27 septembre 2010 Mise en production et lancement officiel Octobre guides d utilisation adaptés en médias substituts sont en ligne

6 Navigation Identification (Cela n est pas obligatoire pour naviguer) Pourquoi il est avantageux de créer un compte? S identifier comme client (compte sécurisé) Conserver un historique des achats Pouvoir passer une commande en ligne Rubriques Les produits adaptés sont regroupés en onze rubriques ; braille, communication, couture, cuisine, éducation, habitation, horlogerie, loisirs, O et M, publications et références, soins personnels

7 Navigation (suite) Panier d achats Affiche les produits sélectionnés Affiche le montant approximatif de la commande Possibilité de retirer un produit en tout temps Versions téléchargeables du catalogue PDF et TXT Données automatiquement mises à jour Zone de recherche

8 Fiche descriptive Les articles possèdent une fiche descriptive dans laquelle on retrouve les informations suivantes ; Nom de l article Numéro de référence Description du produit Extrait sonore si cela s y prête Guides d utilisation adaptés en médias substituts Coûts (Prix affichés à titre indicatif)

9 Processus d affaires Placer une commande Créer un compte personnel Naviguer et ajouter des articles au panier Placer une commande (Cinq étapes simples) Résumé, identification, confirmation de l adresse, sélection du mode livraison, sélection du mode paiement Recevoir une confirmation par courriel (Client et CDV) Confirmer la commande par téléphonique (2 jours ouvrables) Livraison gratuite dans les points de services de l INLB

10 Fichiers téléchargeables Catalogue en format PDF Catalogue en format TXT Guides d utilisation réalisés pour 32 articles Fichier braille (BRF) Fichier E-texte (Logiciel de revue d écran) Fichier en caractères agrandis

11 Quelques statistiques Données statistiques de fréquentation du catalogue en ligne au cours de la période du 2 avril au 2 mai 2011 Vue d ensemble de la fréquentation du site (*depuis le 17 novembre 2010) visites 948 visiteurs uniques pages vues 4 minutes et 17 secondes sur le site 5,35 nombre moyen de pages vues

12 Quelques statistiques (suite) Vue d ensemble des sources de trafic 49.83% Sites référents 30.25% Moteurs de recherche 19.92% Accès directs Provenance des visiteurs (23 pays ou territoires) 990 Canada 139 France 19 Belgique 12 États-Unis 8 Suisse 4 Italie

13 Contribution des acteurs impliqués Comité des usagers Prise de photos et préparation des fiches descriptives Claribel Cardona, agente administrative Lucie Gendron, agente administrative Ginette Loiselle, agente administrative Lyne Morin, agente administrative Diane Trépanier, agente administrative

14 Contribution des acteurs impliqués (suite) Adaptation des guides en médias substituts Dominic Beaudin, opérateur informatique France Beausoleil, technicienne braille Julie Bordeleau, opératrice informatique Lise Bourgeois, chargée de production Lisette Mazoué, opératrice informatique Linda Ptrovencher, technicienne en éducation spécialisée Sophie-Anne Simon, technicienne en éducation spécialisée Sophie Tremblay, agente administrative

15 Contribution des acteurs impliqués (suite) Conception du site et accessibilité Sylvain Bolduc, technicien spécialisé en informatique Jean-Marie D Amour, agent de planification, de programmation et recherche Shad Gagnon, graphiste, programmeur Web Richard Périé, agent de planification, de programmation et recherche

16 Plateforme technologique PHP MySQL e-commerce Open Source

17 Modifications apportés pour Unités de mesure relatives pour l agrandissement des caractères Agrandissement des zones de contenus avec l agrandissement du texte l accessibilité

18 Modifications apportés pour l accessibilité (suite) Repérage visuel des liens Modification les couleurs pour des contrastes suffisants

19 Modifications apportés pour l accessibilité (suite) Ajout d en-têtes de section pour faciliter les déplacements dans le contenu

20 Modifications apportés pour l accessibilité (suite) Modification du texte de remplacement des icônes pour aider à la compréhension de leur rôle

21 Modifications apportés pour l accessibilité (suite) Ajout d icônes avec texte de remplacement pour mieux identifier les champs obligatoires dans la page de contact et d authentification Alt="Champs requis"

22 Modifications apportés pour Jumelage des liens textuels avec l image-lien adjacente dans le processus de commande et dans la liste des produits l accessibilité (suite)

23 Zone du panier Suppression de la fonction d expansion ou non du panier parce qu en conflit avec JAWS Déplacement du prix avant la poubelle pour rendre l ordre de lecture plus pratique

24 Dans la page résumé du panier Ajout de la possibilité d éditer la quantité de chaque article plutôt que des boutons + et

25 Blocs des panneaux latéraux Modification des balise <h4> pour des balises <P> pour chaque bloc afin de respecter l ordre hiérarchique logique des titres <H1 >

26 Méthodes de paiement Suppression des textes de remplacement redondants pour des images déjà accompagnée d un texte

27 Module d accessibilité Ajout d icônes pour l agrandissement des caractères et pour passer la navigation

28 Échantillons audio Ajout d un module accessible pour l écoute d échantillons audio

29 Processus de commande Liste numérotée des étapes plutôt que liste à puces Ajout d un avertissement hors écran pour indiquer l étape courante «Étape courante :» Expliciter certains liens pour faciliter la compréhension sans le contexte visuel (ex. «Lire»)

30 Page d authentification Ajout d un groupe de champs et d une identification explicite pour les trois champs de la date de naissance

31 Pagination Ajout hors écran du mot «page» dans chaque lien sur un numéro de page Augmentation du nombre de produits par page pour minimiser les déplacements d une page à l autre «Page»

32 Autres modifications Ajout d un dialogue d alerte pour l ajout d un produit dans le panier afin de compenser pour une information purement visuelle Ajout d un dialogue d alerte pour confirmer la modification de quantité

33 Autres modifications (suite) Lorsqu une erreur est détectée dans un formulaire, cette erreur est expliquée en début de page où le focus est déplacé et un lien est offert vers chaque champ à corriger

34 Autres modifications (suite) Ajout d un catalogue PDF et texte

35 Autres modifications (suite) Accès à la fenêtre de lecture des conditions de vente

36 Coordonnées Catalogue en ligne Équipe du Service des aides techniques 1111, Saint-Charles Ouest Longueuil (Québec) Canada J4K 5G4 Téléphone : (450) ou Poste 200 Télécopieur : (450)

37 Merci de votre attention! Inlb.qc.ca/colloque2011