Test de l’utilisabilité et de l’accessibilité

Améliorer l'expérience reçue par les utilisateurs de votre site afin d'augmenter la conversion de vos visiteurs en clients.

Contactez-nous

    Découvrez nos services d’utilisabilité

    Durant notre travail pour améliorer l'ergonomie d'un site web, Esario attache une grande importance à suivre les lignes directrices de www.usability.gov : la principale source du gouvernement des États Unis sur l'utilisabilité et la conception de design centrée sur l'utilisateur.

    Un « wireframe » ou aussi appelé « maquette fonctionnelle » est un schéma utilisé lors de la conception de l’interface de la page d’un site Internet. Le Wireframe consiste à découper les différents zones des pages d’un site et de les schématiser à l’aide de blocs afin de définir et de prioritiser les zones principales de contenus et de déterminer les fonctionnalités. Tester l’utilisabilité d’un site Web commence par l’évaluation du premier impact général du site perçu par l’utilisateur.

    L’analyse du wireframe se réalise en trois étapes:

    1) Un échantillon d’utilisateurs tests qui ne connaissent pas le site et le produit offert.

    2) Une évaluation du contenu de tout modèle (ou type) de page par un expert.

    3) Une proposition définitive de modifications du wireframe.

    Les systèmes de navigation sont essentielles pour l’utilisabilité d’un site Internet afin de construire un système de communication cohérent entre les menus de navigation et les différents contenus

    • Menu principal
    • Menus secondaires
    • Liens internes
    • Sections mises en avant

    Suite à l’analyse de l’organisation générale du site (wireframe), de la page d’accueil et de la navigation entre les pages, nous analyserons chacun des blocs de contenu. Le plus important pour faciliter l’utilisation du site est de guarder une cohérence entre ces différents objets: Appels à l’action, liens, supports pour la lecture des images, l’insertion des vidéos et autres médias.

    • Pagination et défilement (Scrolling)
    • Titres et les étiquettes
    • Liens hypertextes
    • Lisibilité des textes
    • Listes
    • Contrôles sur les écrans
    • Graphisme, photos et autres medias.