Encore des applications sur Surface :

Un jeu de cible: on lance des petits galets sur la surface et la position donne le score.

Bon exemple de tags.

Un autre exemple de TAG  : une carte de visite avec toutes les informations sur l’usager : photo, …

Encore un dernier exemple de TAG, on pose une carte sur la surface et des informations en ressortent.

En plus une démo pour le choix d’un bague avec la possibilité de changer le diamant. Le résultat

est  visualisé en 3D. Splendide!!

Après un bref article en novembre 2008, je vous propose de faire un petit tour des applications développées pour Surface.

Pour ma part cet outil qui allie le multi-touch, l’intuitivité, l’utilisation multi-utilisateurs, l’utilisation à 360° peut avoir des applications fabuleuses.

La fluidité  des objets à manipuler est impressionnante et la cerise sur le gâteau, Microsoft Surface peut identifier des objets  posés à sa surface grâce à des Tags collés sur l’objet lui-même.

Je pense que cette table peut changer la façon d’utiliser les logiciels et les ordinateurs en y rajoutant un facteur important :  Une manipulation NATURELLE.

On parle d’ailleurs de NUI : Natural User Interface.

On peux également remarquer que tous les logiciels présentés ont un design superbe, très professionnel.

Application pour l’éducation : vie scolaire

On va donc voir des applications pour l’éducation avec la manipulation de photo mais également de jeux à plusieurs autour de la table :

Voici donc les 1eres vidéos :

La manipulation de carte de façon très naturelle.

La détection d’accidents sur une carte

Si on se rapproche des habitudes des utilisateurs, on retrouve à l'esprit rapidité d'accès aux produits et clarté dans la présentation d'une page .

La présence d'un pager sur un ecommerce avec des numéros de pages, suivant, précédent, ...

ex)<< précédent [10] [11](page courante)] [12]  [13] suivant >>     est, dans ce sens, discutable et peut dépendre de la politique d'un site.

Voici un exemple d’une boutique : outilspro.com

  
Autre boutique : La Fnac

(cliquer pour agrandir)

Il est assez facile pour un développeur de créer des pagers comme en asp.net par exemple c'est pourquoi  il est aussi facile d'en retrouver un peu sur tous les sites mais est ce vraiment intuitif?

La navigation via un pager empêche, à mon sens, d'avoir une vue plus large de la quantité des produits disponibles.
Mais alors que faire pour concentrer tous les avantages ergonomiques?
Comment offrir un système qui donnerait une vue plus large des produits et un accès plus rapide?

- un menu déroulant pour accéder rapidement aux produits
- au lieu de mettre des numéros de pages, mettre des noms de produits
ex) << précédent [article10] [article11 (courant)] [article12]  [article13] suivant >

voici un exemple :  

(cliquer pour agrandir)

- utiliser des scripts permettant de faire un défilement horizontal
- ajouter notre fameux moteur de recherche dont on a parlé dans les précédents articles
...

Avez vous peut-être la réponse?

Vous pouvez voir certaines réactions sur Le Hub : Ecommerce, ergonomie et retours utilisateurs

Pour ceux qui n’auraient pas suivi ce qu’est Surface (voir ici)

Second light quand à lui à la même capacité que Surface mais avec  2 projecteurs embarqués

ce qui permet de faire des effets de superposition d’image liés à des objets en surface.

L’écran n’est autre qu’une dalle de verre.

Vous passez une feuille de papier au dessus de l’image affichée sur l’écran et apparait sur la feuille des informations complémentaires à l’image survolée.

Elle peut également projeter une vidéo.

Qu’est ce que la “réalité  augmentée” le principe est d’avoir un objet physique qui peut interagir dans le monde du virtuel

et inversement un objet virtuel pouvant s’associer à un objet physique.

Par exemple une feuille de papier dans le monde physique est filmée par une webcam et un objet virtuel comme un personnage vient grimper sur la feuille.

L’utilisateur bouge la feuille et le personnage s’agrippe comme il peut dessus!

Nous avons tendance à rester passif devant des vidéos de synthèse! On intègre des mondes virtuels via des avatars mais le lien entre la réalité et le virtuel

se bornait au clavier et à la souris.

Voici donc des vidéos très intéressantes sur cette technologie qui risque, un jour, d’intégrer nos chaumières et de changer nos habitudes.

http://webloria.loria.fr/~gsimon/ra/

http://www.dunod.com/livre-dunod-9782100498604-integrer-images-reelles-et-images-3d.html

http://www.fredcavazza.net/2008/01/16/une-illustration-interessante-de-la-realite-augmentee/

http://www.jsmansart.com/post/Life-20-la-realite-augmentee

http://fr.wikipedia.org/wiki/R%C3%A9alit%C3%A9_augment%C3%A9e

Bonne lecture

J’ai décidé de relayer certains articles du hub Ecommerce, ergonomie et retours utilisateurs sur Viadéo dont je suis responsable.

dans le but d’élargir le public visé et de pouvoir illustrer certains de mes articles car sur viadéo ce n’est pas possible.

Chaque article commencera par  “Ecommerce, ergonomie et retours utilisateurs“, Voici donc le premier de la série :

L’ergonomie des carrousels :

On voit pousser un peu partout des carrousels :

ce système qui fait tourner des images de produits sur une ellipse ou une ligne et donne un effet de profondeur ou cyclique avec mouvements perpétuels ou manuels.

Voici quelques exemples de systèmes:

Carrousels linéaire cycliques  :

Voici quelques liens à visiter avec démo et installation : http://sorgalla.com/projects/jcarousel/examples/static_simple.html http://sorgalla.com/projects/jcarousel/examples/static_vertical.html http://sorgalla.com/projects/jcarousel/examples/static_auto.html http://sorgalla.com/projects/jcarousel/examples/static_controls.html http://sorgalla.com/projects/jcarousel/examples/special_easing.html http://thomlx.free.fr/jquery/jquery_carousel.htm

avec différents effets de fondus :

Voici quelques liens à visiter avec démo et installation : http://www.agilecarousel.com/examples/full_example http://www.agilecarousel.com/examples/jqueryui_example http://www.agilecarousel.com/examples/simple_example

Carrousel sur ellipse ou Carrousel 3d :

Voici quelques liens à visiter avec démo et installation : http://www.hotajax.org/download/mootools/3d-carousel/index.html http://interface.eyecon.ro/demos/carousel.html http://interface.eyecon.ro/docs/carousel http://plugins.jquery.com/files/carousel3d_1.zip http://plugins.jquery.com/project/carousel3d http://www.spypoint.com/FR/cameras.html

3d Wall

Voici quelques liens à visiter avec démo et installation : en flash (très joli)  http://www.flashloaded.com/flashcomponents/3dwall/example3.html

Par contre, je trouve qu'il est parfois très difficile d'arrêter le mouvement pour ce positionner sur un objet et j'ai dernièrement vu sur un site un mouvement tellement rapide que l'on apercevait a peine les objets!

Ce qui en fait un système, très difficile d'utilisation et donc pour des internautes moins avertis, les objets tournants ne seront pas visualisés et donc passeront à autre chose. L'effet escompté par le commerçant sera inexistant : Mettre en avant certains produits!

Vous pouvez voir certaines réactions sur Le Hub  de  Viadeo : Ecommerce, ergonomie et retours utilisateurs

De nombreuses librairies javascripts (jquery, extjs, scriptaculous,dojo,…) existent pour rendre plus intuitives vos interfaces web.

Mais  une a plus particulièrement attirée mon attention :  Jquery

Pourquoi choisir cette librairie ?

1. - elle est très complète
2. - la communauté est importante
3. - les plugins importants
4. - les bugs réparés rapidement

Qu’a t-elle de spéciale par rapport aux autres ?

1. Son concept de base : utiliser la structure hiérarchique du document HTML (Le DOM)
2. Le script ne parasite pas le code HTML : utilisation des attributs “id” et “class” des tags
3. Elle supporte l’XmlHttpRequest (Ajax)
4. Externalisation du script qui permet de gérer les événements
5. Installation très facile par de simples liens (link) et l’étiquetage des tag Html via Id ou Class
6. Légèreté de la librairie

Les principes de bases :

1. Des actions sur les noeuds du DOM (choix d’éléments, boucle sur des éléments, événements : un langage dans le langage, …)
2. Des effets et animations : fade, déplacement (sliding), de tremblement, de glissement, …
3. Des widgets : drag and drop, accordéon, sliders, tri, barre de progression, datepicker, boite de dialogue, onglets, …

Beaucoup d’animations pour enrichir vos interfaces web et en améliorer l’expérience utilisateur.
On se rapproche de logiciels classiques avec peut-être encore plus d’esthétique et d’ergonomique.

Que peut-on faire avec Jquery ?

1. des carrousels,
2. des popup nouvelles génération (lightbox, thickbox, greybox)
3. des menus de toutes sortes : verticaux, horizontaux, onglets, hierarchique, …
4. des Glisser-Déplacer
5. des menus déroulants plus ergonomiques
6. des tooltips plus joli, plus paramétrables
7. …

sans rechargement des pages bien sûr!

voir le site www.jquery.com

et les sites en version française :

www.jquery-france.com 

www.jquery.info

Un prochain article listera les différents plugins utiles : menus, boite de dialogue, lightbox, thickbox, greybox, drag and drop, …

Une autre libraire peut également faire des effets similaires mais je trouve qu’elle n’a pas tous ces avantages : c’est Library Ajax  de l’ASP.NET. Fournie de nombreux exemples avec  l’AjaxToolkit

Votre Ecommerce a besoin de rassurer vos internautes

1. Labellisation et certification de votre boutique : label reconnu pour leur qualité de service
2. Enquête de satisfaction après une commande
3. Résolution des conflits

Labellisation et certification de votre boutique

Ces sociétés s’attachent également à labéliser  la boutique du commerçant  pour quelle soit conforme à la loi et aux critères de labellisation et de certification.

Ensuite seule cette validation autorise l’insertion du logo de la société de services après vente ce qui rassure énormément les clients.

Enquête de satisfaction après une commande

Après une commande, le client reçoit une formulaire pour noter le commerçant ce qui renforce le sentiment de suivi client et incite, je pense, les clients à revenir.

Résolution des conflits

Elles sont intermédiaires à la résolution des conflits entre le client et le commerçant.

Vous pouvez nous contacter pour avoir plus d’informations sur la mise en place d’un service après vente de qualité.

Olivier Alessandri : 0661332211 ou par email olivier.alessandri@olvani.com

Votre Ecommerce a besoin de garanties de :

1. Remboursement ou assurance financière
2. Paiement à la livraison
3. Vérification et surveillance des commandes (automatique, manuel, …)
4. Système anti-fraude : automatique, manuel, humain avec des vérifications des adresses de livraison, scoring, recherche de récidive, …

Remboursement ou assurance financière

Ces sociétés proposent des garanties comme le remboursement, dans des cas bien particulier, bien évidemment.

La garantie financière permet suivant le pourcentage de vos ventes d’être remboursés de la transaction frauduleuse.

Cette assurance peut être annuelle ou ponctuelle.

Paiement à la livraison

Certaines ont des systèmes de paiement à la livraison, le commerçant étant payé d’avance mais le client ne sera débité qu’à la  livraison.

Vérification et surveillance des commandes

Elles vérifient de façon très rigoureuses les commandes passées, les adresses de livraison (adresses bidons, adresses déjà servies sur des arnaques,…) :

1. Les transactions  sont surveillées suivant des critères bien définis;
2. Certaines ont plus de 90 critères appelés le scoring 
3. Une vérification humaine s’en suit qui permet d’enlever tous les doutes. Les contrôles téléphoniques de ces sociétés sont perçus comme des suivis de vos commandes et ne perturbent pas les acheteurs honnêtes.
4. Vérifications effectuées après la commande et le paiement donc aucun ralentissement sur votre Ecommerce

Système anti-fraude

Le système anti-fraude utilise leur base de données mutualisées ce qui leur permet de suivre les fraudeurs de sites en sites et de signaler les risques.

Un prochain article présentera pourquoi cela rassure les clients.

En attendant vous pouvez nous contacter pour avoir plus d’informations sur la mise en place d’un service après vente de qualité.

Olivier Alessandri : 0661332211 ou par email olivier.alessandri@olvani.com

Nous allons nous concentrer sur les services après vente (externalisés) pour les Ecommerces.

Quel intérêt d’externaliser votre service après vente :

1. Vous êtes une très petites entreprises et vous n’avez pas les moyens de posséder un service après vente digne de ce nom
2. Vous avez besoin de compétences particulières pour répondre à vos clients
3. Vous n’avez pas le temps nécessaire pour répondre à  tout vos clients
4. Vous souhaitez augmenter vos ventes
5. Vous voulez rassurer vos clients
6. etc.

Les sociétés de services après vente sont équipées pour répondre à ces situations et également à l’augmentation de commandes suivant les saisons.

Elles proposent de nombreuses garanties mais également des systèmes anti-fraudes, des systèmes de surveillances des commandes ,…

Elles vous permettent de recentrer vos équipes sur leurs activités principales.

Vos clients ne pourront qu’être satisfait et votre société n’en sera que plus valorisé enterme de qualité de la relation commerciale et de la relation humaine.

Un prochain article exposera les garanties que proposent ces sociétés.