{"id":180,"date":"2014-02-18T15:53:04","date_gmt":"2014-02-18T15:53:04","guid":{"rendered":"http:\/\/le-nomade.com\/nomade\/?page_id=180"},"modified":"2015-06-16T13:08:13","modified_gmt":"2015-06-16T13:08:13","slug":"ergonomie-web-exemple-2-analyse-exploratoire-du-site-zellno","status":"publish","type":"page","link":"https:\/\/le-nomade.com\/nomade\/ergonomie-web-exemple-2-analyse-exploratoire-du-site-zellno\/","title":{"rendered":"Exemple 2 – Analyse exploratoire du site Zellno"},"content":{"rendered":"

Ergonomie web<\/h2>\n

\u00c9tude exploratoire du site : Zellno<\/p>\n

Ergonome : Philippe Waterloos<\/p>\n

Date de l\u2019\u00e9tude : 18 f\u00e9vrier 2014<\/p>\n

 <\/p>\n

Contexte de la demande.<\/strong><\/p>\n

\u00c0 la demande de votre responsable, je vous envoie cette analyse critique sur le site de zellno.com<\/a>. Dans ce contexte, vous allez obtenir ce que nous appelons une \u00e9tude exploratoire, qui consiste \u00e0 utiliser librement le site en question et \u00e0 relever quelques anomalies et points d\u2019am\u00e9lioration possibles sur certaines fonctionnalit\u00e9s.<\/p>\n

 <\/p>\n

\u00c9tude en deux points.<\/strong><\/p>\n

1- comprendre ce que propose le site<\/p>\n

2 – utiliser le site<\/p>\n

 <\/p>\n

Comprendre ce que propose le site.<\/strong><\/p>\n

\u00c0 la lecture de la page d\u2019accueil, ce n\u2019est qu\u2019\u00e0 l\u2019onglet Fonctionnalit\u00e9s qu\u2019il est possible de mieux comprendre ce que fait le site internet.<\/p>\n

Suggestion : mettre cet onglet en premier. Renommer Vos amis sont des experts, par Pourquoi interroger vos amis?. Mettre cet onglet en second. Pour l\u2019onglet actuel Pr\u00e9sentation, revoir peut-\u00eatre son contenu ou encore l\u2019\u00e9liminer. Il faudrait faire des tests utilisateur plus pouss\u00e9s bien s\u00fbr.<\/p>\n

Toujours \u00e0 la lecture du site, on arrive \u00e0 l\u2019onglet Le bouton Zellno. Ce bouton a en fait deux t\u00e2ches, la premi\u00e8re est d\u2019expliquer comment installer le syst\u00e8me Zellno et la deuxi\u00e8me t\u00e2che est l\u2019installation du syst\u00e8me \u00e0 proprement parler.<\/p>\n

Suggestion pour la premi\u00e8re t\u00e2che : plut\u00f4t que montrer les 2 vid\u00e9os dans le petit \u00e9cran, il faudrait les montrer dans un popup \u00e0 la Youtube ou Vim\u00e9o et ainsi pouvoir les visualiser en plein \u00e9cran si n\u00e9cessaire.<\/p>\n

Suggestion pour la deuxi\u00e8me t\u00e2che : la difficult\u00e9 principale r\u00e9side dans l\u2019installation du syst\u00e8me selon le navigateur. Dans Safari sur Mac on parle de favoris mais dans Firefox, de marque page. En dehors de ce d\u00e9tail, l\u2019installation est bien illustr\u00e9e lorsque l\u2019on place la souris sur le bouton Ask friends, Zellno. Id\u00e9alement renommer ce bouton par, par exemple, Installer Zellno, puisque c\u2019est le but de la t\u00e2che.<\/p>\n

La vid\u00e9o en-dessous du bouton Ask friends Zellno est une tr\u00e8s bonne vid\u00e9o qui devrait \u00eatre mise au tout premier plan dans l\u2019onglet Fonctionnalit\u00e9s. C\u2019est cette vid\u00e9o qui explique tout !<\/p>\n

Autre suggestion : id\u00e9alement changer la couleur rouge du bouton Fonctionnalit\u00e9s. Certaines personnes daltoniennes pourraient ne pas du tout voir ce bouton.<\/p>\n

Le fond d\u2019\u00e9cran g\u00eane quelque peu la lisibilit\u00e9. Soit mettre un fond uni ou encore enlever la transparence sur les zones comportant du texte.<\/p>\n

Voir exemple dans l\u2019image suivante :\"\"<\/p>\n

Utiliser le site<\/strong><\/p>\n

Une fois le syst\u00e8me install\u00e9, on passe \u00e0 l\u2019utilisation \u00e0 proprement parler avec ses amis Facebook.<\/p>\n

Le tout premier commentaire revient sur la localisation physique du bookmarket. En fonction de l\u2019endroit o\u00f9 sera install\u00e9 cet \u00e9l\u00e9ment, l\u2019utilisateur pourra facilement l\u2019oublier, voire m\u00eame ne jamais l\u2019utiliser ou encore le r\u00e9-installer. C\u2019est l\u00e0 ce qui m\u2019appara\u00eet comme le principal b\u00e9mol avec cette technologie.<\/p>\n

 <\/p>\n

Maintenant, prenons le cas d\u2019un utilisateur qui se souvient de l\u2019endroit o\u00f9 est le bookmarket et qui d\u00e9sire poser une question \u00e0 ses amis Facebook.<\/p>\n

Cr\u00e9ation d\u2019une question<\/strong><\/p>\n

Ici j\u2019ai fait le test de prendre une de mes pages et d\u2019y ajouter un commentaire ou une question.<\/p>\n

\"\"<\/p>\n

Suggestion : ajouter un encadr\u00e9 \u00e0 la description de la zone du produit si celle-ci est n\u00e9cessaire pour pouvoir ensuite cliquer sur le bouton Demander.<\/p>\n

Dans la section Choisir les destinataires, il serait int\u00e9ressant d\u2019avoir acc\u00e8s aux listes d\u00e9finies dans le compte Facebook.<\/p>\n

 <\/p>\n

Visualiser les demandes d\u2019avis<\/strong><\/p>\n

Suite \u00e0 la cr\u00e9ation d\u2019une demande d\u2019avis, nous pouvons visualiser celles-ci comme dans l\u2019\u00e9cran suivant:
\n\"\"<\/p>\n

Suggestion : on voit clairement une ic\u00f4ne repr\u00e9sentant la page mais aucunement la question pos\u00e9e. Enlever l\u2019image de fond du profil Facebook ou enlever la transparence dans l\u2019interface de Zellno. Dans le compte d\u2019un ami, voici ce que l\u2019on voit et malheureusement la question n\u2019appara\u00eet pas davantage.<\/p>\n

\"\"<\/p>\n

Autre suggestion\/question : dans la zone du menu il semble soit manquer de l\u2019information, soit la zone du menu est trop grande. \"\"<\/p>\n

R\u00e9capitulatif de l\u2019\u00e9tude<\/strong><\/p>\n

Cet exercice d\u2019\u00e9tude sur le site zellno n\u2019est bien s\u00fbr pas final et n\u2019est l\u00e0 que pour d\u00e9montrer mes capacit\u00e9s d\u2019analyse sur un site web, mobile ou encore logiciel.<\/p>\n

\n","protected":false},"excerpt":{"rendered":"

Ergonomie web \u00c9tude exploratoire du site : Zellno Ergonome : Philippe Waterloos Date de l\u2019\u00e9tude : 18 f\u00e9vrier 2014  <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/pages\/180"}],"collection":[{"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":7,"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/pages\/180\/revisions"}],"predecessor-version":[{"id":1267,"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/pages\/180\/revisions\/1267"}],"wp:attachment":[{"href":"https:\/\/le-nomade.com\/nomade\/wp-json\/wp\/v2\/media?parent=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}