Utilisabilité Web



sophie
8 novembre 2010

Prévisualisation des sites web avec Google

Voilà une petite nouveauté qui s’en vient du côté de Google.
Il existait déjà le « SearchPreview » pour Firefox qui nous permettait de visualiser un site web avant de s’y rendre lors d’une recherche Google. Mais à priori nous n’aurons plus besoin d’addons puisque Google semble vouloir mettre à la disposition de ses utilisateurs la prévisualisation des sites. Lire la suite





Franck Méthia
28 octobre 2010

Google Maps API v3

Il y a quelques jours, j’ai ajouté une Google Map sur un de nos sites. J’ai eu l’agréable surprise de voir que Google avait sorti une 3e version de son API. Cette nouvelle version sortie en mai dernier vient avec des nouvelles fonctionnalités très intéressantes.

Comme :

  • plus besoin de « api key », nombreux vont être contents. Plus besoin de récupérer une key (qu’on oublie…) pour faire une mise en ligne;
  • la possibilité de communiquer avec le GPS de votre appareil mobile ou cellulaire (iPhone et Android), pour vous placer sur la map;
  • et par conséquent, calculer le trajet pour vous y rendre;
  • la personnalisation des contrôles a été simplifiée;
  • etc…

Je vous invite à consulter la documentation, ainsi que les tutoriels directement.





Serge Perreault
26 avril 2010

Réfléchir sa présence sur le web

Votre site est-il commercialement efficace ?

Les entreprises et le web: un portrait d’ensemble

De nos jours, il est incontournable pour les entreprises d’établir leur présence sur la toile. Il y a quelques années, le modèle d’affaires le plus répandu était encore centré autour de l’offre, présenté par les entreprises aux consommateurs via une formule quasiment unidirectionnelle. Désormais, il faut prendre en considération la transition drastique du modèle vers celui de la demande, dont la plupart sont maintenant effectué sur le web.

Lire la suite





Serge Perreault
3 avril 2010

Un validateur pour l’accessibilité : Wave de WebAIM

Dans un bouquin, intitulé « Bien rédiger pour le web… et améliorer son référencement naturel« , écrit par Isabelle Canivet (Eyrolles 2009), j’ai fait la découverte d’un outil en ligne qui permet de tester l’accessibilité de votre site, le projet WAVE de WebAIM.

Lire la suite





marie-andree
22 décembre 2009

Des concepts de validation de formulaires bien pensés

Je n’ai pas pu m’empêcher de bloguer sur ce sujet qui me tient tant à coeur. La validation, c’est très important! Voici quelques exemples qui, à mon avis, sont efficaces et vraiment bien faits.


https://secure.livestream.com/myaccount/login
Il y a un indicateur (assez évident merci) qui valide au fur et à mesure. Notez que le bouton submit est innactif tant et aussi longtemps que les champs ne sont pas remplis correctement. Winner!


http://www.bigcartel.com/signup/diamond
Les erreurs sont affichées en rose en haut. Les labels erronés deviennent rose. L’essentiel quoi.


http://gowalla.com/users/new
Look original! Les champs erronés et valides sont différenciés de façon clair.


http://www.launchmind.com/signup/
Intéressant. Étant donné que le formulaire est long, le message d’erreur s’affiche en bas, en-dessous du bouton « create account ». J’aime l’idée.


http://www.popscreen.com/join
On peut facilement différencier le champs valide et celui qui ne l’est pas. De plus, on a une petite note qui donne de l’information supplémentaire sur le champs actif. Bien pensé.


http://thumbslap.com/signup/
Classique, mais assez évident.


https://wwws.mint.com/login.event?task=S
J’aime le fait que la validation se fait au fur et à mesure. Il est facile de savoir ce qui est bon de ce qui ne l’est pas. Thumbs up!


https://www.squarespace.com/process/CreateSquarespaceAccount
Un formulaire horizontal… c’est la première fois que j’en vois un. Pas mauvais comme validation.


https://secure.wufoo.com/signup/1/
Classique, mais original en même temps. Vive l’évidence!