FredCavazza.net

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 :

La page d'accueil de 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 :

La page d'accueil de 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 :

Le portfolio de Simon Collison

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…

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 :

La page d'accueil d'Epic Event

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 :

La page d'accueil de 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 :

La page d'accueil de The Social Agency

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 !

Je continue dans ma série de sites “coup de coeur” avec trois applications en ligne superbement mises en valeur par leur site web.

On commence avec DailyBurn, une application en ligne de fitness tracking :

La page d'accueil de DailyBurn

La grille de lecture est limpide, les visuels attractifs et l’harmonie des couleurs très… harmonieuse. En plus ils ont le bon goût de proposer une visite guidée intégrée à la page d’accueil.

Il y a ensuite Tea Round App, une application pour iPhone qui sert à définir des tours de préparation pour le thé (WTF?) :

La page d'accueil de Tea Round App

Autant je suis très dubitatif quand à l’intérêt réel de cette application, autant je suis immédiatement tombé amoureux de cette ambiance boisée très chaleureuse, des petits coups de crayon, du jeu typographique (en bas de page). Cerise sur le gâteau, la visite guidée en 4 étapes qui utilise un slider façon iPhone (”Step 1“…).

Il y a enfin Ballpark, une application en ligne de facturation :

La page d'accueil de Ballpark

Rien de révolutionnaire dans le choix des couleurs mais une construction de la page en strates tout à fait convaincante avec une parfaite lisibilité et un fort contraste permettant de bien guider l’attention sur le bouton d’action. Vous apprécierez au passage les titres qui sont un modèle de concision et d’incitation. Et ne ratez surtout pas la superbe page de comparaison des offres ainsi que le magnifique formulaire de création de compte.

La suite le mois prochain…

Je continue ma série de coups de coeur avec deux sites d’une sobriété exemplaire et un dernier site très… inspiré.

Il y a tout d’abord Utilium, une solution pour créer / gérer des espaces collaboratifs en ligne à vocation pédagogique :

La page d'accueil d'Utilium

La page d’accueil est d’une grande sobriété, lisibilité est parfaite (choix des typos + contraste), le conrat de lecture est limpide (avec un dégradé de bleu en trois temps), les textes sont courts et accrocheurs, le bouton d’action idéalement positionné et ils ont même mis un “filet de sauvetage” en bas de page avec 3 options de navigation alternatives.

Il y a ensuite Creattica, une galerie collaborative de beaux designs :

La page d'accueil de Creattica

La mise en page est d’une grande sobriété mais il y a un très intéressant travail au niveau de choix typographiques qui apporte de la sophistication sans trop alourdir la page, il y a surtout de magnifiques effets graphiques au niveau du logo et des boutons qui donne un aspect très “classieux” (façon Adobe).

Il y a enfin College Park Curch, le site d’une église à Indianapolis :

La page d'accueil de College Park Church

J’adore le logo, l’harmonie des couleurs qui jouent sur un dégradé de vert (symbole de stabilité et de fertilité), la grille de lecture est nette et permet de guider l’oeil le long des colonnes à la découverte du contenu, les boutons d’action sont très incitatifs dans leur formulation (”I’m New“, “Listen“, Dowload“) sans pour autant faire tâche sur la page, le pied de page est massif mais à la lisibilité optimale. À noter que ce site repose sur Ekklesia 360, un système de gestion de contenu dédié aux paroisses avec une gestion très fine des contenus texte (thèmes récurrents) et audio (les sermons), des modules communautaires (pour les fidèles) et des évènements (pour les RDV religieux). Je vous invite à visiter leur très belle galerie (très reposante).

Dans mes prédictions 2009 j’anticipais un retour sur le devant de la scène pour Microsoft, ce retour en grâce passant notamment par un certain nombre de projets innovants comme Photosynth, Surface, Sphere ou encore WorldWide Telescope. À cette liste de projets il faut également ajouter tous les projets expérimentaux menés dans le Microsoft Labs comme cette stupéfiante vidéo : Future Vision Montage.

Cette compilation de concepts regroupe en effet une incroyable série d’interfaces toutes plus belles les unes que les autres qui me font penser au célèbre Vodafone Future :

Saluons donc le formidable travail de design réalisé pour mettre en scène ces interfaces qui concurrencent sérieusement le concept Aurora de Mozilla (même si dans le fond très peu de ces concepts sont pour le moment réalisables). Dans le même genre il y a aussi le 4G=IP de Cisco. (via R/W Web)

Décidément la presse n’en finit plus de se réinventer. Pour faire face à la baisse généralisée des ventes de papier nous assistons à la naissance d’un nouveau type de magazine en ligne : les photo-magazines. Particularité de ces sites : une ligne éditoriale orientée lifestyle et beaucoup de photos très qualitatives. Dans les faits, ça donne des sites comme Flipgloss, le dernier de la bande :

La page d'accueil de Flipgloss

Vous apprécierez les “unes” que l’on peut parcourir en mode coverflow sur la page d’accueil ainsi que l’effort notable pour proposer une mis en page agréable. Au niveau des pages intérieures, les articles sont en fait des diaporamas avec des photos en pleine largeur (ou hauteur) et du contenu associé :

Une page intérieure de Flipgloss

Il est évident que ce type de site ne se préoccupe pas trop de l’accessibilité ou du temps de chargement mais de touye façon est-ce que les pendants “papier” de ces magazines en ligne se souciaient d’utiliser du papier recyclé ? Non pas réellement car l’objectif ici est bien de faire rêvé, et ça marche ! Plus d’infos ici : Flip Or Bust? FlipGloss Debuts Glossy Digital Photo Magazine.

Autre exemple avec Wonderwall publié par MSN :

La page d'accueil de Wonderwall

Là encore nous avons assez peu de texte et des photos dans tous les sens. Vous noterez au passage l’improbable barre de défilement latérale pour naviguer dans le site, sûrement une métaphore pour nous rappeler le geste du feuilletage des pages. Finalement une assez bonne idée car l’impression de “survoler” les sujets est bien présente. (via Paid Content)

Plus proche de chez nous, nous avons également le magazine français Ykone qui vient de voir le jour :

La page d'accueil d'Ykone

Bon… c’est moins spectaculaire et dense que les magazines US mais l’intention est là. (via Heaven)

Une tendance intéressante mais finalement je me demande s’il ne serait pas mieux d’encapsuler ce type de magazine dans des parutions plus étoffées comme les diaporamas de L’Express ou ceux de MenStyle.

Je vous avais présenté l’année dernière 3 sites sur lesquels j’avais craqué : Mes 3 sites ‘coup de cœur’. Et bien figurez-vous que j’ai très récemment eu de nouveaux coup de coeur que j’ai le plaisir de partager avec vous.

Il y a tout d’abord MoneyWatch, un portail d’information financière avec une superbe mise en page (grille de lecture soignée, belle harmonie des couleurs, utilisation astucieuse des typos…) :

La page daccueil de MoneyWatch

Il y a ensuite BookGlutton, un remarquable service de lecture collaborative (avec de très beaux arrondis, une ambiance assez zen et un superbe fond de page) :

La page daccueil de BookGlutton

Et il y a enfin le blog de Sam Rayner qui innove dans la façon de présenter les dates / commentaires / tags des billets (en plus d’un esthétisme remarquable) :

Le blog de Sam Rayner

Voilà, ce sont mes trois coups de coeur du moment, et vous ?

Les inscriptions pour la quatrième édition de la Journée Mondiale de l’Utilisabilité sont enfin ouvertes : Inscription pour la Journée Mondiale de l’Utilisabilité 2008 à Paris.

Petits rappels : c’est une conférence gratuite qui se déroulera le 12 novembre 2008 à 18 H 30 dans le Business Center de Microsoft (148 rue de l’Université, 75007 PARIS) et qui aura pour thème “Utilisabilité et interfaces riches“.

Vous pouvez consulter le programme (quasi-finalisé) ici : Journée Mondiale de l’Utilisabilité 2008.

Si jamais le programme ou l’inscription ne sont pas disponibles (problème technique ou autre), réservez quand même cette date sur votre agenda car l’évènement aura lieu de toute façon.

Je suis encore en plein chantier car cette édition 2008 est également l’occasion pour moi de réactiver le site SimpleWeb.fr et de le transformer en un blog dédié à l’utilisabilité, l’expérience utilisateur, l’ergonomie…

Ce qui nous fait donc 7 blogs (cf. la liste en haut de page). Vous noterez au passage que je réhabilite la baseline qui a été affichée sur ce blog pendant plusieurs années (”Simplifions l’internet“). Comme toujours ce nouveau blog a pour vocation d’être collectif, donc je suis à la recherche de co-rédacteurs. N’hésitez pas à m’envoyer un message pour en discuter.

Vous n’aimez pas les écrans des distributeurs automatiques de billets (DAB) ? Vous préfériez des interfaces plus riches (RIA) ? Alors vous aimerez sûrement les nouveaux automates de Wells Fargo (WF). Cette banque américaine a en effet eu recours aux services d’une agence de design (Hot Studio) pour concevoir l’interface de ses nouveaux distributeurs automatiques : That design is money! A better ATM experience from Wells Fargo.

Le résultat est tout simplement bluffant avec des écrans d’une grande sobriété mais à la lisibilité parfaite. Ici la saisie du code PIN :

Et là un écran de confirmation avec un exemple de processus :

Juste pour rigoler je vous propose un avant / après du menu principal :

Rien à redire, c’est du très bon travail et cette nouvelle interface participera grandement à réduire les frictions (incompréhensions, frustrations, erreurs…) et à améliorer l’expérience d’usage. A quand la même chose à la beuneupeu ? Franck, tu m’écoutes ?

(via etre)

Voici le billet que j’avais en tête depuis quelques temps : Doing More with Less: 4 Design Lessons from the Flip. De quoi s’agit-il ? D’une déclaration d’amour envers un petit gadget électronique qui ne me quitte pratiquement plus : le Flip Video.

Pour faire court, le Flip est une petite caméra vidéo sans prétentions qui pourtant m’apporte une satisfaction énorme, et je ne suis pas le seul à le penser (cf. les nombreux avis positifs publiés sur Amazon).

Mais revenons à notre article. Le principe du Less is More est assez simple : moins de fonctionnalités = moins de complexité = moins d’attentes = plus de simplicité = plus de satisfaction.

L’auteur de l’article nous détaille ainsi les raisons du succès du Flip :

• Une interface et des contrôles minimalistes (il n’y a pas de touche “menu” puisqu’il n’y a pas de menu !) ;
• Moins de soucis avec la batterie (l’appareil fonctionne avec des piles) ;
• Moins de soucis avec le montage (pas la peine d’installer le logiciel de montage puisqu’il est présent directement dans l’appareil et qu’il se lance dès qu’on le branche) ;
• Intégrer l’étape suivante (vos vidéos sont publiées sur YouTube et cie en 1 clic).

Voilà, la recette est simple : pas de surenchère technologique, juste du confort pour l’utilisateur. En tout cas je suis complètement satisfait de cet appareil qui me permet de réaliser tout un tas d’interviews.

Je me demande bien ce que pourrais en penser Eric…