Archives par mot-clé : Nouvelles interfaces

iPod Touch : ça bouge fort chez Apple !

Apple vient de l’annoncer, lors de son « special event » : ils sortent un nouvel iPod, qui est en fait un iPhone « sans phone » :

C’est un iPod Wifi, avec grand écran, 8 ou 16 gb, et toutes les fonctions de l’iPhone, mais donc sans la téléphonie…

Apple annonce également un deal avec les cafés Starbuck, pour qu’ils mettent des bornes permettant de télécharger de la musique depuis les cafés.

Je pense que ce nouveau terminal va vraiment faire un malheur, parce que cet ensemble est vraiment cohérent : le grand écran pour voir de la vidéo, le wifi pour internet ou télécharger de la musique, et quand même pas mal d’espace mémoire, pour stocker tout ça (16 Go, ça commence à devenir raisonnable !), plus une incroyable interface « sensuelle » comme le dit Eric.

Si j’ai bien compris, l’iPod touch n’a pas de micro, et ne permet donc pas de se « skyper ». Si c’est vrai, ça se comprend (car Apple est en pleine négociation avec les opérateurs mobiles) mais c’est évidemment une étape intermédiaire, l’iPod touch + skype est inévitable !

(via news.worldofapple.com)

Juste pour la beauté du geste

Si vous aimez les interfaces inutiles, vous adorerez rhythmofline :

Image issu du service RhythmOfLines

Bien sûr, c’est pas du jamais vu, mais j’ai trouvé ce service très bien fait, très joli, et parfaitement inutile.

Evidement, il y a derrière tout ça un annonceur (Audi) mais la publicité est plutôt subtile en l’occurrence.

La techno pour motoriser ce service : le moteur 3D du dernier player Flash.

Nouveau service à venir Flex pour « browser » des images

Vous connaissez ces nouvelles interfaces, pour nous aider à ranger, trier, chercher des documents, des photos :

Et bien une nouvelle boite, TileUI, devrait bientôt nous proposer un service, par dessus FlickR, pour qu’on puisse faire tout ça directement dans son navigateur, avec la techno Flex derrière.

Des interfaces riches pour multiplier les canaux de ventes

On perçoit facilement les interfaces riches comme des gadgets, pour « geek boutonneux ».

Pourtant, je suis convaincu que ces nouvelles interfaces vont se généraliser et rentrer dans les usages, permettant ainsi de booster les ventes via une multiplication des canaux de ventes.

Je m’explique, par l’exemple… d’Amazon.

Amazon propose des accès à pas mal de ses données internes, via des services web.

Un développeur peut ainsi accéder au catalogue d’Amazon, gratuitement.

Amazon a également développé sa propre plate forme d’affiliation, permettant à tout auteur du Web de mettre des produits d’Amazon en vente sur son site, et de gagner de l’argent si un produit est vendu via ce site.

Des nouveaux services apparaissent, permettant de naviguer dans le catalogue Amazon via des interfaces riches, bien différentes du magasin traditionnel d’Amazon.

Ainsi, LivePlasma propose une interface, tout en Flash, permettant de naviguer graphiquement dans le catalogue produit :

LivePlasma en image

Dans ce service, quand on sélectionne un produit, on revient vers le site marchand d’Amazon, pour acheter le produit.

Autre exemple : Flowser. L’apparence est assez différente de liveplasma, mais l’idée est fondamentalement la même : donner une nouvelle expérience de navigation dans le catalogue, plus intuitive, plus riche, plus graphique :

Flowser en action

Troisième exemple : Browse Goods. A la différence des deux exemples précédents (Flash), ici, c’est une interface Ajax :

Browse Goods

Ici, la métaphore est un peu différente, puisque l’idée est de tout présenter sur une carte, sur laquelle on peut zoomer, jusqu’à arriver sur le produit lui même.

Quatrième exemple, TuneGlue. Retour sur une interface en Flash, pour naviguer dans le catalogue musical d’Amazon :

Image de Time Glue

Et toujours le même principe, quand on trouve un produit intéressant, un clic sur « Buy now » et hop, on est dans la boutique Amazon, sur la fiche produit.

Enfin, le cinquième exemple : Coverpop. Encore une interface Flash, pour naviguer ce coup ci dans la collection DVD d’Amazon :

Image de Cover Pop

Le principe m’a fait un peu pensé au projet milliondollarhomepage… On est devant une mozaïque de pochettes vidéos. On peut sélectionner un thème (Western, fiction, …). ensuite, la page s’anime automatiquement et si on clique sur une pochette, on arrive… dans le site d’Amazon. Surprise !

En conclusion

Tous ces exemples dévoilent une petite partie de ce qu’on peut faire avec des interfaces riches et de l’imagination.

Pour le site marchand (amazon dans cet exemple), c’est autant de nouveaux canaux de vente.

Amazon peut développer directement des nouvelles interfaces, ou laisser des partenaires le faire. Dans ce deuxième cas, on a un partage des risques et des revenus, on est sur un modèle d’affiliation : l’affiliation via les interfaces riches.

Bien sûr, tout le monde n’est pas Amazon, et tous les catalogues n’ont pas le même attrait. Il n’empêche, je suis convaincu que ce modèle va se développer. On peut imaginer de tels services, regroupant des produits de plusieurs sites marchands.

Pour le marchand, c’est une approche « beurre et argent du beurre » :

Le marchand vend des produits à partir de son site marchand classique ;
Il peut ajouter des sites « satellites », avec des nouvelles interfaces, des paradigmes de navigations complètement différents ;
Il peut ouvrir l’accès à son catalogue à d’autres acteurs, et permettre à des tiers de revendre ses produits.

Quel est l’acteur français qui le premier, ira dans cette direction ?

Librement inspiré de ReadWriteWeb (gb).

Le bord de la fenêtre…

Cela fait assez longtemps que j’ai ce billet en tête…

Le sujet, c’est une réflexion sur l’avenir des navigateurs Internet et de nos bureaux électroniques.

Donc, au début, on avait d’un côté un navigateur Internet, permettant d’afficher du texte, des liens et des images, et de l’autre des applications « lourdes », qu’on pouvait installer directement sur le bureau de l’ordinateur.

Aujourd’hui, les choses sont beaucoup moins simples :

Dans le navigateur…

Dans le navigateur, on fait aujourd’hui tourner de véritables applications, avec leurs propres fenêtres. La fenêtre du navigateur est devenu un bureau dans le bureau.

Premier exemple significatif : Meebo, avec les fenêtres qu’on peut déplacer, retailler :

Fenêtre de Meebo, dans le navigateur

Deuxième exemple, évidement, Netvibes. Ici, on a un espace plus structuré (colonnes prédéfinies), mais avec une vrai liberté pour composer l’espace (déplacer les fenêtres, changer l’apparence, …) :

Fenêtre de Netvibes, dans le navigateur

Dans ces deux exemples, la richesse applicative, dans le navigateur, est impressionnante.

Cette évolution, vers des applications de plus en plus riches, rend certaines fonctions du navigateur obsoletes, comme le bouton « Back », qui bien souvent, n’a plus aucun sens.

Sur le bureau de l’ordinateur…

Le bureau de l’ordinateur est l’espace pour faire tourner les applications locales…

Mais c’est bien évidement un espace fort convoité, par tous les grands acteurs.

Sun, avec Java, a tenté de banaliser ce bureau, en proposant des applications « universelles », capable de tourner sur tous les ordinateurs.

Aujourd’hui, l’espace du bureau est convoité par Google, qui, au delà de Google Desktop, prépare un Google OS.

Enfin, Adobe avec Air, propose un modèle finalement assez proche de Java, en cherchant à ajouter une couche, permettant de rendre les applications complètement indépendantes de l’ordinateur.

Ces tendances convergent vers un point : faire tourner sur le bureau des applications :

Riches visuellement ;
Qui peuvent utiliser des données et des ressources locales (disque, périphériques audio, video, …) ;
Qui peuvent utiliser des données distantes (mode connecté ou déconnecté).

Le bord de la fenêtre…

Le bord de la fenêtre du navigateur, c’est la limite très fine qui sépare ces deux tendances.

Deux news en provenance de l’AIR

Deux news pour ceux qui suivent l’actualité autour de AIR :

1) Adobe propose un concours, pour animer la sortie de AIR

Si vous avez envie de montrer au monde ce qu’on peut faire avec AIR, alors, à vous de jouer.

Vous saurez tout ici.

Pourquoi participer ? Le concepteur du meilleur projet empochera un voyage d’une valeur de 100 000 dollars.

Mais à mon sens, c’est surtout l’occasion de prendre en main cette technologie d’avenir, de lacher sa créativité pour explorer « les possibles ».

2) MAX 2008

Cet évènement Adobe se tiendra à Barcelone du 15 au 18 octobre.

MAX

Vous saurez tout là.

Si j’ai bien compris, MAX, c’est un peu la même chose que MIX de Microsoft, mais pour Adobe.

eBay sur votre bureau

San Dimas est un projet porté par eBay (j’en avais parlé ici, et j’avais promis d’en reparler. Promesse tenue !).

Ce projet vise à développer une application eBay. Une application eBay ? Oui, accéder au service eBay, mais pas depuis le navigateur Internet mais depuis une application installée sur votre ordinateur.

C’est ce qu’on appele une RDA (tous les articles sur le sujet ici)

Quel est l’intérêt d’une application plutôt qu’un service dans le navigateur ?
Quels en sont les inconvénients ?

Plutôt que de faire de la théorie, je vous propose de réfléchir à ces questions en jouant avec l’application d’eBay.

La première phase, c’est l’installation de l’application.

Premier bon point, l’application San Dimas, d’eBay, développée avec la technologie AIR d’Adobe, s’installe d’un seul clic.

C’est pas mal pour Adobe car en l’occurence, sur mon Mac, l’environnement d’exécution d’AIR n’était pas installé. Adobe a donc installé AIR et l’application San Dimas d’un seul coup.

Ensuite, l’application se lance comme n’importe quelle application bureautique.

Image d'accueil du projet San Dimas

On peut ensuite :

Naviguer dans les produits en vente, avec différents modes de recherche ;
Suivre les enchères sur de produits sélectionnés (Watching) ;
Poser des enchères ;
…

Bref, cette application permet-elle des choses complètement nouvelles par rapport à l’utilisation d’eBay « classique » ?

Non, et ce c’est pas ce qu’il faut attendre des RDA. Les navigateurs ont tellement progressés qu’on peut déjà, avec les différentes technologies (Ajax, Flash, Silverlight…), développer des interfaces bien évoluées.

Alors, ça apporte quoi d’avoir une RDA eBay ?

L’expérience est différente. La première chose qui marque, c’est la vitesse de chargement. Comme l’ensemble de l’interface est stockée dans l’ordinateur, et que seuls les données dynamiques sont chargées (phots et descriptions des produits, …), tout va beaucoup plus vite, et quand on effectue une action, le résultat est quasi immédiat.

Ensuite, l’interface est plus cohérente. eBay a pu penser une ergonomie complète, sans les contraintes artificielles du navigateur (bouton back, …).

Enfin, la sensation d’immersion est beaucoup plus forte : on est chez eBay, et on n’est pas à un clic de la concurrence comme dans un navigateur classique…

Quels sont les enjeux ?

Comme on l’a vu, une telle application permet d’améliorer l’expérience de l’utilisateur, et d’augmenter la proximité entre le commerçant et le client.

Une fois qu’on a gagné sa place sur le bureau des internautes, c’est une place de choix pour proposer intelligemment des nouveaux services et donc de vendre plus.

L’enjeu est donc important pour les marchands !

Maintenant, pour gagner sa place sur le bureau de l’Internaute, il faudra développer de très bonnes applications, tant au niveau fonctionnel qu’au niveau de l’ergonomie.

Qui aura les moyens de faire ça ? Le petit site marchand ou Amazon & co ?

Comment feront les petits sites ? Comme ils ne pourront pas développer eux même les meilleures applications, ils passeront nécessairement par des intermédiaires.

D’ailleur, pour les utilisateurs, il ne sera pas gérable d’avoir autant d’applications que de sites marchands. Donc, pour les utilisateurs, on peut imaginer de nouvelles applications marchandes, regroupant plusieurs petits marchands… Ce ne serait pas ça la réintermédiation Internet ?

Michaël Chaize (« Flex Evangelist » chez Adobe) m’a dit qu’il ne pouvait rien dire de précis, mais qu’il y avait une dizaine de projets type « San Dimas » dans les cartons d’AIR.

Amazon ? On prend les paris ?

Blog Explorer avec Silverlight, Criteo et Winwise

Comme je vous l’ai dit ici, je suis allé au MIX 2007.

J’ai pu voir des démos sympas de Silverlight, dont ce blog explorer :

blog Explorer

Concrètement, c’est une application Silverlight, qui permet de naviguer graphiquement dans l’univers de la blogosphere.

Comme on parle de Blogosphere, les programmeurs ont eu l’idée de la métaphore du voyage dans l’espace.

Criteo apporte sa techno pour déterminer la « proximité sémantique » entre les blogs.

Winwise, partenaire Microsoft, a réalisé cette petite application.

Dans cette application, on tape un mot clé. Le moteur critéo choisi le blog le plus proche sémantiquement de ce mot et détermine un ensemble d’autres blogs connexes.

L’application montre ensuite le blog principale au milieu, comme une planète, et les blogs connexes comme des satellites : sympa.

La planete Microsoft et les satellites autours

La légende veut que cette application ait été réalisé en 3 jours, par deux développeurs (Olivier, Patron de Winwise me l’a confirmé).

Pour tout vous dire, je souhaitais vous montrer en action ce que ça donne, mais voila, Silverlight refuse de s’installer sur mon Mac, avec ce bien curieux message d’erreur :

Message d'erreur, quand je veux installer Silverlight sur mon mac

A vous de jouer avec si vous avez un PC.

En fait je l’ai quand même installé sur mon « PC virtuel » via Parallel… Ca marche.

Pour conclure :

Cette réalisation montre qu’on peut développer des Widgets rapidement avec silverlight ;
Vivement que Silverlight marche sur Mac ;
Quand je tape »ziserman », l’application me répond : « pas de réponse ». Inacceptable !

Nouvelle présentation pour Guy Kawasaki

Je viens de tomber sur ce site :

Le service propose de voir (ou revoir !) la présentation de Guy Kawasaki, avec :

En haut a gauche, la vidéo ;
En bas a gauche, le chapitrage de cette présentation ;
En haut à droite, les slides ;
En bas à droite, un espace pour les commentaires.

OK, ce service n’est pas révolutionnaire, mais tout d’abord, voir Guy Kawasaki est pour moi toujours en plaisir.

Et puis, j’ai trouvé cette interface particulièrement bien faite, illustrant ce que je voulais dire sur les espaces partagés (plutôt que les fenêtres superposées). Dans cette présentation, il est possible de redimensionner l’espace, en « tirant » les séparateurs verticaux ou horizontaux.

Ce service (vidéo synchronisée avec présentation powerpoint) est proposé par Zentation.

Premiers retours du MIX 07 de Paris : WPF & Silverlight

J’étais aujourd’hui au MIX 07 de Paris (merci Julien).

Logo MIX 2007

Ça m’a notamment permis de mieux comprendre ce qui se cache derrière les produits WPF et Silverlight.

WPF

C’est une solution directement concurrente de AIR d’Adobe (ex Apollo : plus de billets ici)

Cela permet de développer des applications, avec des jolis effets graphiques et qui peuvent tourner en mode local ou en mode connecté.

C’est donc l’implémentation Microsoft pour faire des jolis RDA à la sauce Microsoft.

WPF est le composant interface de Windows Vista et est basé sur Microsoft .NET 3.0.

Deux exemples d’application :

Silverlight

C’est un package, qui permet d’enrichir l’expérience utilisateur dans le navigateur.

C’est donc plutôt le concurrent de Flex d’Adobe.

Cela comprend un plug-in pour votre navigateur préféré (Safari, Internet Explorer ou Firefox), sur votre OS favori (Mac ou PC).

Microsoft fournit également des outils auteurs pour générer des contenus silverlight.

Silverlight est en fait un sous ensemble de WPF.

Silverlight est très orienté animation vectorielle et video. Quand on met un élément développé en silverlight dans une fenêtre Web, on peut retailler la fenêtre et l’ensemble des éléments silverlight se retaillent dynamiquement.

Pour la vidéo, il y a tout un tas de fonction pour améliorer l’expérience de l’utilisateur : insérer des zones sensibles dans la vidéo, pouvoir superposer des zones par dessus des vidéos (publicité, …).

Plus d’infos sur Silverlight ici.

En synthèse

On est encore au tout début de ces technologies, et on sent bien que tout cela n’est pas encore mature. Ainsi, on a eu une démo qui montrait comment éditer un contenu Silverlight. Quand il a fallu ajouter un comportement simple (lancer une animation sur un clic), il a fallu éditer à la main le code source sous-jacent (XAML) et donc sortir de l’environnement graphique. Ensuite, il n’était plus possible de revenir dans l’outil auteur, car il ne reconnaissait plus le code source ainsi modifié !

Pour nous, acteurs du e-commerce, il convient de suivre tout celà de très près !

Messieurs les experts, ai-je bien tout compris ?

Je ferai d’autres retours sur MIX 07. Ambiance sympa et démos intéressantes. J’ai trouvé « rude » le repas facturé 12 € et contenant deux sandwiches type « SNCF année 50 » et une banane venant probablement de la même époque ;-). Microsoft fait surement ça pour être certain qu’on vient bien pour écouter les conférences !