La praline graphique

Et bien la réponse est oui !!! Lors de la création d'interface, il est fréquent de se voir poser la question de l'utilisabilité de contenus en dessous de la zone de pli (appelée aussi Below the Fold, qui correspond à l'espace visible par l'internaute sans avoir à utiliser sa barre de défilement - soit environ une zone de 1 000 pixels de haut). Nous avons souvent l'image erronnée d'un internaute "paresseux" qui ne scrolle jamais...

Une étude menée par Cliktale en 2007 sur un échantillon de 80 000 pages a pourtant prouvé que l'utilisateur accepte de faire défiler le contenu des pages qu'il visite dans 76% des cas. A noter également que 23% vont jusqu'en bas de la page, quelle que soit sa longueur.

Il est en revanche évident que la qualité du contenu et l'intégration d'éléments visuels délibérement coupés (du cut-off design) dans l'interface sont des gageures à une lecture efficace.

Si vous voulez voir l'étude complète de Cliktale : blog.clicktale.com

Paris Web rassemble chaque année les acteurs incontournables et autres tech-évangélistes qui analysent et décortiquent les (bonnes) pratiques du web. Ce fut des journées très denses, dédiées cette année à des thèmes qui nous sont chers : l'ergonomie et l'accessibilité.

J'ai eu le privilège d'assister à la première journée de conférences, Sébastien prenant la relève le lendemain. Les interventions ont vraiment été très instructives, réalisées par des orateurs de qualité, passionnants pour la plupart. Je pense notamment à l'intervention "Accessibilité : des volontaires ?" faite par Stéphane Deschamps et Aurélien Levy qui fut très démonstrative et extrêmement drôle !

Chris Heilmann du Yahoo! Developer Network nous a offert une excellente prestation. Dommage que les organisateurs n'aient pas préalablement informé l'auditoire que l'intervention était en anglais...

A la pause, de nombreux "t'as compris kek' chose, toi ?" ont fusés, entre deux muffins au chocolat... Et pourtant, quel clarté ! Chris a su, avec une facilité déconcertante, nous présenter de quelle manière intégrer les standards existants plutôt que d'attendre la mise au point de technologies... ! Il s'agit notamment d'utilisation de patterns Yahoo, de Framework CSS (de type YUI grids, YAML, 960, Blueprint...), d'intégration de modules Google "YouTube API" ou encore l'accès à des équipes de l'"Amazon mechanical turk" qui travaillent sur des tâches "à la demande"...

Au vu de la réussite de cette journée, j'attends avec impatience le programme 2009 ! En attendant, les sessions vidéos seront bientôt disponibles sur www.paris-web.fr

Le concours québécois des meilleurs sites web de la province, les BOOMERANG. PRENEZ-EN PLEIN LES YEUX !!!

by jeanju.

et vous offre un poster.

Born out of a quest to understand what the web would afford creatives both as an unprecedented divingboard to promote themselves and receive non-intermediated visibility, Netdiver has accompanied the rise of many successful freelancers and agencies and has bloomed to become an internationally recognized inspirational resource and career launchpad.

for being such a wonderful and loyal audience through the years.

Free to download, print, post, circulate and enjoy!

Cette semaine, je vous propose une série de sites sur le design au sens global du terme !

• www.designhotels.com
• www.madeindesign.com
• www.evasolo.com et sa navigation originale
• www.absolumentdesign.com
• www.luxury-design.com
• www.pixelcreation.fr et sa page dédiée au design d'intérieur

A suivre...

Hier soir avait lieu la remise des prix des meilleures vidéos virales au Cinéma Max Linder de Paris. Voici le palmarès des vidéos gagnantes :

Wom d’or de la vidéo virale la plus drôle et Grand prix du jury - à voir absolument !

Wom d’or de la vidéo virale la plus efficace

Wom d’or de la vidéo virale la plus originale

Wom d’or de la meilleure vidéo UGC

Un grand merci à l'équipe du site Viralfilmfestival pour l'organisation et la mise à disposition de ces chefs-d'oeuvre. On se retrouve l'année prochaine ?

Dans le cadre du second festival du film viral, voici un spot réalisé par BDDP et Fils au profit de l'association Solidarité et qui fait écho au post précédent.

Au delà de cette petite vidéo sympathique, il faut en revanche faire remarquer que d'après l'OMS, ce sont les maladies cardio-vasculaires qui représenteront la première cause de décès dans le monde. Dommage d'avoir dû déformer la réalité pour promouvoir une bonne (et très sérieuse) cause...

La Fondation ONE DROP contribue à préserver l’eau pour les générations futures...

ONE DROP tente de sensibiliser la population sur l'eau

Il joue la carte d'un design "crayoné", la dimension du "fait à la main" marque la différence sur ce sujet déjà très exploité.

Plusieurs animations Flash nous font part de messages explicites sur la situation de l'eau, illustrées avec un style plutôt naïf, l'interface est simple, douce, accessible a tous !

www.dontclickit.it est un projet universitaire réalisé par Alex Frank à l'Université Essen-Duisburg (Allemagne). Son but est d'offrir une interface où le clic de souris devient totalement inutile. Tout est pensé Ergonomie Orientée Utilisateur : la prise en main de l'interface est très intuitive et donc quasiment immédiate, les actions à mener sont facilement identifiables...

Et j'avoue que l'on se laisse vite "prendre au jeu"... Pas vous ?

www.dontclick.it

Allez, à l'heure où tout le monde s'interroge sur ce que sera le "web de demain", cette semaine est sous le signe des navigations peu (ou pas du tout) conventionnelles...

• www.thibaud.be et son porfolio
• www.moofe.com
• www.leoburnett.com
• www.leoburnett.ca dans sa variante canadienne
• www.sidlee.com
• foxie.ru
• Selftitled.ca même s'il n'est absolument pas intuitif...

et quelle chute !!!

Une autre vidéo pour la même marque est disponible ici !.

Si l'ergonomie des sites web constitue pour vous une des bases essentielles à toute démarche de création, je vous conseille vivement le livre d'Amélie Boucher : "Ergonomie Web".

Au delà des conseils pratiques qu'elle prodigue, son ouvrage rappelle que l'utilisation de méthodes d'évaluation et de fabrication est absolument essentielle. Connaître l'utilisateur, ses habitudes, ses craintes permet non seulement d'offrir des interfaces riches et adaptées mais également d'influer sur des décisions ou des attentes inapropriées de nos clients. Elle en profite également pour dépoussiérer certaines idées reçues (la règle des 3 clics, la lecture en F...). Si vous souhaitez aller plus loin : www.ergonomie-sites-web.com

Vous pourrez rencontrer Amélie le 13 novembre prochain à la conférence Paris-web où elle intervient. Pour en savoir plus : www.paris-web.fr

Si ce thème vous intéresse, n'hésitez pas à découvrir (ou redécouvrir) le site de Jesse James Garret et le design centré "utilisateur" : www.jjg.net ainsi que le site de Sidlee.com dédié au Conversational Capital : www.conversationalcapital.com, projet sur lequel Jean-Julien a travaillé avant de nous rejoindre !

• www.persavon.com
• www.naturellementpulpeuse.fr d'Orangina
• letourdefranks.com de Converse. N'hésitez pas à cliquer sur les liens pointant la galaxie d'autres mini-sites, tous dans le même esprit... Ils sont tous listés sur www.thisistheindexpage.com
• www.luxuryissues.com, à ne pas rater pour tous les heureux propriétaires d'Iphone !

La suite la semaine prochaine...

Nous sommes habitués à voir de belles interfaces dès qu'il s'agit du monde de la parfumerie et de la cosmétique. Lancôme signe ici un site en flash et vidéo de très belle facture pour la lancement de son nouveau parfum "Magnifique".

www.lancome-magnifique.com

L'interface propose de nombreuses vidéos, allant du film publicitaire avec Anne Hathaway et de son making-of jusqu'à l'intervention des spécialistes (designers, "nez"...) expliquant leur démarche autour de la création de ce nouveau parfum. La musique, quant à elle, a été spécialement créée par les Brand New Heavies, pionniers de l'acid jazz.

Site réalisé par Digitas.

Souvent nos clients et prospects nous demandent des exemples de sites. Toute le monde sait qu'une image vaut mille mots. Voici le deuxième billet de notre série.
Vous pensiez ne jamais pouvoir créer des sonneries de portable à partir de slips, de chaussettes et de caleçons longs...et bien c'est maintenant possible grâce à la marque japonaise de sous vêtements tutuanna. Pour ce faire outre habiter au Japon, il vous suffit d'associer trois pièces pour créer votre mélodie et la recevoir sur votre téléphone.