JournĂ©e mondiale de l’utilisabilitĂ© – 12 novembre 2009

C’est avec plaisir que l’association Utilisabilité Québec vous invite le 12 novembre prochain, de 18h00 à 20h30, à une série de conférences portant principalement sur la thématique de «l’utilisabilité pour un monde durable».

Nous aurons la chance de recevoir, notamment:

  • Sandrine Prom Tep, Chaire de commerce Ă©lectronique RBC Groupe Financier & Julie Saulnier, Bell : «L’évaluation de la qualitĂ© d’un site Web en combinant la poursuite oculaire, la rĂ©ponse physiologique et l’expression spontanĂ©e des Ă©motions ressenties»
  • Jean-Yves Fiset, Système Humains-Machines inc. et chargĂ© de cours Ă  l’École Polytechnique de MontrĂ©al : «UtilisabilitĂ© et DĂ©veloppement durable : un mariage de convenance? »
  • Jean-François Boisvert, Desjardins Groupe d’assurances gĂ©nĂ©rales : «Les bĂ©nĂ©fices reliĂ©s a l’utilisation de “UI Frameworks”»
  • Yannick Roy, Yu Centrik: «RĂ©sultats prĂ©liminaires d’une Ă©tude mondiale sur l’adaptabilitĂ© des sites internationaux aux contextes locaux, Ă©tude rĂ©alisĂ©e par les membres de UX Alliance »

De plus, l’Alliance Numérique viendra nous présenter son récent document intitulé «Le guide des meilleures pratiques Web» où l’ergonomie est positionnée en amont du processus de conception.

Un cocktail et un léger goûter vous seront offerts pour l’occasion par nos partenaires Bell (Montréal) et le Cégep de Ste-Foy (Québec).

À Montréal, Québec et Luxembourg. La conférence se tiendra au CRIM de Montréal et sera diffusée en simultané dans les locaux du Cégep de Ste-Foy à Québec. Un clin d’oeil sera fait à la FLUPA, le chapitre franco-luxembourgeois d’UPA.

Gratuit et accessible à tous – Places limitées

S.V.P., hâtez-vous de confirmer votre présence : info[a]utilisabilitequebec.org

Source : Utilisabilité Québec

Comment concevez-vous vos formulaires de recherche ?

Dans son dernier billet, Raphaël de Robiano, consultant en ergonomie, a effectué un test utilisateur sur un site Web. Il soulève un détail intéressant en ce qui concerne les formulaires de recherche. Je cite :

Ce test a été l’occasion d’identifier un problème sur un des formulaires de recherche du site que j’aimerais partager avec vous.

Le champ de recherche était accompagné sur la droite d’un petit bouton permettant de valider les caractères introduits et de déclencher le processus de recherche. Ce bouton représentait un petit triangle pointant vers la droite.

search

Or certains participants au test ont pensé qu’en cliquant dans ce champ, ils obtiendraient une liste déroulante reprenant l’ensemble des produits de la compagnie. Et, en effet, il y a une certaine similarité entre le bouton déclenchant la recherche et celui des listes déroulantes classiques (la balise SELECT  pour les familiers du HTML).

select classic

D’autres participants ont bien identifié cet élément comme un formulaire de recherche, mais se sont fait la remarque qu’un bouton « search », « go » ou « ok » serait plus approprié.

Comme quoi, la présence d’un petit élément graphique, peut parfois avoir un effet significatif dans l’interprétation de l’interface d’un site.

Voulant approfondir et Ă©changer avec vous sur le sujet, j’ai regardĂ© ce qu’il en Ă©tait des formulaires de recherche sur d’autres sites sĂ©lectionnĂ©s au hasard : Twitter, Amazon, Facebook , Linkedin, Skype , Orange et Cyberpresse.ca

Le formulaire de recherche de Twitter :

Capture d’écran 2009-10-12 à 17.43.30

Le formulaire de recherche de Amazon :

Capture d’écran 2009-10-12 à 17.44.27

Le formulaire de recherche de Facebook :

Capture d’écran 2009-10-12 à 17.51.32

Le formulaire de recherche de Linkedin :

Capture d’écran 2009-10-12 à 17.56.30

Le formulaire de recherche de Skype :

Capture d’écran 2009-10-12 à 17.56.48

Le formulaire de recherche du site de Orange :

Capture d’écran 2009-10-12 à 18.25.08

Le formulaire de recherche du site Cyberpresse.ca (Google ) :

Capture d’écran 2009-10-12 à 18.27.50

Je remarque que la mention ” Rechercher ” est celle qui est le plus utilisée. Il arrive aussi qu’on l’accompagne des mots ” OK ” ou ” GO” . À mon avis,  je crois que la mention “Rechercher”inscrite directement dans le champ de recherche avec l’ajout  icône ( loupe ) à droite est un choix intéressant.

À titre d’information, je partage avec vous un un article dont je me suis rappelée après la lecture du billet de Raphaël de Robiano. L’article en question traitait les observations de Jakob Nielsen. Je cite le passage intéressant sur le sujet :

3- Le moteur doit ressembler Ă  un moteur !

Le moteur de recherche doit ĂŞtre facilement repĂ©rable par l’internaute. Mieux vaut donc Ă©viter les libellĂ©s “amusants” ou originaux pour le bouton de recherche: “chercher” ou “rechercher” convient mieux que “trouver”, “OK”, “allons-y !” ou autres… Ă©ventuellement, “OK” ou “go !” est acceptable, Ă  condition que le mot “recherche” (ou : “rechercher dans monsite.com”) figure avant le champ de saisie, comme suit:


la recherche sur amazon.fr

De plus, il est prĂ©fĂ©rable que le bouton de recherche soit facilement identifiable comme tel: un bouton standard de formulaire, mĂŞme si son esthĂ©tique est moyennement apprĂ©ciĂ©e des designers, prĂ©sente l’avantage d’ĂŞtre immĂ©diatement reconnu. Si vous choisissez d’utiliser une image, arrangez-vous pour qu’elle ait bien l’air d’un bouton: forme allongĂ©e aux extrĂ©mitĂ©s arrondies, et/ou dessin ombrĂ© suggĂ©rant le relief.

|
a priori, aucun problème d’identification pour ces boutons

Qu’en pensez-vous.

Comment concevez-vous vos formulaires de recherche ? Quelles mentions avez-vous tendance Ă  ajouter ? :  ” Rechercher ” , ” OK “, “GO” , une loupe, une flèche, ect.  ? IntĂ©grez-vous tout simplement le mot ” Rechercher” dans le champ de recherche ? Vous arrive-t-il de choisir un autre terme que ” Rechercher ” ?

Utilisabilité Québec : 5 à 7 UX : jeudi le 24 septembre 2009

Les 5 Ă  7 UX reviennent pour l’automne avec de nouveaux thèmes, de nouveaux confĂ©renciers et un nouvel horaire. Ce mois-ci, le thème est la rĂ©daction Web.

C’est avec plaisir que l’association UtilisabilitĂ© QuĂ©bec vous invite le jeudi 24 juin prochain, de 17 h Ă  20 h, au 5 Ă  7 UX. La rencontre de septembre portera sur la thĂ©matique « La rĂ©daction Web : un facteur de l’expĂ©rience utilisateur ? ». Ce thème avait eu beaucoup de succès lors de nos confĂ©rences passĂ©es, dont celle de François Hubert et de Nick Usborne.

AurĂ©lie Ponton de l’agence Mikimya se penchera sur les bonnes pratiques et apportera son point de vue. Place ensuite Ă  la discussion et au partage d’expĂ©riences.

5 Ă  7 UX (expĂ©rience utilisateur) – Septembre 2009
Jeudi le 24 septembre de 17 h à 20 h au Belmont, situé au  4483, rue St-Laurent à Montréal, métro Mont-Royal (Afficher sur une carte).

Gratuit et accessible à tous – Places limitées

Hâtez-vous de confirmer votre présence via l’invitation Facebook ou par courriel.

Profitez-en Ă©galement pour joindre le groupe Facebook 5 Ă  7 UX.

Au plaisir de vous y voir.

Les rencontres 5 à 7 UX se veulent un lieu d’échange agréable et décontracté pour les professionnels oeuvrant ou ayant un intérêt pour l’utilisabilité. Rendez-vous bimensuels qui favorisent un réseau de communication et de ressources.

Source : www.utilisabilitequebec.org

Erreur ergonomique N°1 – Facebook ÉvĂ©nements

L’option “ÉvĂ©nements” de Facebook

Je me suis souvent questionnĂ©e sur l’efficacitĂ© de la prĂ©sentation du bloc “ÉvĂ©nements”, situĂ© dans le bas de la colonne droite de facebook.

Facebook ÉvĂ©nementĂ€ quelques reprises j’ai pensĂ© qu’il s’agissait de l’anniversaire plusieurs connaissances en mĂŞme temps. C’est le cas aussi pour quelques connaissances qui, par erreur, ont envoyĂ© des souhaits Ă  leurs copains quelques jours en avance.

Les journĂ©es sont-elles assez Ă©videntes? Qu’en pensez-vous ?

Cet article est le dĂ©but d’une sĂ©rie de billets portant sur des erreurs ergonomiques un peu partout sur le Web. N’hĂ©sitez pas Ă  m’envoyer vos suggestions.

Comment prĂ©senter le contenu d’une presse en ligne ?

Le design de la presse en ligne est un sujet dont on entend parler depuis quelques mois. Hier j’ai pris connaissance d’une prĂ©sentation très intĂ©ressante sur Slideshare. Cette prĂ©sentation est de BenoĂ®t Drouillat, designer interactif.  Elle fait l’objet d’un point de rĂ©fĂ©rence (non officiel) de la façon dont la presse en ligne (essentiellement amĂ©ricaine) structure ses nouvelles sur une page pour mettre en valeur ses contenus. La prĂ©sentation est composĂ©e de 94 diapositives.

En savoir plus ?

Consultez les billets suivants :

Une réflexion sur le design de la presse en ligne de Benoît Drouillat

Le futur de l’édition en ligne, quelques hypothèses de Étienne Mineur

Le futur de l’édition en ligne, quelques images de Étienne Mineur


Qu’en pensez-vous ?

Source : Martin Lessard

Prochain 5 Ă  7 UX – 30 avril 2009 : Le Web Analytics : Un complĂ©ment Ă  l’ergonomie ?

C’est sous la thématique, “Où en est rendu le rôle de l’expert en utilisabilité dans les entreprises en 2009 ?“, que 20 personnes ont participé au premier «5 à 7» d’Utilisabilité Québec, le 26 février dernier à Montréal. Ce mois-ci, Utilisabilité Québec invite les spécialistes en Analytique Web (Web Analytics).

En quoi consistent les 5 à 7 UX (expérience utilisateur)  ?

Il s’agit d’une rencontre entre professionnels de l’utilisabilité qui a  lieu le dernier jeudi du mois à tous les 2 mois. Chaque évènement possède une thématique différente qui est explorée  dans une formule décontractée.

Un rendez-vous Ă  ne pas manquer !

Le prochain 5 à 7 UX aura lieu le 30 avril 2009 au  au Belmont, situé au 4483, rue St-Laurent à Montréal (métro Mont-Royal). Ce mois-ci, la thématique est « Le Web Analytics : Un complément à l’ergonomie ? ».

Philippe Alengry apportera son point de vue et proposera des utilisations dans le cadre d’une démarche ergonomique.

En savoir plus ?

Téléchargez un résumé de la première rencontre. Source : Charles Prémont, www.lienmultimedia.com

L’évènement est gratuit et accessible à tous. Les places sont limitées. S.V.P. Confirmer votre présence via l’invitation Facebook ou par courriel à 5a7@utilisabilitequebec.org. Pour plus d’information sur l’événement, visitez : www.utilisabilitequebec.org

Utilisabilité Québec, section québécoise de la Usability Professionals’ Association (UPA), a pour mandat de favoriser le développement et la promotion de l’ergonomie cognitive, l’utilisabilité et l’expérience utilisateur, afin d’encourager de meilleures pratiques en matières de développement de sites Internet et autres produits interactifs. 2009 est la neuvième année du chapitre québécois.

Billet initialement publié sur Mikimya

37 exemples de navigation unique

Pour faire suite aux articles de FrĂ©dĂ©ric “Tout savoir sur les chemins de navigation (breadcrumb)” et “Peut-on se passer des menus de navigation ?” voici une dĂ©couverte très intĂ©ressante que je souhaite partager avec vous.

Il s’agit de l’article 37 Examples of Unique Navigation sur inspiredology.com.

J’ai particulièrement aimĂ© ma visite sur les trois sites suivants :

Jaymeblackmon.com pour les rolovers du menu de navigation

Porsche.com pour les gros menus présentant les modèles de Porsches.

Salinas-rio.com.br pour l’ajout des illustrations dans le menu de navigation

Et vous, quels sont vos préférés ?

Un effet en CSS pour faciliter la lecture des liens distants.

J’ai rĂ©cemment pris connaissance d’une technique en CSS sur le blogue de Mr Xhark. Cette technique permettrait, en quelque sorte, de diminuer le poids d’une page Web. Elle Ă©viterait ainsi l’utilisation de Flash ou de Javascript pour ce genre d’effet. Le rĂ©sultat n’a rien d’impressionnant, mais sur le plan de la simplicitĂ© je le trouve intĂ©ressant. Ă€ mon avis cet effet facilite la lecture.

Source de l’image : http://blogmotion.fr

Par contre, pour diminuer le risque d’erreur sur les photos j’aurais tendance Ă  jouer avec l’opacitĂ© de celles-ci…  :

remote_link_css.jpg


Qu’en pensez-vous ?

Balsamiq Mockups

J’ai rĂ©cemment trouvĂ© un outil qui semble ĂŞtre gĂ©nial pour la rĂ©alisation de Wireframes. Il s’agit de balsamiq-mockups.

Outil_Ergonomie_Web.png

Toutefois, je n’ai pas eu l’occasion de le tester encore. C’est pourquoi je me tourne vers vous… Avez-vous dĂ©jĂ  tester balsamiq-mockups. ? Quels sont les points forts et faibles ?

Une vidéo explicative est disponible ici.

Qu’en pensez-vous ?

Source : http://www.ergonomie-web.be/

L’ergonomie Web vue par les internautes

Ce mois-ci, le pĂ´le Conseil en ergonomie de Benchmark Group a mis en ligne les rĂ©sultats d’une enquĂŞte très intĂ©ressante : “Ergonomie des sites Web : le verdict des internautes”. Cette enquĂŞte a Ă©tĂ© menĂ©e au cours du mois de novembre 2008 auprès des lecteurs du Journal du Net et de L’Internaute Magazine. L’enquĂŞte a recueilli 824 rĂ©ponses.

Nous vous invitons fortement Ă  la consulter.

Voici quelques informations Ă  retenir :

1- 75% des internautes rencontrent encore «souvent» des difficultés pour trouver ce qu’ils cherchent sur les sites qu’ils consultent, et que 58% sont «souvent» confrontés à des problèmes de navigation.

2- 66% trouvent les contenus des sites «souvent mal présentés» et 47% «l’allure de la page d’accueil souvent peu engageante».

3- 7 internautes sur 10 ne reviennent pas sur un site où ils ont rencontré des problèmes de navigation ou d’orientation.

Finalement, voici un des schĂ©mas qui se retrouve dans les rĂ©sultats de l’enquĂŞte que nous souhaitons partagez avec vous.

Qu’en pensez-vous ?

Source : PEG veille pour vous

Billet initialement publié sur Mikimya