Une nouvelle interface minimaliste pour le NY Times

Alors que la version française de Slate fait (toujours) débat, le NY Times n’en finit plus d’innover avec cette toute nouvelle interface minimaliste : Article Skimmer.

nytimes_skimmer

L’idée derrière cette interface est de pouvoir “balayer” les news d’un oeil distant comme vous pouvez le faire en buvant votre café du matin, d’où le titre du billet qui explique la genèse de cette interface : Sunday Browsing. La mise en page est réduite à sa plus simple expression, la lisibilité est parfaite et la prise en main immédiate. D’un point de vue ergonomique c’est du grand art, dans la droite ligne de cet article : In Defense of Readers.

Suite à une précédente expérimentation sociale à grande échelle (cf. L’avenir de la presse en ligne est-il dans le social ?), le NY Times confirme sa position de pionnier dans une industrie de la presse qui se cherche un second souffle.

(via SwissMiss)

Des tonnes de vidéos sur l’Information Architecture TV

Vous en rêviez ? Ils l’ont fait : Information Architecture TV.

IATV.jpg

En fait de télévision, c’est plutôt un blog sur lequel vous trouverez un ensemble de vidéos traitant de sujets aussi variés que l’architecture de l’information, l’utilisabitilté, l’interaction design, la conception centrée sur l’utilisateur…

Toutes ces vidéos sont en fait extraites de Youtube mais le travail de sélection et de catégorisation réalisé par Jan Jursa(du blog Hot Strudel) est tout à fait remarquable.

Un must pour les passionnés d’ergonomie et pour les concepteurs de sites web.

Une enquête sur des choix de conception ergonomique

Je vous propose de participer à une enquête très intéressante qui ne vous prendra pas plus de 30 secondes : Interface Research. Cette porte sur une dizaine de questions qui présente deux versions d’une interface et vous demande de choisir celle qui vous plait le plus. Exemple avec l’emplacement du bouton ‘Valider‘ dans un formulaire :

interface_survey

 

Une fois l’enquête complétée, vous pouvez voir le consensus des participants sur les questions précédemment posée et les résultats sont surprenants notamment sur des questions suggestives (choix de couleur…).

(via GrokDotCom)

Deux outils pour optimiser votre taux de transformation

Optimiser le taux de transformation d’une boutique en ligne est un travail long et fastidieux. Long car il y a une infinité de détails à régler et fastidieux car il faut tester de nombreuses combinaisons.

Heureusement je vous propose de gagner du temps et découvrant deux très bons articles.

De l’importance du parcours critique de l’œil chez Marketing Experiment

Le site Marketing Experiment nous propose ainsi cette semaine un article sur l’optimisation de vos pages d’entrées : Landing Page Optimization.

Le propos de l’auteur est de nous éclairer sur l’importance du parcours narratif : est-ce que votre proposition de valeur ainsi que vos appels à l’action sont positionnés sur le parcours critique de l’œil sur la page ?

Illustration avec cette page  défectueuse :

PrimaryEyePath

 

Après optimisation le résultat est quand même nettement plus engageant :

CriticalEyePath2

 

Je vous engage bien évidemment à lire cet article avec attention pour comprendre les modifications apportées et surtout pour vous rendre compte de l’impact (+103% de transformation !).

Grille de lecture et bataille navale chez GrokDotCom

Dans un même ordre d’idée, le site GrokDotCom nous propose un autre article très intéressant : Revenge of the Pixels: The Battle for Screen Real Estate.

Dans cet article l’auteur nous explique sa technique de structuration des écrans en utilisant une grille d’allocation d’espace (screen real estate grid) :

ScreenRealEstateGrid

 

L’idée est ici de découper la page en petites sections afin de déterminer :

  1. quels sont les carrés les plus importants ?
  2. ces carrés sont-ils bien exploités (positionnement, taille, contraste…) ?
  3. quels éléments nuisent à la lisibilité / mise en évidence de ces carrés ?

L’objectif étant d’alléger au maximum la structure de la page pour concentrer l’attention, faciliter la lecture de la proposition de valeur et limiter le “bruit” (zones de friction).

Voilà donc deux très bonne ressources pour ceux qui veulent s’initier à l’ergonomie incitative.

L’utilisabilité au service de l’industrie médicale

Vous connaissiez déjà la célèbre boîte de médicament ClearRX, fruit du travail d’une jeune étudiante du nom de Deborah Adler et qui a été adopté par la chaîne de distribution Target :

target_clearrx.jpg

Mais connaissiez-vous le travail de recherche effectué par Adaptive Path sur un appareil destiné aux personnes souffrant de diabète : Charmr: A Design Concept for Diabetes Management Devices.

chamr.jpg


Le résultat est tout simplement remarquable, très inspiré par la première génération d’iPod Shuffle. Le concept est parfaitement bien détaillé dans cette vidéo :

Un modèle d’intuitivité et de simplicité pour un si petit interface, j’espère que ce concept sera bientôt exploité en tant que tel.

En tout cas un bel exemple de ce qu’une firme de conception centrée sur les utilisateurs peut apporter à une industrie en panne d’idées.

Dans un autre contexte, je vous recommande fortement ces réflexions sur la refonte des terminaux financiers de Bloomnerg : The Bloomberg Makeover.

Ideo_BloombergTerminal.jpg

/! Un peu long à charger mais très instructif.