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

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.

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).

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 :

Le formulaire de recherche de Amazon :

Le formulaire de recherche de Facebook :

Le formulaire de recherche de Linkedin :

Le formulaire de recherche de Skype :

Le formulaire de recherche du site de Orange :

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

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 ” ?

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

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.

À 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.

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

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 ?

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…  :

Qu’en pensez-vous ?

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

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/

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