Concilier accessibilité, référencement et utilisabilité avec les interfaces riches Fabien Deshayes
Présentation <ul><li>Consultant RIA pour Tangane </li></ul><ul><li>Bloggeur sur les RIA depuis novembre 2006 </li></ul><ul...
Il est possible de concilier dans une interface riche : Accessibilité Référencement Utilisabilité
Chevrolet
GMail AJAX HTML
Référencer du Flash ? 32 600 000 résultats
GMail précédent / suivant annuler
Accessibilité Clavier Screen reader
Accessibilité bient ôt Métadonnées Clavier
Architecture RIA Internet appli.swf monsite.com A  (images) B  (images) C  (images)
Architecture RIA OK Internet appli.swf monsite.com/A A  (texte) B  (texte) C  (texte) monsite.com/B A.html B.html
Utilisabilité « The system should always keep users informed about what is going, through appropriate feedback » « Users o...
Convergence d’intér êts Utilisabilité Accessibilité Référencement
Dès le début Travail structurant Décisions en amont
Standards ARIA Nécessité de standardiser les nouveaux composants et comportements
Sémantique Travail sur la donnée essentiel Une bonne sémantique = utilisabilité + référencement
Bilan Faciliter l’accès et l’utilisation de la bonne information
Merci ! Blog professionnel : www.fdeshayes.net Blog collaboratif : www.riactu.fr
Prochain SlideShare
Chargement dans…5
×

Concilier accessibilite, referencement et utilisabilite avec les interfaces riches

3 733 vues

Publié le

Support de présentation utilisé le 08/06/2008 pour la journée RIA2008

Publié dans : Technologie
14 commentaires
1 j’aime
Statistiques
Remarques
  • Sémantique jouera un rôle au niveau de l’accessibilité, mais également du référencement
    Choisir avec pertinence les termes employés
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • slide 15 :
    Initiative WAI-ARIA (Web Accessible Initiative - Accessible Rich Internet Applications) pour AJAX, HTML et Javascript
    Avancées techniques : nécessités de nouveaux standard d’accessibilité
    Définir le comportement (clavier, métadonnées) pour de nouveaux composants (arbres, sliders,etc.) et comportements (drag’n’drop) orientés applications : on pourra définir une page web comme une application et non plus comme un contenu statique
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • slide 14 :
    Mettre en place l’accessibilité ou le référencement, cela demande d’être structurant
    Mise en place d’une architecture spécifique dès le début du développement de l’application
    Le référencement est un des arguments de la préférence de l’ajax au flash ; c’est donc en amont du développement que l’on étudie les besoins de référencements
    Comparaison avec un empilage de pierre : toujours plus difficile d’en ajouter une en bas une fois que l’on en a déjà empilées.
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • slide 13 :
    Mise en place de ces stratégies = convergence d’intérêts
    Il est possible et même parfois conseillé de concilllier ces 3 domaines
    En prônant l’accessibilité => amélioration du référencement
    En cherchant un bon référencement (travail sémantique) => amélioration de l’utilisabilité
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • slide 12 :
    1 - il faut de la réactivité
    En étant dynamique (rechargement partiel donc plus rapide), on gagne en compréhension pour l’utilisateur
    Il devient plus simple et plus rapide de mettre en valeur des informations
    2 - il faut penser comme l’utilisateur final, ne pas se poser trop de questions
    Gérer le précédent / suivant est un des points essentiels de l’utilisabilité
    Jakob Nielsen = gourou de l’usabilité (useit.com, nombreux papiers)
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
Aucun téléchargement
Vues
Nombre de vues
3 733
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2 121
Actions
Partages
0
Téléchargements
23
Commentaires
14
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • Concilier accessibilite, referencement et utilisabilite avec les interfaces riches

    1. 1. Concilier accessibilité, référencement et utilisabilité avec les interfaces riches Fabien Deshayes
    2. 2. Présentation <ul><li>Consultant RIA pour Tangane </li></ul><ul><li>Bloggeur sur les RIA depuis novembre 2006 </li></ul><ul><li>www.fdeshayes.net </li></ul>
    3. 3. Il est possible de concilier dans une interface riche : Accessibilité Référencement Utilisabilité
    4. 4. Chevrolet
    5. 5. GMail AJAX HTML
    6. 6. Référencer du Flash ? 32 600 000 résultats
    7. 7. GMail précédent / suivant annuler
    8. 8. Accessibilité Clavier Screen reader
    9. 9. Accessibilité bient ôt Métadonnées Clavier
    10. 10. Architecture RIA Internet appli.swf monsite.com A (images) B (images) C (images)
    11. 11. Architecture RIA OK Internet appli.swf monsite.com/A A (texte) B (texte) C (texte) monsite.com/B A.html B.html
    12. 12. Utilisabilité « The system should always keep users informed about what is going, through appropriate feedback » « Users often choose system functions […] Support undo and redo » - Jakob Nielsen www.useit.com
    13. 13. Convergence d’intér êts Utilisabilité Accessibilité Référencement
    14. 14. Dès le début Travail structurant Décisions en amont
    15. 15. Standards ARIA Nécessité de standardiser les nouveaux composants et comportements
    16. 16. Sémantique Travail sur la donnée essentiel Une bonne sémantique = utilisabilité + référencement
    17. 17. Bilan Faciliter l’accès et l’utilisation de la bonne information
    18. 18. Merci ! Blog professionnel : www.fdeshayes.net Blog collaboratif : www.riactu.fr

    ×