Dans la série « ça sert à rien mais j’aime bien les beaux schémas« , je vous propose ce tableau périodique des éléments des médias sociaux : The Periodic Table of the Social Media Elements.
Différente entités sont représentées dans ce tableau :
Les comportements en bleu (partager, convertir, dialoguer…) ;
Les actions en rose (follow, post, link, update…) ;
Les personnalités à forte audience (dans la blogosphère, sur Facebook, Twitter, YouTube…).
Un exercice de style intéressant et surtout une vision alternative au Conversation Prism car les « gros » utilisateurs sont cités au même titre que les outils. Un point de vue intéressant, surtout dans le contexte des médias sociaux qui reposent intégralement sur les utilisateurs (« People is the media« ).
Nous sommes à quelques heures de l’ouverture de l’édition 2009 du MIX et surtout de la keynote où nous devrions enfin en savoir plus sur la troisième version de Silverlight. Nous connaissons déjà les contours de ce que cette troisième version devrait apporter (3D, H.264, accélération matériel, support offline… cf. Vos RIAs en dehors du navigateur avec Silverlight 3 ?) mais je vous propose tout de même de découvrir cette interview de Scott Guthrie qui nous parle de l’évolution de la technologie : Scott Guthrie On Silverlight, MIX09, Keynotes, Developers and Designers.
Cette interview est particulièrement intéressante car l’auteur nous confirme que les équipes de Microsoft travaillent dur pour faire évoluer de concert le plug-in ET l’environnement de production avec notamment une collaboration toujours plus fine entre designeurs et développeurs.
D’après une source interne (et sans vouloir trop en révéler mais de toute façon nous serons fixés dans quelques heures), il se pourrait que la surprise vienne de grosses améliorations apportées à la suite Expression plutôt que du plug-in avec notamment un… non désolé je ne peux pas le dire (j’ai juré), mais en tout cas il serait question d’intégrer un nouveau profil dans cette équipe : le concepteur (youpi !).
Dès que l’info est confirmée je mets ce billet à jour (pour patienter je vous propose de découvrir l’étonnante galerie 10K).
Mise à jour : C’est confirmée, la version 3 d’Expression Blend intègre un module de prototypage rapide (SketchFlow) qui semble très intéressant :
Lancée en 2007, le concept de table interactive de Microsoft n’en finit de m’épater. Mieux, les premières applications réellement convaincantes commencent à faire surface (hé hé hé, j’suis trop content de ma blague).
Aujourd’hui je ne vous propose pas 1 mais 4 exemples d’applications possibles, et ça commence avec deux très beaux prototypes réalisés par l’agence Razorfish. Le premier concerne une simulation de ville destinée aux garagistes : From the Razorfish Living Lab: Carville.
L'application Carville pour Surface
D’après ce que j’ai compris cette application servirait à faire patienter les clients qui attendent de récupérer leur voiture. Le but de la manoeuvre étant de transformer une corvée (personne n’aime perdre une heure chez le garagiste) en une expérience ludique pour pouvoir les fidéliser et leur proposer des services à plus forte valeur ajoutée (entretien annuel…).
Dans cette simulation des voitures circulent librement dans une petite ville, les utilisateurs peuvent prendre le contrôle d’une voiture (pour visiter les différents bâtiments et y obtenir des infos) ou interagir avec l’environnement (en provoquant des embouteillages…). Démonstration vidéo :
Il ne s’agit pas réellement d’une application commerciale mais plutôt d’un prototype destiné à exploiter au mieux les possibilités de la table Surface. Démonstration :
Ces tables permettent de parcourir le menu, de jeter un oeil en cuisine (via une webcam) ou encore de jouer en attendant d’être servi. Pour la petite histoire il ne s’agit pas de tables Surface mais d’une réalisation « maison » qui exploite Flash.
Au programme des améliorations : un capteur de mouvements qui détecte les gestes des utilisateurs (pour leur éviter de salir la vitre avec leurs gros doigts) et une technologie de reconnaissance de formes qui permet d’apporter un niveau supplémentaire de détail en projetant des informations secondaires (comme ici la vue « fil de fer » de la voiture).
Tout ceci est réellement encourageant, j’anticipe un nombre infinie de possibles applications dans différents domaines : agences bancaires, immobilières, magasins…
Très largement ignorés par les utilisateurs, les chemins de navigation (breadcrumb en anglais, également appelé « fil d’Ariane ») sont néanmoins un élément d’interface essentiel pour venir compléter un système de navigation. Je ne me lancerais pas dans un long argumentaire sur l’intérêt (ou non) d’implémenter un chemin de navigation car je préfère plutôt vous rediriger vers ce très bon article publié sur Smashing Magazine : Breadcrumbs In Web Design: Examples And Best Practices.
L’auteur y détail ainsi les différents types de breadcrumbs (selon la localisation, les attributs et l’historique de navigation) ainsi que les bénéfices à l’usage : ils offrent une alternative à la barre de navigation, ils permettent de minimiser le nombre de clics pour remonter aux pages de premier niveau, ils ne prennent pas trop de place et ils peuvent prolonger la visite.
L’article propose ensuite une impressionnante liste d’exemples ainsi que des utilisations enrichies des chemins de navigation comme par exemple Lonely Planet qui propose un menu déroulant à chaque niveau :
Ou encore cet astucieux système à mi-chemin entre breadcrumb et onglets : Tabcrumbs.
Je reste personnellement un adepte des chemins de navigation et suis persuadé qu’ils sont encore largement sous-exploités (cf. Peut-on se passer des menus de navigation ?).
Lacoste nous avait bluffé l’année dernière avec une superbe réalisation futuriste (Lacoste Future) et semble vouloir capitaliser sur le rich media pour mettre en avant ses produits. Je vous propose donc de nous intéresser au site principal avec une mise en page très sobre et une utilisation astucieuse des animations.
La page d’accueil met ainsi en scène des mannequins en pleine largeur d’écran avec des blocs actus sur la droite et une navigation en bas de page :
La sobriété est de rigueur pour cette page mais le dégagement autour des mannequins de même que l’animation permet de bien focaliser l’attention sur les sujets.
Nous retrouvons le même principe au niveau des pages produit avec un astucieux chemin de navigation qui « remonte » sur la partie droite de l’écran :
Le détail des produits apparait au survol de la souris et il y a même un bloc « Accessoires » sur certain mannequin.
Pas grand chose à redire sur ce site, la réalisation est soignée, les effets visuels sobres (animations, transitions…) et la singature de la marque omniprésente (choix des couleurs, édito minimaliste…). La preuve qu’il n’est pas besoin de trop en faire pour recréer un univers avec une bonne immersion.
Manage Cookie Consent
We use cookies to optimize our website and our service.
Functional
Toujours activé
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
