* * * * *

Abonnez-vous !

Innovablog, Le Web où l’Innovation ordinaire : design, ergonomie, interfaces riches, web 2.0, eCommerce,…

  • A propos de l’auteur
  • Archives
  • Contacts
  • 13
    avr 08
    Catégorie : Design

    Design e-commerce : comment désorienter ses utilisateurs (Shopflick)



    J’ai découvert shopflick, ce nouveau service e-commerce de shopping vidéo par un billet de Techcrunch dernièrement. Séduit par le concept, je suis allé directement m’inscrire à la bêta-privée-sur-invitation. Je reçois très rapidement le mail me confirmant ma demande m’invitant à m’inscrire. Ni une ni deux, me voila parti à la conquête du shopping vidéo !

    Shopflick

    Une fois arrivé sur le site, le formulaire d’inscription arrive très rapidement :

    Shopflick : formulaire d’inscription

    Ma première impression a été très positive, un design épuré, moderne, sur un fond d’aplat blanc avec un contraste rose et gris (des couleurs d’ailleurs utilisées sur Innovablog). Le formulaire en lui-même m’a séduit. Il respecte pas mal de bonnes pratiques indiquées sur un billet précédent.

    J’ai particulièrement apprécié l’aide contextuelle fournie pour chaque champ du formulaire. Mais mon expérience allait se corser quelque peu par la suite. Un problème d’ergonomie visuelle, dont voici le détail :

    Shopflick : formulaire d’inscription, étape 1

    • Etape 1 : le champ est au repos.

    Shopflick : formulaire d’inscription, étape 2

    • Etape 2 : Je m’apprête à remplir le champ. Un clic dans ce dernier lui apportant le focus, l’aide contextuelle est proposée. Sa couleur par défaut (nuance de rouges) et son pictogramme (alerte rouge) semblent indiquer une erreur. Faux : c’est l’affichage par défaut, certainement pour être raccord avec la charte graphique du site.
      Il aurait fallu préférer une couleur moins expressive mais tout aussi visible, comme une nuance de jaune / orange.

    Shopflick : formulaire d’inscription, étape 3

    • Etape 3 : je débute ma saisie et tout semble m’indiquer une erreur de saisie !

    Shopflick : formulaire d’inscription, étape 4

    • Etape 4 : j’ai tout de même voulu m’assurer qu’un message d’erreur n’ai pas un style à proprement parler. Après m’être inscris, j’ai tenté à nouveau le pseudo “innovablog”, un message d’erreur s’est afficher fort à propos, embarquant lui aussi le même style !

    Déroutant, non ? Mais les bêta privées sont là aussi pour ça, dans le modèle web 2.0, ce sont les utilisateurs qui débuggent les applications !

    As part of our charter group previewing Shopflick during its “private beta” phase, please use the site and tell us exactly what you think — the positive and the negative — as we are constantly striving to improve on the Shopflick experience.

    J’ai donc communiqué ce lien à l’équipe de Shopflick. Je vous tiendrais informés si un feedback s’établit. Et par ailleurs, j’ai adoré ce service que je vais très vite vous décrire dans un prochain billet.

    Un rappel au passage sur les bonnes pratiques en matière de formulaires :

    Cet article vous a plu ? Ne perdez plus aucune info : abonnez-vous gratuitement !

    A vous de jouer ! Laissez un commentaire :

    XHTML: Vous pouvez utiliser ces tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Innovablog motorisé par WordPress
    Theme Wordpress par Olivier Favre
    Site Map
    RSS Feed
    Contenu intégralement sous licence Creative Commons