Pour faire en sorte que les gens ne desertent pas l’île Internet Explorer, les gus de chez Microsoft Australia ont eu l’idée de faire un petit jeu :

http://www.microsoft.com/australia/ie8/competition/
Sur cette page, vous pouvez jouer à un jeu de piste qui vous permettra peut-être de gagner 10000 dollars australiens (je suppose). Le petit truc, c’est que pour voir les indices que les webmestres balancent, il faut impérativement naviguer sur cette page avec IE8.
Mais c’est que notre panda rouge préféré ne va pas rester sans rien faire !
Des gens réactifs ont tout de suite eu la bonne idée, et drôle en plus, qui vient tacler très vite ce stupide concours :

http://www.tengrandisburiedthere.com/
Ca me fait penser que la chaine de pizzerias Speed Rabbit Pizza propose actuellement la pizza Internet Explorer 8.

Ca peut peut-être passer, avec beaucoup de sauce piquante.
Catégorie Void | 1 commentaire
Voici un fichier Adobe PDF d’une grille d’analyse ergonomique que j’ai établie dans le cadre de mes études :
Téléchager la grille d’analyse
Catégorie Void | 2 commentaires
Ultimate Guitar est un site spécialisé dans les tablatures de guitare, mais propose également d’autres types de contenu comme des interviews, des critiques d’albums, un forum, etc.

Page principale
Malgré une page principale proposant énormément de contenu, le webdesign est élegant et réfléchi, de manière à bien caractériser les différentes parties du site et de proposer des liens pour chaque parties. Ceci a pour effet de limiter le nombre de clics nécessaires pour accéder à du contenu pertinent.
Catégorie Void | Aucun commentaire
Scientific American est un site d’actualité scientifique. Son style graphique a été travaillé pour faciliter la lisibilité des pages.

Scientific American - Page principale
La couleur vive du menu horizontal supérieur permet d’attirer le regard sur l’aspect important du site que sont les catégories d’articles. L’arrangement de l’informations en modules distincts sur la page d’accueil permet également de se repérer très facilement parmi les différents articles. Les titres sont gros et lisibles, les liens sont directement visibles. Les forts contrastes utilisés à bon escient permettent de focaliser le regard de l’utilisateur malgré une densité informationnelle plutôt élevée.
LIRE LA SUITE…
Catégorie Void | Aucun commentaire
Intéressons-nous au site de Finnair concernant les formulaires et la sélection d’un vol.

Page d'accueil
Le formulaire est clair et les informations sont classées verticalement. Il est dynamique : lorsqu’on choisit une ville de départ dans le menu déroulant, une liste des villes possibles se chargent dans le menu déroulant “Destination”.

Choix du vol
Il est possible de choisir son vol. A tout moment, le choix est laissé à l’utilisateur de revenir à l’étape précédente, de tout recommencer depuis le début ou de retourner à la page d’accueil. Il est également possible de redéfinir les dates à partir de cet écran, évitant ainsi un va-et-vient entre le formulaire et le choix du vol.
Le bouton “Back” n’est visible que lorsqu’il est utile, c’est-à-dire à partir de l’étape 3. Avant cela, seul le bouton “Start over” est présent.

Horaires / Prix
L’utilisateur a alors accès à plusieurs choix concernant l’heure de départ ainsi que le prix (type de billet) ; tout est très clairement décrit. Là encore, il est possible de changer la date de départ et de retour. Une légende permet de comprendre l’intégralité des informations proposées.
Un résumé des choix est affiché à l’étape 4 :

Résumé du choix
Catégorie Void | Aucun commentaire
Une petite analyse ergonomique du site de la ville de Portland.
Il s’agit d’un site portail qui offre plusieurs modes de navigation : sur la page d’accueil, il est possible d’atteindre des parties du site via un menu latéral ou la partie “actualités” au centre de la page. Le menu horizontal en en-tête permet de se représenter l’architecture du site.

Page d'accueil
Certains liens pointent parfois vers d’autres sous-parties et peuvent perdre l’utilisateur. Un chemin est néanmoins visible sous le menu horizontal pour situer la page.

Cheminement
Le souci majeur de ce mode de navigation est le renvoi vers plusieurs parties “indépendantes” du site, avec un changement de charte graphique (l’image d’en-tête et les couleurs du menu changent) ; l’utilisateur n’est pas toujours au courant qu’il est envoyé sur un autre site. L’onglet “Home” renvoie par exemple à la page d’accueil du sous-site visité :

Menu d'un sous-site
Catégorie Void | Aucun commentaire
Bon là c’est bon, fini de plaisanter. Faut sortir le grand jeu, le truc lourd, quelque chose qui envoie. Alors voilà, un nouveau thème bien gras pour bien débuter l’année. Va falloir faire honneur à cet habillage magnifique en postant davantage de choses plus intéressantes les unes que les autres.
Oui.
Catégorie Void | 5 commentaires
Newsmap21:28 - 07/11/2008

Voici une façon assez originale de présenter les résultats d’un aggrégateur de feeds RSS : sous la forme d’une carte d’arborescence ou treemap, en anglais. Le principe d’une treemap est d’afficher le plus d’information possible dans un espace réduit (en l’occurence une page web) sous la forme d’une arborescence : chaque rectangle constitue une branche et chaque rectangle contenu dans un rectangle plus grand est une sous-branche. Le contenu est donc classé par ordre d’importance (le nombre d’articles en lien avec cette actualité), et/ou par ordre chronologique (ici représenté par un code couleur : plus le rectangle est sombre, plus l’actualité est ancienne).
Catégorie Veille Web | 1 commentaire