« Usability » ou « utilisabilité » en français est le néologisme que tout acteur web doit avoir sur le bout des lèvres mais surtout à l’esprit lors de la conception d’un site internet. C’est en tout cas ce qu’ont compris les acteurs de l’humanitaire anglo-saxons en adoptant les bonnes pratiques de l’ergonomie Web 2.0 et en employant des visuels explicites pour toute action à déclencher chez l’internaute.
Fait remarquable, ces sites transcrivent à la lettre les usages 2.0 des sites marchands outre-Manche ou outre-Atlantique à l'instar de 1800flowers.com et Officedepot.com, la matrice est quasi-identique pour tous les sites cités en exemple et s’appuie sur la façon dont les internautes prennent connaissance des contenus sur le web : ils ne lisent pas une page, ils la scannent et laissent leur regard se poser de contenus en contenus modulaires facilement identifiables aux délimitations clairement définies (voir schéma ci après).
Fait remarquable, ces sites transcrivent à la lettre les usages 2.0 des sites marchands outre-Manche ou outre-Atlantique à l'instar de 1800flowers.com et Officedepot.com, la matrice est quasi-identique pour tous les sites cités en exemple et s’appuie sur la façon dont les internautes prennent connaissance des contenus sur le web : ils ne lisent pas une page, ils la scannent et laissent leur regard se poser de contenus en contenus modulaires facilement identifiables aux délimitations clairement définies (voir schéma ci après).
Red Nose Day
Il s’agit du site internet événementiel de l'association Comic Relief dont la vocation est la « levée de fonds par le rire » pour lutter contre la pauvreté dans le monde.
A noter, outre l’ergonomie de la page d’accueil, l’emploi du script sIFR (voir article du journal du net pour en savoir plus) pour utiliser la typo de leur choix. Ainsi, le graphisme de ce site grand public est à la fois ludique, simple, épuré et efficace : par exemple, les zones de « call to action » sont majoritairement labellisées en rouge.
Il s’agit du site internet événementiel de l'association Comic Relief dont la vocation est la « levée de fonds par le rire » pour lutter contre la pauvreté dans le monde.
A noter, outre l’ergonomie de la page d’accueil, l’emploi du script sIFR (voir article du journal du net pour en savoir plus) pour utiliser la typo de leur choix. Ainsi, le graphisme de ce site grand public est à la fois ludique, simple, épuré et efficace : par exemple, les zones de « call to action » sont majoritairement labellisées en rouge.
Childline
Childline est le site d’une association visant à informer et protéger les enfants contre toute forme d’abus mais aussi proposant d’aider les enfants à mieux comprendre les préoccupations de leur entourage.
Childline est le site d’une association visant à informer et protéger les enfants contre toute forme d’abus mais aussi proposant d’aider les enfants à mieux comprendre les préoccupations de leur entourage.
La charte du site est adaptée à son audience : des couleurs chaleureuses, des personnages représentant l’état d’esprit des enfants au moment de leur visite, une police lisible, de gros caractères…
Un bouton permet aussi aux enfants de cacher la page et de basculer en un clic à la page d’accueil Google, autre possibilité : appuyer sur la touche "echap" activée elle aussi !
Un bouton permet aussi aux enfants de cacher la page et de basculer en un clic à la page d’accueil Google, autre possibilité : appuyer sur la touche "echap" activée elle aussi !
Le site propose aux internautes de contribuer à son amélioration et leur permet en un clic de transmettre des idées d’optimisation.
Personnalisation : les enfants ont aussi la possibilité de changer le fond d’écran.
WWF
Inutile de présenter WWF et son action pour la nature et la préservation de notre planète. Tout à fait remarquable : la qualité des visuels, la mise en avant des contenus et des actions en cours et surtout le système avec les deux onglets « What we do » (Notre action) et « How you can help » (Comment vous pouvez aider). Les contenus de la page sont d’ailleurs structurés selon cette logique avec les colonnes « We do… » (nous faisons actuellement…) et « You can… » (en ce moment, vous pouvez…)
Les boutons « call to action » en vert clair sont efficaces et ressortent bien par contraste avec la charte jouant avec différentes tonalités de gris.
MacMillan
Il s’agit du site de la fondation éponyme dont l'action est dédiée aux personnes atteintes d’un cancer ainsi qu’à leurs proches : informations, accompagnement, communauté en ligne, autant de services proposés par MacMillan et ce, de façon très structurée.
MacMillan
Il s’agit du site de la fondation éponyme dont l'action est dédiée aux personnes atteintes d’un cancer ainsi qu’à leurs proches : informations, accompagnement, communauté en ligne, autant de services proposés par MacMillan et ce, de façon très structurée.
Petit plus en bas de page : des contenus dépliants et un défilement d’informations.
Dogs Trust
Cause caritative canine : Dogs Trust. La vocation de cette association est de trouver un foyer aux chiens errants ou abandonnés. De nombreuses informations sont disponibles sur ce site, mais leur accès est orchestré selon une hiérarchisation des contenus bien conçue depuis la page d’accueil plutôt dépouillée.
Les boutons « call to action » sont bien visibles et explicites, l’usage de couleurs contrastées est efficace.
Autres sites intéressants :
Shelter (organisme caritatif venant en aide aux mal logés)
Action for Children (association venant en aide aux enfants en situation de vulnérabilité)
sources :
http://www.actionforchildren.org.uk/
http://www.shelterbox.org/
http://www.childline.org.uk
http://www.rednoseday.com/
http://www.wwf.org.uk/
http://www.macmillan.org.uk
http://www.dogstrust.org.uk/
http://england.shelter.org.uk/
http://www.smashingmagazine.com/
Commentaires