Archives par mot-clé : Nouvelles interfaces

« T’as vu ta tête sans javascript ? »

Pour avoir plein de visiteurs, qui se transformeront joyeusement en clients, qui passeront plein de commandes, il faut que le site marchand soit accessible au plus grand nombre.

Bien sur, il faut prendre en compte la cible visée par le site et pas forcément viser tout le monde. Cela dépend du produit.

Cela veut dire que le site doit être accessible sur des petits écrans (il y a encore des configurations 600 * 800) et pourtant rester agréable sur des grands écrans.

Il faut également que le site soit compatible avec les différents OS (Windows, Mac et Linux) et les différents navigateurs (Internet Explorer, Firefox,  Safari, Mozzila, …) avec pour chacun en général plusieurs versions.

C’est tout ?

Et bien non, ça serait trop facile !

Il faut également valider que le site garde un comportement raisonnable sans Javascript.

Pourquoi ? (style « SarkoBlog » : poser soi-même la question, pour donner du rythme, et simplifier l’écoute 😉 )

Pour deux raisons. Premièrement, certains utilisateurs sont allergiques au Javascript, et désactivent cette option depuis leur navigateur préféré.

Deuxièmement, les mal-voyants utilisent des logiciels qui, nécessairement, suppriment les scripts.

Le plus simple est que vous essayez vous même. Désactivez l’option Javascript de votre navigateur, et allez voir sur vos sites marchands préférés… Pour certains, ça se passe plutôt bien (Amazon, toujours…), mais pour d’autres, c’est beaucoup plus délicat, même parmi les grandes enseignes !

Un détail ? Perdre deux ou trois pour-cent de clients : est-ce vraiment négligeable pour vous ?

Fini la théorie : jouez vous même avec Apollo !

Apollo, j’en ai déjà parlé à plusieurs reprises (dans ce billet par exemple, vous pouvez accéder à la liste des billets qui en parlent ici).

Vous pouvez également aller voir sur le blog de Fred qui en parle souvent…

J’étais hier avec Michaël Chaize, qui travaille pour Adobe France sur Flex et Apollo.

Il m’a montré des démos vraiment sympa, qui permettent de voir la puissance de ces technologies.

J’ai pu par exemple jouer avec une application Apollo pour eBay.

Résultat : Génial ! L’application est super sympa, et permet une expérience utilisateur vraiment différente, très agréable et surtout terriblement efficace !

Par exemple, quand on est sur la liste des produits en vente, la colonne qui affiche le temps qui reste est mise à jour en temps réel : les secondes défilent. Ainsi, si la liste est triée en fonction du temps d’enchère qui reste, on voit les premiers articles arriver au bout de l’enchère… : trop tard pour acheter ! Je suis certain qu’au delà de l’utilité, c’est très stimulant pour la vente !

Chacun peut aujourd’hui essayer Apollo : il est possible de télécharger l’application Apollo (En anglais) qui permet ensuite de jouer avec des démos directement sur son PC (ou mac) : ce sont des fichiers avec l’extension « .air ».

Amazon ou Amazon ?

Bon, en premier, une copie d’écran du site Amazon :

Page d'accueil du site d'Amazon France

Et maintenant, la même page d’accueil d’Amazon :

Page d'accueil du site d'Amazon Us

Bon, bien sur, la première image, c’est le site français, et la deuxième, c’est la version US du site.

Vous aviez remarqué, vous, à quel point les sites Français et US sont différents ?

D’abord, dans la version US, les boutons, les onglets ont un joli effet 3D.

La barre du haut de page a été considérablement aplatie, ce qui permet de gagner beaucoup de place… pour présenter plus d’informations dynamique à l’utilisateur : la barre française fait 220 pixels de haut, contre 118 pour la barre US : plus de 100 pixels économisés !

La colonne de gauche a également été fortement réduite : on est passé de 156 pixels à 109 pixels, soit une cure amincissante de 30% !

Qui en profite :  la zone centrale évidemment, qui a donc beaucoup plus de place pour afficher des promotions bien centrées, et les produits mieux mis en valeurs.

Ensuite, les catégories ont disparues dans la version US, et quand on passe la souris sur la zone Onglet : Voir toutes les catégories, une fenêtre popup s’affiche automatiquement (Merci Javascript) :

Poup des catégories sur le site Amazon US

Depuis ce popup,  on peut directement sélectionner la catégorie (parmi 40), alors qu’avec l’ancienne ergonomie (la version française), il faut d’abord sélectionner le premier niveau de catégorie puis le deuxième. On gagne donc un clic avec cette nouvelle interface !

Bon, il y a pleins d’autres petites différences …

Ce qui me marque, c’est l’introduction très subtile de ces nouvelles interfaces :

  • Un utilisateur peu habitué à ces nouvelles interfaces ne sera pas dérouté : il y a des boutons bien identifiés, sur lesquels on clique comme sur les bons vieux sites « 1.0 ».
  • Si un utilisateur à un navigateur trop ancien pour interpréter les scripts, pas de problème, l’ergonomie du site reste très acceptable.

Scrapblob : la richesse de Flex

Flex, c’est une solution d’Adobe pour faire des sites en Flash dynamiques.

Pour voir ce qu’on peut faire avec, je vous conseil de jouer avec scrapblog.com.

Scrapblog est un service qui permet de créer et partager un album photo.

Ce qui est impressionnant, c’est la richesse fonctionnelle du service, et la qualité de l’interface.

Espace de travail de Scrapblog

L’application fait un peu penser à Powerpoint. On crée des pages, qui contiennent des fonds d’écrans, des éléments décoratifs, des photos…

Comme vous pouvez le voir sur l’image ci-dessus (cliquez dessus pour l’avoir en grand format), on a une véritable application, avec les menus (en haut), les différents outils (à gauche) et les propriétés contextuelles (à droite).

Qui sera le premier site e-commerce à exploiter la puissance de tels outils ?

(via Ryan Stewart)

Rechercher avec un nuage

Les nuages de mots clés (Tag Clouds en anglais), vous connaissez :

Exemple de nuage de tags

Quintura.com propose un nouveau méta moteur de recherche : c’est à dire un moteur de recherche qui s’appuie sur d’autre moteurs (Google, Yahoo, …).

Quintura permet d’affiner les résultats d’une recherche avec un nuage de mots clés. Exemple, avec « WEB 2.0 » on obtient :

Exemple de nuage de tags avec Quintura

En déplaçant la souris sur les mots clés, on peut afficher d’autres mots clés proches. On peut également cliquer sur un mot, pour l’ajouter à la requête ou le supprimer, et affiner ainsi la recherche.

On peut chercher sur le Web, chercher des images, des vidéos et… on peut également utiliser ce moteur de recherche pour naviguer dans les produits d’Amazon.

Cette nouvelle interface est donc une alternative intéressante pour chercher des articles dans un site marchand.

(Via ReadWriteWeb)

A-t-on encore besoin d’outils off-line ?

Je lisais sur un blog, parlant d’Apollo d’Adobe, une discussion sur le fait qu’on ai besoin ou non d’outils mixte On-line / Off-line ou pas (on-line exclusivement donc).

On n’aurait pas besoins d’outils intégrant le off-line si on était certain d’être connecté, partout, tout le temps.

Je pense que c’est, pour longtemps encore, une utopie.

Oui, bien sur, la technologie avance à grands pas, et il y a de plus en plus de moyens de se connecter. Mais de là à avoir une couverture tout le temps, partout, il y a un « gap » qui mettra du temps à se combler.

Je pensais à ça en utilisant Windows Live Writer.

C’est un logiciel, que m’a fait découvrir Benoit, et qui permet d’écrire des billets pour le blog, en mode off-line. En un clic, on synchronise Windows Live Writer avec son blog et hop, le billet est publié.

Et bien, j’ai beau avoir du Wifi à la maison et au bureau, une connexion 3G en déplacement, je suis très content de ce petit utilitaire et de son mode off-line.

A mon sens, ce genre de produit illustre bien la richesse pour un utilisateur, d’un mix on-line et off-line. On peut utiliser le service sans connection (ou avec une connection de mauvaise qualité), mais la référence, c’est le web, et on sait qu’on devra de temps à autre se synchroniser.

Microsoft veut contrer Adobe sur le mobile

La guerre fait rage entre Microsoft et Adobe, pour la maîtrise des interfaces.

Sur le PC, ça se traduit par la compétition entre Adobe Apollo et Microsoft WPF (voir les billets précédents qui parlent de ces technologies)

Adobe fait depuis plusieurs années des efforts pour porter la technologie Flash sur les mobiles.

La stratégie de Microsoft dans le monde du mobile, c’est avant tout l’OS Windows Mobile.

Logo de la société ZenzuiMicrosoft vient de lancer une nouvelle solution directement concurrente à Flash sur mobile : Zenzui.com.

Zenzui est une société, spin-off de Microsoft (technologie et financement via Microsoft).

Leur solution permet de développer des nouvelles applications avec des intefaces riches sur mobiles, en utilisant le zoom comme métaphore de navigation :

Copie d'écran d'un mobile avec la solution ZenzuiCopie d'écran d'un mobile avec la solution Zenzui

Le plus simple pour comprendre est de regarder la vidéo :

Que ce soit avec la solution d’Adobe, de Microsoft ou d’autres (Streamezzo, Bluesteake, …), toutes ces solutions ont en commun de permettre de développer des applications mobiles avec des interfaces vraiment riches et vraiment sympa.

Un élément fondamental dans cette course : les outils d’édition des contenus. Il faut pouvoir créer et modifier facilement les interfaces.
Un autre élément à garder en tête : le parc adressé. En effet, le monde des mobiles est un monde effroyablement hétérogène. Pour réussir, ces technologies devront être adaptées rapidement sur le plus grand nombre de plates-formes possibles, et ça, c’est vraiment pas simple…

Vivement que tout ça sorte, qu’on puisse vraiment faire du m-commerce !

Trouvé sur ReadWriteWeb

Sqoops : nouvelles interfaces et Intershop

Pour développer sur site marchand, on peut choisir un environnement de type Intershop Enfinity (je vous en avais déjà parlé dans ce billet) et vouloir une interface innovante.

C’est ce qu’à fait le site de jeux allemand sqoops :

Page d'accueil de sqoops, en flash + html

Le résultat me semble intéressant.

La structure de l’interface d’accueil est réalisé avec la partie haute en Flash et le bas en HTML. C’est je crois l’une des meilleure solution pour faire une interface un peu innovante tout en ayant un bon niveau de réléfencement naturel.

La partie Flash permet de voir très rapidement les produits, en fonctions de critères sélectionnés graphiquement : Console, âge, type de jeux, …

Quand on clique sur un produit, la fiche produit est toujours avec la structure Flash + HTML.

Quand on clique sur « Acheter », on bascule dans une interface plus classique, 100% HTML.