FredCavazza.net

Comme à chaque début de mois, je vous propose un résumé des billets publiés sur mes autres blogs, avec notamment pour ce mois de juin une révélation exclusive (les forums sont comme des trous noirs), une réflexion sur l’ergonomie des netbooks ainsi qu’une tentative de définition des médias sociaux.

L’actualité des interfaces riches appliquées au e-commerce sur RichCommerce.fr :

• Immersion et contenus vidéo chez Patagonia ;
• Zoom XXL + e-catalogue = Zoomorama ;
• Est-ce la mode du Point&Click ? ;
• Ils sont fous ces japonais N°2.

L’actualité des réseaux sociaux et plateformes communautaires sur MediasSociaux.com :

• Les FAQ collaboratives comme alternatives aux forums ? ;
• Pourquoi intégrer Facebook Connect sur votre site ? ;
• Les URLs Facebook.com/votrenom seront disponibles samedi : quels bénéfices ? ;
• Bienvenue en Youmediacratie ! ;
• Quand votre site web est une vidéo ;
• Etsy, une autre vision du commerce CtoC ;
• Enfin des données statistiques sur Twitter ;
• Cyber Lions Cannes 2009 - Un grand cru ! ;
• Une définition des médias sociaux ;
• Conférence EBG : Facebook Connect et Twitter.

L’actualité des univers virtuels et du v-business sur VirtualWorldsNews.fr :

• BillMyParents lance un partenariat avec Habbo et OutSpark pour simplifier le commence d’objets virtuels ;
• Premières images du futur client Second Life ;
• Le marché du jeu vidéo dominé par le jeu en ligne en 2009 ;
• Des nouvelles de Blue Mars ;
• Une nouvelle cartographie des univers virtuels.

L’actualité des interfaces riches sur InterfacesRiches.fr :

• Roland-Garros en HD Smooth Streaming avec Silverlight (et dans votre intranet aussi) ;
• Quand la réalité augmentée nous facilite le quotidien ;
• Spezify, un nouveau moteur de recherche visuelle ;
• 200 millions d’installations pour Adobe AIR ;
• Deux très belles réalisations pour Got Milk ;
• Quel framework pour les animations en Javascript ?.

L’actualité de l’Entreprise 2.0 sur Entreprise20.fr :

• Confluence 3.0 se lance sur les traces de JotSpot ;
• Le plein de nouveautés pour l’édition 2009 de la conférence E2 ;
• Résumé des comptes-rendus de la conférence E2.0 de Boston.

L’actualité de l’utilisabilité et de la conception centrée sur l’utilisateur sur SimpleWeb.fr :

• Une visite guidée intégrée à votre page d’accueil ;
• Vers des sites adaptés aux netbooks ? ;
• Une autre étude sur la mise en page des formulaires ;
• Reactable, quand la musique devient tactile et visuelle.

La suite le mois prochain.

Comme chaque année depuis… l’année dernière, Octo Technology organise l’Université du Système d’Information, le rendez-vous des geeks et des boss. Le principe de cette manifestation est de réunir dans un même espace des speakers de profils variés regroupés dans 4 grandes thématiques : Gouvernance, Technologies, Méthodologies et Utilisabilité (cf. le programme). Ça va se passer les 1er et 2 juillet prochain à Paris.

C’est donc dans la catégorie Utilisabilité que je vais avoir le plaisir d’intervenir aux côtés d’autres visages connus comme Amélie Boucher ou Johan Adda. Mon intervention s’intitule “L’impact du Web 2.0 sur les standards de conception“, ce titre ne me plait pas trop mais le sujet va, je pense, beaucoup vous intéresser. J’y parlerais notamment des changements de comportement et des attentes des internautes à l’heure des médias sociaux ainsi que de l’impact de la dimension sociale sur les standards de conception. Traduction : Comment concevoir une plateforme sociale (standards de facto, bonnes pratiques et pièges à éviter). J’interviens le premier jour, juste après Joël De Rosnay et en même temps que Didier Girard (oups !).

Mais ce n’est pas tout, car il y aura également un Espace Utilisbailité avec des démonstrations de eye-tracking, de tables interactives et de terminaux mobiles next-gen, du speed consulting…

Bref, c’est à mon sens l’évènement majeur de ce milieu d’année, à ne pas manquer.

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).

Je viens de découvrir la toute nouvelle version du site d’Electronic Arts et je dois avouer avoir été scotché par cette nouvelle réalisation. En fait je me demande même s’ils n’ont pas réussi le sans-faute… Il y a tout d’abord cette superbe page d’accueil avec beaucoup d’images, plein de trucs à cliquer tout en conservant une excellente lisibilité :

La page d'accueil d'Electronic Arts

Les raisons qui font que j’aime cette page d’accueil :

• La grille de lecture est sobre et visuellement très légère ;
• Le haut de page est très bien orchestré avec une élégante intégration du logo, de la barre de navigation et du moteur de recherche ;
• Il y a beaucoup d’espace entre les blocs (ce qui fait “respirer” la page et ne sature pas l’oeil) ;
• Les différents éléments sont bien hiérarchisés avec une emphase sur “Browse Games” et “Featured Spore Creatures” (pour compenser avec les autres éléments aux couleurs plus vives) ;
• La page est structurée sur un bloc centré à largeur fixe, mais si vous agrandissez la fenêtre de votre navigateur le fond est “habillé” d’une très belle illustration.

Il y a ensuite un certain nombre de détails que j’adore, à commencer par le menu de navigation surdimensionné avec un très bon cloisonnement de l’information et une mise en avant :

Le menu de navigation surdimensionné

Une sacrée coïncidence car j’ai justement rédigé un billet hier au sujet des menus XL et des plan de site dans le footer (ce que propose également ce site) : Soignez vos extrémités (menu et pied de page).

Le site propose également un très bon carrousel avec une petite barre qui permet d’anticiper le changement de vignette :

Le carrousel avec barre de défilement

Il y a également un autre carrousel avec une présentation en accordéon très original :

Le second carrousel en accordéon

Et il y a enfin une barre d’outil en bas de l’écran (qui reste à sa place quelle que soit la position dans la page) où l’on retrouve l’accès aux autres sites du groupe, le changement de langue, la création de compte… avec à chaque fois des panneaux flottants de toute beauté :

La barre d'outils en bas d'écran

Le reste du site est plus classique (quoi que toujours aussi efficace). Mention spéciale pour la page de News qui présente un design élégant mais moderne (cf. nuage de tags) ainsi qu’un très bon moteur de filtres à gauche :

La page de news

Bref, je suis vraiment sous le charme de cette nouvelle version car elle concentre un ensemble de bonnes pratiques dans un tout cohérent et de très bon goût.

Et vous ne savez pas le pire ? L’URL de ce site (EA.com) est l’anagramme d’un autre site que j’adore (AE.com). C’est fou, non ?

L’actualité des interfaces riches appliquées au e-commerce sur RichCommerce.fr :

• Des tonnes d’interfaces riches chez Adidas ;
• Vers une recherche plus visuelle avec Zappos Explore ;
• Toujours plus d’interactivité dans les vidéos ;
• Un plaidoyer en faveur des carrousels ;
• Toujours plus d’innovation dans les menus ;
• La guerre des robots entre Lego et Megabrand.

L’actualité des réseaux sociaux et plateformes communautaires sur MediasSociaux.com :

• Comment google a changé le monde en 10 ans… ;
• Les réseaux sociaux pour les seniors s’organisent ;
• Après le lifestream, le placestream ? ;
• Les commentaires au centre de votre graph social ? ;
• Le Social Media Marketing expliqué en 3 min. ;
• Case study: The Barack Obama Social Media Marketing Strategy ;
• The Cell Experience by Zaoza: 5 jours enfermés en live ;
• NBA + TNT + Facebook = Live conversation platform ;
• Posterous: votre blog automatique par email ;
• Le marketing conversationnel : une vidéo et une présentation pour mieux comprendre ;
• En 2009, les outils de gestion des opinions clients seront les investissements les plus utiles pour améliorer l’expérience des clients ;
• Knol + Sermo + PatientsLikeMe = Medpedia ;
• Facebook fait appel à la communauté pour les CGU ;
• Netlog, enfin un réseau social européen d’envergure !.

L’actualtié des univers virtuels et du v-business sur VirtualWorldsNews.fr :

• MTV migre ses univers virtuels vers Flash ;
• Le Groupe Lucien Barrière lance un casino virtuel ;
• Nouveau livre disponible : Virtual Worlds for Business “how to” se lancer dans les mondes virtuels ;
• Le v-commerce en action sur WeeWolrd et Build-a-Bearville ;
• Un tout nouveau design pour Weblin ;
• Panorama des métiers dans Second Life.

L’actualtié des interfaces riches sur InterfacesRiches.fr :

• EarthBrowser, très bonne alternative à Google Earth ;
• Hyundai mise sur les interfaces riches pour sa Genesis Coupe ;
• Pourquoi les CSS Animations ne sont pas concurrentes de Flash ou Silverlight ;
• shAIR, une solution de distribution commerciale d’applications AIR ;
• Flash, grand conquistador du marché RIA ;
• Un nouveau site en Flash pour Axa ;
• Et on reparle des Rich Internet Games.

L’actualité de l’Entreprise 2.0 sur Entreprise20.fr :

• Expérimentez la collaboration en temps réelle avec Colaab ;
• Ne confondez plus gestion de projet et collaboration en ligne ;
• Déontologie professionnelle sur les médias sociaux ;
• Comment les grandes idées finissent au placard ;
• IBM travaille sur un browser dédié à la collaboration ;
• Public/Privé & Perso/Pro.

L’actualtié de l’utilisabilité et de la conception centrée sur l’utilsiateur sur SimpleWeb.fr :

• Mémento Web : un concentré de bonnes pratiques de conception web ;
• Une charte ergonomique des sites internet publics ;
• Google publie une étude de eye-tracking sur son propre site ;
• Un petit déjeuner sur l’ergonomie le 11 mars prochain au Luxembourg.

La suite le mois prochain.

Houlala mais qu’est-ce que c’est chaint de faire ces billets récapitulatifs ! Bon bref, tout ça pour dire que je vais maintenant changer de formule et publier un seul billet mensuel pour résumer ma production sur les autres blogs, ça sera plus simple.

J’en profite donc pour résumer l’actualité de la collaboration en ligne et de l’Entreprise 2.0 :

• Quelles tendances pour l’Entreprise 2.0 en 2009 ? ;
• Apple se lance dans le SaaS avec iWork.com ;
• Novell propose également sa plateforme collaborative avec GroupWise ;
• Quels sont les usages de RSS en entreprise ? ;
• Et on reparle des espaces collaboratifs virtuels.

Et je termine avec mes billets concernant l’utilisabilité publiés sur SimpleWeb.fr :

• Un blog dédié aux wireframes ;
• Vidéo en ligne, Hulu vainqueur par K.O. ;
• Quand une simple modification peut vous rapporter 300 millions de $ ;
• Cloudo et son formulaire de création de compte ;
• L’ergonomie Web vue par les internautes ;
• Les plus belles interfaces ne sont pas forcément les meilleures ;
• Vive les assistants de saisie pour les champs de formulaire.

À très bientôt pour un nouveau récapitulatif.

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.

La nouvelle interface du NY Times

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)

Celles et ceux qui me lisent depuis un certains temps, notamment sur des sujets liés à l’ergonomie et à la conception d’interfaces web, savent à quel point j’insiste sur les  conventions (liens soulignés bleus…) et les risques liés au non-respect de ces conventions. Bon… vous pourriez me dire qu’il y a convention et convention mais là n’est pas mon propos, je ne cherche pas à rentrer dans ce débat.

Bref, tout ça pour dire que je suis récemment passé sous Mac et que j’ai découvert un utilitaire tout à fait singulier : Skitch. Pour faire simple, il s’agit d’un outil de capture, de retouche et de partage d’images (uniquement disponible sur Mac). Il existe de nombreux logiciels proposant la même chose (dont le très original Jing) mais Skitch propose une interface tellement déconcertante que ça mérite un billet.

La particularité de ce fameux Skitch est de proposer une fenêtre où les différentes icônes et fonctions sont réparties tout autour du cadre :

Deuxième particularité : le modèle d’interaction très particulier qu’il propose pour redimensionner, renommer et sauvegarder une image. Dans n’importe quel outil vous vous attendriez à faire quelque chose comme :

1. Menu “Image” puis option “Redimensionner” ;
2. Menu “Fichier” puis option “Enregistrer sous” avec une fenêtre de dialogue pour choisir le nom et l’emplacement du fichier.

Et bien ici pas du tout car le redimensionnement se fait directement en déplaçant un des coins de la fenêtre et le renommage en saisisant le nom du fichier et le fomat dans le champ en bas de la fenêtre :

Encore plus déroutant : pour sauvegarder le fichier il faut attraper l’onglet “drag me” en bas de fenêtre et le positionner à l’emplacement désiré (sur le bureau, dans un fichier ou un email…) :

A la première utilisation c’est très déroutant mais on a vite fait de se prendre au jeu et surtout de se dire que ce modèle d’interaction est terriblement efficace. Voici donc un bon exemple de non respect des conventions qui pourtant fonctionne plutôt bien. Un excercice très délicat (voir carrément dangereux) mais qui donne un caractère très particulier à cette application (en plus de la couleur rose).

Dans le même genre il y a également Chrome qui a supprimé la barre de menu. Si vous connaissez d’autres exemples, n’hésitez pas à publier les liens en commentaire.

Alors bien évidemment vous vous doutez bien que je ne vous recommanderais pas dans un premier temps d’appliquer ce principe (”Don’t try this at home“), mais il y a tout de même de quoi nourrir une réflexion intéressante sur une approche en décallage complet avec les conventions et autres normes informelles (le fameux “Thinking outside the box“).

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.