Mes 3 sites coup de coeur (janvier 2011)

Nouvelle année = nouvelle série de sites coup de coeur. Démarrons cette année avec 3 sites très différents.

Commençons avec 80/20, un studio de design de NY :

8020

Oui je sais, j’ai un faible pour les design minimalistes, mais ce site-là est particulièrement bien réalisé. Les couleurs sont harmonieuses, les coins sont parfaitement droits… Ils ont même retiré la navigation pour coller à la tendance du moment (cf. Vive les sites web à page unique !). Bref, c’est d’une sobriété imbattable, mais j’aime bien.

Pour contrebalancer cette austérité, je vous propose ensuite le site de Payoff, un site de gestion budgétaire :

Payoff

J’apprécie particulièrement sur ce site l’harmonie des couleurs (nuances de bleu + touches de jaunes pour dynamiser), le fond de page animé (les nuages défilent lentement) et la grille de lecture aérée (sinon on ne verrait pas le fond de page). Il manque peut-être en page d’accueil une explication courte du service (je n’ai toujours pas bien compris comment ça fonctionne) mais le rendu visuel est très stimulant.

Terminons avec Polaroid Stream, le brandstream de la marque aux photos instantanées :

Polaroid_Stream

J’apprécie particulièrement la grille de lecture très rigoureuse des news et le large bandeau de défilement. Les couleurs sont très sobres (ce qui n’est pas sans rappeler le site d’Adobe) et le site très cohérent (notamment la rubrique The Movement). Bref, esthétisme et sobriété pour une marque qui n’a pas hésité à se payer les services de Lady Gaga lors du dernier CES.

La suite le mois prochain.

Mes 3 sites coup de coeur (avril 2010)

Come chaque mois voici ma sélection de sites avec de jolis designs.

Commençons par Ready Made Designs, une agence anglaise :

ReadyMadeDesigns

Une approche graphique originale avec des typos rétro (surtout les titres des blocs en bas de page) et des illustrations crayonnées. L’ensemble est très harmonieux mais les liens ne sont pas assez visibles.

Continuons avec i-Avion, un comparateur de prix de billets d’avion :

iAvionLe fond de page vintage et la palette de couleurs acidulées donne à ce site une ambiance rafraichissante (un peu comme les petites lingettes que l’on distribue dans les avions). Je ne peux que saluer la prise de risque par rapport aux autres comparateurs.

Terminons avec Sifter, une application en ligne de suivie de problèmes :

SifterBeaucoup de sobriété dans cette page, beaucoup de textes également mais une très bonne lisibilité (lignes courtes, interlignage important) et des blocs d’informations bien découpés. Je regrette juste la multiplication des typos : Pourquoi utiliser une police différente dans le gros boutons d’action ?).

La suite le mois prochain…

Les interfaces naturelles d’aujourd’hui et de demain

J’ai déjà eu l’occasion de vous parler de l’évolution de l’outil informatique vers des terminaux polymorphes et nomades. Cette évolution du hardware se fera de concert avec le software et notamment les systèmes d’exploitation et les logiciels. D’ailleurs nous sommes en plein dedans avec la vague des widgets (sorte de mini-applications) qui font la fortune d’Apple sur l’iPhone et le prochain Chrome OS de Google qui sera un hybride entre navigateur et système d’exploitation.

Les interfaces naturelles bientôt dans notre quotidien

Depuis que j’ai assisté au speech très inspiré de Bill Buxton sur les interfaces naturelles, je m’interroge sur la pertinence du modèle écran / clavier / souris. Regardez de près le Project Gustav pour vous rendre compte du potentiel que pourrait représenter des interfaces faisant une utilisation optimale des écrans tactiles et des périphériques naturels (ici un simili-pinceau pour cette simulation de peinture) :

L'interface du Gustav Project
L'interface du Gustav Project

La prise en main est immédiate et l’utilisateur s’exprime d’autant mieux qu’il utilise les gestes et outils de son quotidien. Démonstration vidéo ici :

Ce type d’interface a d’ailleurs été vu sur les stands de Fiat et de Renault au récent Salon de Genève pour épater les visiteurs : Les configurateurs interactifs de Fiat et Renault au Salon de l’Auto de Genève.

Le configurateur ludique de Fiat au Salon de Genève
Le configurateur ludique de Fiat au Salon de Genève

La dimension ludique est ici évidente et l’on se met à rêver des nombreuses possibilités offertes par des terminaux comme Surface… ou comme la Sphere, un autre projet de Microsoft qui combine un affichage sphérique et une surface tactile :

Le projet Sphere de Microsoft
Le projet Sphere de Microsoft

Mais pas la peine de sortir la grosse artillerie pour proposer une expérience différenciante. Exemple avec le Gesture Cube, un concept à mi-chemin entre touchbook et cadre numérique qui pousse encore plus loin la logique de terminal domestique connecté popularisée par le Chumby : Gesture Cube, Une interface 3D interactive.

Le concept de Gesture Cube
Le concept de Gesture Cube

Là encore, ce cube domestique aux formes et dimensions très proches d’un radio-reveil, exploite parfaitement les gestes naturels et surtout la contextualisation des informations / applications en fonction de la pièce dans laquelle vous vous trouvez :

Et dans la série « je fais du neuf avec du vieux« , je me permets également d’évoquer le concept Waveface Ultra proposé par Asus, un écran tactile souple que vous enroulez autour de votre poignet :

Le concept Waveface d'Asus
Le concept Waveface d'Asus

L’idée ici n’est pas de miniaturiser un smartphone mais plutôt de faire monter en compétence votre montre pour qu’elle puisse vous envoyer des notifications et qu’elle interagisse avec ce qui vous entoure :

Là encore vous remarquerez que le terminal et les gestes utilisés pour le manipuler sont les plus naturels possibles (l’interface est ici presque transparente).

Dernier exemple et pas des moindres avec SixthSens le concept d’interface gestuelle portable présentée par Pranav Mistry lors du dernier TED : An interview with Pranav Mistry, the genius behind Sixth Sense.

SithSens, l'interface gestuelle portable
SithSens, l'interface gestuelle portable

Imaginez-vous avec un terminal en forme de médaillon qui serait équipé d’un mini-projecteur (pour afficher des informations) et d’une caméra pour capter le mouvement de vos doigts. Lorsque vous allumez le terminal, vous choisissez une application et celui-ci projette alors une interface adaptée au contexte d’utilisation (ici, la lecture d’une vidéo en complément d’un article) :

L'interface gestuelle SixthSens en action
L'interface gestuelle SixthSens en action

Pour le moment le terminal en lui-même est rudimentaire mais l’on décèle un potentiel énorme dans la vidéo suivante :

Et comme dans les précédents exemples, c’est un objet du quotidien (un médaillon) qui est mis en scène dans notre quotidien (prendre une photo, lire un journal) et dont l’interface se manipule de façon tout à fait naturelle (avec les doigts).

Interfaces naturelles et jeu vidéo, une réalité

Bon nous sommes tous d’accord pour dire que ce n’est pas demain la veille où nous sortirons avec notre médaillon augmenté, il n’empêche que les interfaces naturelles sont une réalité pour un grand nombre de personnes (vous avez déjà essayé la Wii ?) et qu’il n’y a aucune raison pour que l’industrie du jeu vidéo n’aille pas plus loin (d’ailleurs elle a toujours été très précurseur).

La Wiimote pour reproduire les gestes naturels
La Wiimote pour reproduire les gestes naturels

Passé relativement inaperçu l’année dernière, le jeu EndWar est ainsi un bel exemple d’interface naturelle avec son principe de commandes vocales plutôt abouti :

L'interface à commandes vocales du jeu EndWar
L'interface à commandes vocales du jeu EndWar

Commandes gestuelles, commandes vocales, c’est la sortie en juin prochain de la déclinaison grand public du Project Natal de Microsoft qui devrait normalement rehausser la barre d’un cran avec des concepts de jeu tout à fait renversants. Exemple avec ce concept malheureusement abandonné de beat them all qui se joue avec les doigts : Indie studio reveals cancelled, finger-powered Natal game.

Un projet de jeu de combat avec les doigts
Un projet de jeu de combat avec les doigts

Quel dommage que ce concept n’ai pas été retenu car je me voyais tout à fait jouer avec mes doigts sur la table basse :

Illustration du jeu 2 Finger Heroes
Illustration du jeu 2 Finger Heroes

Bref, j’ai comme l’impression que les souris et claviers vont prendre une grosse claque avec la généralisation des écrans tactiles et des interfaces naturelles. Quoique…

Pas d’interfaces naturelles dans le milieu professionnel ?

Outre les métiers graphiques, j’ai du mal à anticiper une percée des interfaces naturelles dans le monde professionnel. Autant je suis convaincu du potentiel ludique et intuitif de ce type d’interfaces, autant je ne pense pas que l’on puisse améliorer la productivité d’un utilisateur de clavier / souris dans un contexte pro.

C’est donc malheureusement l’argument économique qui va pérenniser l’outil informatique tel que nous le connaissons sur le poste de travail. Rien de dramatique dans la mesure où nous pourrons toujours exploiter des interface naturelles dans nos moments de détente ou à la maison. La rupture entre le monde pro et perso sera ainsi d’autant plus nette et agréable.

Et le web dans tout ça ?

Reste une grande inconnue pour les interfaces naturelles : Comment les exploiter dans le cadre d’un navigateur web ? Et c’est là où nous nous heurtons au casse tête des interfaces web qui se manipulent à la fois avec la souris pour le clic ou le drag & drop (donc potentiellement la main ou le doigt), mais également avec le clavier pour saisir une URL ou remplir un formulaire.

Donc très clairement sur ce cas d’usage particulier je suis incapable de prendre position. Comme je fais un usage intensif du web, je penche tout de même en faveur du traditionnel couple clavier / souris. Mais tout ceci pourrait bien changer avec la « widgetisation » des sites web et services en ligne sur l’iPhone et encore plus sur l’iPad.

Affaire à suivre, nous aurons l’occasion d’en reparler.

Mes 3 sites coup de coeur (mars 2010)

Ce mois-ci j’ai encore une belle moisson de jolis sites, je me demande même si je ne vais pas passer à 5 sites coup de coeur…

Commençons avec le très mignon Cubicl, une application de collaboration en ligne pro/perso :

Cubicl

Une palette de couleur très harmonieuse, une approche graphique tout en rondeur, des intitulés accrocheurs et des textes courts et percutants. Rien à redire, cette page véhicule du sérieux et de la maitrise.

Restons dans le minimalisme avec Tapbots, un éditeur d’applications pour iPhone :

Tapbots

L’approche graphique est ici similaire au précédent site avec un style très cartoon mais il y a une volonté afficher d’en dire le moins possible, et ça marche ! Les descriptions des applications sont minimalistes (même pas de captures d’écran) mais cette page d’accueil donne sacrément envie de cliquer. La grille de lecture permet à l’oeil de bien circuler entre les blocs, les contrastes sont excellents et les illustrations rythment bien la page dans sa verticalité (ha mince, je me met à parler comme un sémioticien, c’est grâce docteur ?).

Terminons avec un troisième site en rupture complète, le portfolio de Simon Collison :

SimonCollison

La page d’accueil de ce site est un véritable électrochoc avec une touche graphique rétro dans la plus pure tradition des manuels de taxinomie. Chaque bloc correspond à une rubrique. Je ne peux qu’applaudir l’engagement de ce design et le travail réalisé pour respecter les codes graphiques de la taxonomie (fond de page, typographie, illustrations…). Facile de se démarquer avec un site comme celui-là !

La suite le mois prochain…

Mes 3 sites coup de coeur (octobre 2009)

Comme chaque mois je vous propose une sélection de sites dont j’apprécie particulièrement le design.

Epic Event, un service d’organisation, de réservation et de paiement pour des évènements :

EpicEvent

J’apprécie beaucoup les différents traitements graphiques du fond de page qui ne nuisent pourtant pas à la lisibilité, le contraste et la forme du gros bouton d’action « Learn more… » et les pictos qui rythment les blocs de la seconde partie de page.

Postbox, un outil de productivité fondé sur l’email :

Postbox

Beaucoup de blanc sur cette page très dynamique de par le contraste des couleurs (blanc / bleu / rouge). J’aime bien le fait de réduire au minimum les possibilités d’interaction (Donwload, Buy, 4 items de navigation et un lien en bas de page). Les accroches sont en plus ultra-courtes et très percutantes.

The Social Agency, une agence d’organisation de rencontres professionnelles :

SocialAgency

J’adore cet immense header blanc et la non moins gigantesque base line (« We bring people together« ). La formation de la promesse est également très bien tournée (« We want to promote your next event« ), c’est volontaire sans toutefois être rentre-dedans. Dynamisme et élégance, quel subtil mélange !