Le site Havas Design+, conçu et réalisé par W & CIE, a été élu « site of the day » ce dimanche 6 juin. Oui, on est assez fier. Mais que représentent ces « awards en ligne » ?

En 10 ans, on peut dire que le design des sites internet aura largement évolué, et les sites d’aujourd’hui ne ressemblent plus vraiment aux pages internet d’hier. Les « beaux sites », au design bien léché et à l’ergonomie bien pensée, sont tellement nombreux que, pour tous les voir, il fallait bien des sites spécialement dédiés.

Ces sites, répertoriant justement les meilleurs sites internet, sont eux aussi de plus en plus nombreux. Ils sont de réelles vitrines de la créativité sur le web et fonctionnent presque tous de la même façon. Ce sont généralement des sites eux-mêmes très bien designés qui mettent en avant de manière très qualitative (principalement sous forme de vignettes, comme on le voit ci-dessus) les sites les plus créatifs.

Ils nous offrent à travers classements, récompenses et palmarès les meilleurs sites du jour, du mois ou de l’année. En somme, ces sites sont de véritables sources d’inspiration qui permettent aux internautes de découvrir exemple après exemple les lois de l’ergonomie.

Ces sites sont aussi de réelles vitrines car ils offrent aux travaux mis en avant une forte visibilité grâce aux importantes audiences de ces plates-formes. Le site FWA (Favourite Website Awards), par exemple, accueille tous les mois plus de 210 000 visiteurs uniques.

Sur le même principe mais avec des travaux venant d’univers plus larges (art, publicité, technologie…), le site Nocot s’avère souvent être une source précieuse de trafic. Le nouveau site Havas Design +, mis en avant sur Notcot, avait récemment accueilli plus de 1000 visiteurs venant directement de la plate-forme.

Une liste des sites récompensant la créativité sur le web

FWA - Design Charts – Koflash

Design Licks - DOPE Awards - Beautifully Webdesign

Si comme nous vous avez l’habitude de ces sites ou que vous en connaissez quelques un d’entre eux, quels sont selon vous ceux qui décernent les Awards les plus méritants ou les plus représentatifs de la créativité sur le web ?

Mise à jour – lundi 14 juin 2010

Et voici une heureuse nouvelle qui nous fait mettre à jour notre article sur les awards de la créativité en ligne. En effet, le site Havas Design +, site du jour la semaine dernière sur Design Licks, vient de prendre la 5ème place d’un autre classement dont on vous avait aussi parlé la semaine dernière : le classement Design Charts.

Profitez-en pour aller voir de plus près ce classement en cliquant ici, ou alors allez faire un tour sur le site Havas Design + si vous ne l’avez pas encore fait.

The Wesh-wesh Rabbit Awards

Un exemple notamment avec une application pour iPhone destinée au départ à repérer dans l'espace les stations de métro les plus proches, mais qui propose en fait une gamme de services de géolocalisation des marques dans la ville. La vidéo fait la démonstration pour MacDonald's ou Ladurée. Impressionant!

Liées évidemment à l'explosion du web de la mobilité, ces applications qui enrichissent l'espace urbain d'informations de tout type (le principe même de la réalité augmentée) ne sont que le début d'un mouvement plus vaste de déploiement d'Internet non plus seulement dans nos écrans mais à nos objets quotidiens. Pour les marques, l'Internet du futur (proche) est non seulement un terrain d'expression et de conversation mais aussi un média de l'expérience de marque dans tous ses aspects (espaces, produits, relationnel).

Un autre exemple avec l'application Layar, pour l'instant sur Android bientôt sur iPhone. Très bien pensée et fonctionnelle, elle enrichit l'espace d'informations issues du web géolocalisé : Wikipedia, BrightKite, …

Un futur qui s'annonce riche pour la marque et qui va faire appel à toute notre inventivité possible!

Pour en savoir plus sur l'Internet du futur : voir la belle présentation de Mikiane

WeshWesh, vivement le futur

• 40% sont perdus et quittent le site
• 37% reviennent sur la page précédente et poursuivent leur navigation
• 20% retournent vers la page d’accueil pour retrouver la page manquante
• 3% s’adressent au webmaster

Cette page, généralement des plus basiques, laisse souvent à l'internaute une impression négative. Pour palier ce sentiment d'échec et la fuite de l'internaute, certains sites pensent à personnaliser leur page d'erreur de manière tellement créative – comme cette page animée – qu'on aurait presque envie d'y retourner, . 

Quelques techniques simples peuvent aussi permettre de maintenir les visiteurs sur son site comme par exemple en rappelant le plan du site ou en mettant un moteur de recherche interne. L'objectif étant avant tout de maintenir l'utilisateur sur le site, même si il entre par une page qui n'existe plus. 

Il est alors important pour les développeurs web de prêter attention à cette page d'erreur qui permet de récupérer une partie des internautes "perdus", notamment les 40% qui quittent le site.
À cet effet il est bon de rappeler quelques règles que nous avions déjà publiées il y a un peu plus un an mais qui restent d'actualité :

Quelques petites recommandations néanmoins pour les webdesigners et autres développeurs :

• Mettre un plan du site (si vous en avez un) et un lien vers la
  page d'accueil. C'est sans doute la meilleure solution pour rediriger
  les internautes
• Incorporer un moteur de recherche
• Utiliser un design malin, rassurant et beau
• Eviter de
  mettre du jargon tel que "la page n'a pu se lancer à cause d'une erreur
  214 dans la balise href ligne 2014, le paramètre index.js est configuré
  avec un mauvais DNS"
  Soyez subtil ! Vous vous adressez à quelqu'un qui ne maîtrise pas le même langage.

Découvrez d'autres pages d'erreur par ici.

Pour ceux qui souhaitent suivre l'actualité des pages d'erreur, vous pouvez suivre 404 lab sur Twitter… en espérant que le site de micro-blogging ne connaisse pas lui aussi quelques troubles comme cela a été le cas ces dernières semaines.

Wesh-Wesh, le lapin utile et créatif

1/ Une présence sur le web bien identifiable : un site corporate a priori classique

Le site à la fois marchand et corporate PizzaHut.com, dans sa version américaine, est classique dans son contenu (recettes, adresses, bons de réduction pour la partie marchande / histoire de marque, career, newsletter pour la partie corporate – moins mise en avant).

L'internaute n'est pas perdu, la commande est guidée pas à pas. La marque sort renforcée de cette solidité sémantique inscrite dans le web design et le parcours du site.

2/ Une marque qui contrôle son image et entre dans une conversation réactive

Pizza Hut utilise les réseaux sociaux pour raconter son univers de marque et entré en conversation avec ses clients. Une pratique qui n'est pas bien sûr pas propre à la marque de pizza mais qui fonctionne particulièrement bien.

Un compte Twitter dédié, qui mêle information corporate et marketing, très actif : plus de 15 000 followers (un chiffre en augmentation constante) pour 400 tweets en trois mois. Le compte est actif, régulier sans être trop agressif.

Le nombre de followers est exponentiel, l'augmentation se fait par pallier, lié semble-t-il à l'activité du compte..

Le compte a mis un bon mois à trouver son rythme (passant de 1 tweet tous les 5 jours à plus de 20), avec aujourd'hui une moyenne de conversation et de discours de marque d'environ 5.

3/ Une marque dans la modernité qui dissémine son innovation : l'application iPhone

Une originalité toutefois : la mise en avant de l'application iPhone
Pizza Hut. A la fois outil de mobilité, et symbole de la marque en
mouvement, l'application iPhone inscrit d'emblée la marque dans
l'histoire entrain de se faire et les usages en émergence. La vidéo de
présentation de l'application s'est diffusée sur le web comme une
trainée de poudre.

Depuis le 14 juillet, elle a été vue presque 44 000
fois – un très bon chiffre pour un tutorial d'application mobile brandé. Une image de marque qui en sort renforcée mais qui assoie aussi la dynamique de dissémination de Pizza Hut.

Du beau travail donc! Et d'autant plus que l'application n'est pas un gadget mais bien un outil de réservation en ligne.

WeshWesh, le lapin gourmand

Un défi en terme d'identité, de visibilité et de contrôle d'image qu'a su relever l'armée suédois en mettant en place un site remarqué !

Le site de recrutement de la Swedish Armed Force se présente comme une entrée particulièrement immersive dans l'univers de la marque. La scénarisation repose sur une série de neuf tests à accomplir qui sont autant d'occasion de prendre le temps pour la marque de déployer son univers et d'entrer en conversation avec le candidat qui est d'emblée placer dans la position de jeune appelé. Les "tests de personnalités" se révèlent en fait être une série de "serious games", des jeux sérieux qui font alterner réflexes, logiques et habileté.

Autre choix clé dans cette stratégie digitale de marque, la volonté de guider le "candidat" en lui laissant des possibilités de navigation particulièrement restreintes. Pour découvir le site, une seule solution : résoudre étape après étape les énigmes nécessaires à l'obtention des informations sur la marque émettrice. Le recrutement, qui reste bien la finalité du site, se fait récompense d'un périple ludique et immersif.

La marque Swedish Armed Force est parvenue à adapter l'usage à sa stratégie (le jeu, l'envie de gagner, l'univers immersif) tout en renforçant son identité, notamment grâce à un bouche-à-oreille qui fonctionne (via Twitter et des influenceurs-diffuseurs comme le FWA). Bien joué! On attend maintenant de savoir quel sera le "retour sur investissement" de l'opération.

WeshWesh aime les serious games

C’est en utilisant cette fois directement la fonctionnalité GPS de l’iPhone qu’une marque définit son territoire. La marque Adidas Original a ainsi lancé une application permettant aux mobinautes de prendre en photo dans la rue des œuvres d’art urbaines et de les poster directement sur une carte du type Google Map.

Cette initiative développée en Allemagne permet à la marque de nourrir ses valeurs mais aussi d’engager la conversation puisque les utilisateurs ont la possibilité de commenter les différentes photos.

À découvrir sur : http://urbanartguide.com/

weshwesh – the iphone rabbit

Si Google a choisi la liste minimaliste, d’autres moteurs tentent des expérimentations parfois assez réussies, en tout cas intéressantes.

3 moteurs à tester :

Viewzi

Un agrégateur de visualisations de résultats de recherche. Fluide, bien fait, plus de 17 vues possibles des résultats, la plupart grâce à des mashups fait avec des grands acteurs du web : timeline Google, vue en mosaïque avec Viddler, vue Amazon ou Techcrunch. Un outil à découvrir qui peut permettre de mettre en scène des résultats ou des sites de façon claire et originale.

TouchGraph Google 

Une présentation des résultats sous forme de bulles colorées liées entre elles. La visualisation en “neurones” est devenu peu à peu un des standards du web, avec des sites comme Musicovery, LivePlasma – plus récemment, Pearltrees

EyePlorer

Un outil de visualisation compliqué d’utilisation mais qui part d’une bonne idée, dans la lignée des réflexions sur le web sémantique notamment : le moteur analyse les différents sens possibles de la requête et les visualise dans un graph circulaire. De clics en clics, les sens s’enrichissent via des définitions et un carnet de notes qui permet de mémoriser les recherches.

On pourrait parler d’une multitude d’autres outils, SearchCube (Rendu 3D des sites, dans lesquels on peut circuler), oSkope (les sites comme étalés sur une table, prêt à être déplacés, visités…), Nexplore (qui mise sur les thumbnails)…

Finalement pas aussi pratiques qu’une simple liste noms, mais intéressants pour les questions d’ergonomie et d’usages visuels qu’ils posent, ils nous obligent à oublier les habitudes de recherche établies. A essayer, donc!

Source : Robin Good

Ca rappelle fortement d'autres sites réussis comme The Turn qui joue lui-aussi sur la physique et l'interaction avec des formes digitales plutôt que des contenus textuels sans prise avec le visiteur.
Moins de texte, plus d'iconographie, plus d'interactions possibles avec la machine et de façon plus intuitive…Le web à venir (très bientôt)?

WeshWesh, lapin tactile

Il est temps de se pencher dessus, Messieurs les ergonomes !
Et pensez aussi a ceux qui n'ont pas de doigts !

WeshWesh – the sad without finger rabbit