HEXENE
le blog
MENU

Microsoft Australia14:20 - 18/06/2009

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 :

tengrand

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 :

tengrand2

http://www.tengrandisburiedthere.com/

Ca me fait penser que la chaine de pizzerias Speed Rabbit Pizza propose actuellement la pizza Internet Explorer 8.

pizzaie8

Ca peut peut-être passer, avec beaucoup de sauce piquante.

Ergonomie - Grille d’analyse16:20 - 24/02/2009

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

Ergonomie : Ultimate Guitar19:24 - 21/02/2009

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

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.

Ergonomie - Aspect graphique22:37 - 15/02/2009

Scientific American est un site d’actualité scientifique. Son style graphique a été travaillé pour faciliter la lisibilité des pages.

Scientific American - Page principale

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…

Ergonomie - Finnair21:25 - 15/02/2009

Intéressons-nous au site de Finnair concernant les formulaires et la sélection d’un vol.

Page daccueil

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

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

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

Résumé du choix

Ergonomie - Site “City of Portland, Oregon”18:31 - 15/02/2009

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 daccueil

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

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

Menu d'un sous-site

Woop woop23:51 - 18/01/2009

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.

Newsmap21:28 - 07/11/2008

Newsmap

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

Morisawa’s Font Park 2.010:30 - 21/10/2008

Morisawa's Font Park

Foto Flexer10:29 - 21/10/2008

Foto Flexer