FredCavazza.net

Après le faste des fêtes de fin d’année, je vous propose une sélection de sites culinaires qui m’ont tapés dans l’oeil (et ouvert l’appétit).

Commençons avec Wiltshire Farm Food, un service anglais de livraison de repas à domicile :

La page d'accueil de Wiltshire Farm Food

Même si la mise en page est un peu chargée (pas beaucoup de zones de respiration), l’impression générale est très bonne et l’armonie des couleurs est très agréable. J’apprécie particulièrement les blocs de couleur dans le menu vertical à gauche ainsi que le traitement graphique des boutons (”Search“, “Add“…).

Nous avons ensuite Culinary Culture, une plateforme sociale pour amoureux de la bonne chair (partage de recettes, de bonnes adresses…) :

La page d'accueil de Culinary Culture

Nous avons ici une grille de lecture beaucoup plus simple et de larges zones de respiration. Vous noterez le travail réalisé sur les choix typographique, sur la complémentarité des couleurs ainsi que les 3 illustrations. Autre particularité intéressante : le formulaire sans intitulés de champs (cf. Avons-nous encore besoin des intitulés de champs dans les formulaires).

Terminons avec Delibar, un client Mac pour Delicious (donc rien à voir avec la cuisine, si ce n’est le nom) :

La page d'accueil de Delibar

Là encore nous avons un gros travail d’harmonie des couleurs et de minimalisme sur cette page. Notez que les grands espaces vides de chaque côtés de l’illustration servent en fait à accueillir une démo de l’application (à activer en cliquant sur le lien “Try me“).

La suite le mois prochain…

…

Voilà deux semaines que l’édition 2009 de la Journée Mondiale de l’Utilisabilité est passée, il est donc largement temps d’en publier un compte-rendu. Nous avons donc eu la grande joie d’accueillir une soixante de personnes pour cette conférence dédiée aux techniques et outils d’utilisabilité appliqués aux commerce en ligne.

Les intervenants de la Journée Mondiale de l'Utilisabilité 2009

Les diaporamas et vidéos sont donc accessibles sur le site SimpleWeb.fr : Journée Mondiale de l’Utilisabilité 2009. (je ne sais plus qui en est l’auteur mais merci pour la photo)

Encore un grand merci aux intervenants (Olivier, Raphaël, Jérémie, Vincent et Romain) et aux partenaires de cet évènement (Bertrand et Lucas).

Je vous donne rendez-vous l’année prochaine (la date sera quasiment la même), il me reste à choisir le thème (vos suggestions sont les bienvenues dans les commentaires).

Ce mois-ci dans ma sélection de boutiques en ligne “coup de cœur” je vous propose, ne fois n’est pas coutume, deux sites français (cocorico !).

–PUB–

Si vous vous intéressez au commerce en ligne alors ne ratez sous aucun prétexte la cinquième édition de la Journée Mondiale de l’Utilisabilité qui se déroulera à Paris le jeudi 12 novembre prochain sur le thème suivant : Ergonomie et e-commerce > Inscription gratuite.

–PUB–

Commençons notre série avec Timefly, une boutique en ligne de montres “branchées”, lancée par Benoit du blog Imazine :

Page d'accueil du site Timefy

J’apprécie particulièrement le design épuré, le contraste du noir&blanc et du fond bleu, les arrondis, les ombres hachurées… qui donnent à ce site une empreinte graphique inédite. Vous remarquerez que je me suis abstenu de critiquer les liens qui sont en noir non souligné (sacrilège !).

Continuons avec Headict, une boutique de chapeaux-bonnets-casquettes :

La page d'accueil de Headict

Je suis tout de suite tombé amoureux de ce large bandeau sombre en ouverture de page, de l’utilisation de personnages historiques en guise de mannequins, de l’iconographie, de la cohabitation du noir et de l’orange. Un mélange détonnant au service d’une mise en page épurée pour un résultat très réussi.

Terminons avec Hardee’s, une marque de hamburger qui propose une page d’accueil très immersive :

La page d'accueil de Hardee's

Vous noterez la position atypique du logo (en bas au centre), l’énorme barre de navigation avec ses gros pictogrammes, le bas arrondi du cadre qui fait penser à un sourire et l’effet d’optique de la scène centrale au survol de la souris. Rien de très spectaculaire mais un rendu agréable et accrocheur.

–RE-PUB–

Vous avez aimé ces exemples ? Alors inscrivez-vous à la cinquième édition de la Journée Mondiale de l’Utilisabilité (le jeudi 12 novembre prochain à Paris) où vous pourrez apprendre de nombreuses choses sur l’ergonomie des boutiques en ligne et des sites mobiles, les techniques persuasives et la conception orientée transformation : Inscription gratuite.

–RE-PUB–

La suite le mois prochain.

Oyé oyé braves gens, comme chaque année au mois de novembre aura lieu la Journée Mondiale de l’Utilisabilité : World Usability Day. Et comme chaque année (déjà la cinquième) j’organise une conférence sur Paris le 12 novembre prochain.

Cette année le commerce en ligne est à l’honneur puisque les interventions tourneront toutes autour de l’ergonomie adapté au e-commerce : Journée Mondiale de l’Utilisabilité 2009.

La FEVAD sera partenaire de cet évènement et nous recevra chez un hôte prestigieux (l’Institut Français de la Mode) dans un lieu non moins prestigieux : La Cité de la Mode et du Design.

La Cité de la Mode et du Design

Concernant le programme, les conférences se dérouleront le matin avec 5 interventions :

• Techniques de merchandising pour le commerce en ligne par Olivier Sauvage ;
• Améliorez votre taux de conversion par Raphaël Fétique ;
• Eye tracking, que regardent les internautes ? par Jeremie Eskenazi ;
• Utilisabilité et m-commerce (speaker à confirmer) ;
• Utilisabilité des interfaces d’administration par… moi !

Je suis ainsi particulièrement enthousiaste à l’idée de pouvoir aborder le sujet des interfaces d’administration qui sont bien (trop) souvent les parents pauvres d’un projet de développement de site (marchand ou non).

Comme toujours l’inscription est gratuite mais comme il n’y a qu’une centaine de place dans la salle, celles-ci sont en priorité réservées aux annonceurs (et notamment aux adhérents de la FEVAD). Mais rassurez-vous, les supports de présentation et les films des interventions seront disponibles comme pour les précédentes années.

Comme à chaque début de mois, je vous propose un résumé des billets publiés sur mes autres blogs.

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

• Minimalisme de rigueur pour Converse Skateboarding ;
• E-commerce + réalité augmentée = Webcam Social Shopping.

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

• Twitter est-il définitivement corrompu ? ;
• Où sont les producteurs d’information sur les médias sociaux ? ;
• Facebook lance son FanBox Widget pour faire la promotion de votre fan page ;
• Razorfish expérimente un nouveau social score, le SIM ;
• On reparle de l’influence des bloggeurs ;
• Vers des commentaires distribués pour les blogs ? ;
• Derniers cas d’usages de Twitter : Moby et Harry Potter ;
• Vous utilisez tous les médias sociaux ! ;
• Retour de flamme pour le social marketing.

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

• Résumé du Social Gaming Summit 2009 ;
• Une nouvelle version pour Habbo ;
• Zoom sur le marché Européen du MMO Free to Play ;
• Second Skin_ : que font 60 millions de personnes dans des mondes persistants ? ;
• Un cadre fiscal pour le v-business en Chine et en Suède.

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

• Vidéos interactives et Unity 3D pour l’armée anglaise ;
• Sortie officielle de Silverlight 3 ;
• Adobe pourrait-il sortir un browser ? ;
• Multi-touch et accéléromètre bientôt dans Flash Mobile.

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

• Sérendipité en entreprise ;
• Quelle définition pour l’Entreprise 2.0 ? ;
• A la recherche de nouveaux formats de collaboration.

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

• Quelle interface pour le système d’exploitation de demain ? ;
• Toujours moins de boutons et menus pour les futurs navigateurs ;
• Interfaces en relief et crayonnage 3D.

La suite au mois de Septembre.

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 ?