Ce sont les petites choses qui améliorent l'expérience utilisateur!

Aujourd'hui était mon premier jour à mon nouveau poste de directeur de la technologie pour une jeune société de logiciels de marketing et de commerce électronique ici à Indianapolis, appelée Parcours. En examinant notre logiciel aujourd'hui et en aidant à une nouvelle intégration, j'ai été encouragé par la sophistication de l'application. Notre application intègre la commande en ligne avec plusieurs POS systèmes.

J'ai hâte de travailler avec nos équipes de développement pour apporter notre interface utilisateur entièrement personnalisable en utilisant CSS et, peut-être, certains AJAX. La bonne nouvelle est qu'il s'agit en grande partie de changements cosmétiques qui ne nécessiteront pas d'éviscérer et de reconstruire l'application. En gros, je pense que l'application peut être améliorée de deux manières, la première étant la possibilité de personnaliser l'interaction du client et la seconde est d'implémenter quelques «petites choses» de base.

Comme je travaillais chez Paypal hier soir, j'ai trouvé juste un «petit truc». Lorsque vous passez la souris sur des liens spécifiques dans l'interface Paypal, une belle info-bulle en fondu apparaît et disparaît lorsque vous sortez de celle-ci. Voici une capture d'écran:

Survol de la souris sur Paypal

Souvent, quand je remarque ces techniques, je fouille un peu pour en savoir plus. Dans ce cas, j'ai découvert que Paypal utilise simplement le Yahoo! Bibliothèque d'interface utilisateur pour créer les info-bulles. Mieux encore, ils affichent simplement le message du titre réel dans la balise (a) nchor. Cela signifie que la page a été développée normalement, mais lorsque la classe a été ajoutée, JavaScript s'est occupé du reste.

Ce sont de petits accents comme celui-ci sur les logiciels qui en font vraiment une meilleure expérience utilisateur. Le plus impressionnant est peut-être que les développeurs de Paypal n'ont pas pris la peine de «réinventer la roue», ils ont trouvé une bonne bibliothèque et l'ont implémentée.

Je rechercherai ces techniques et d'autres dans les mois à venir pour améliorer l'expérience utilisateur de nos applications.

2 Commentaires

  1. 1

    Salut Douglas

    WOW, je ne savais pas que la bibliothèque d'interface utilisateur de Yahoo était open source et sur Sourceforge… c'est un autre nouveau jouet avec lequel je dois jouer. 🙂

    Ce que je pensais être une expérience utilisateur supplémentaire vraiment cool, c'est lorsque j'ai basculé sur la nouvelle version bêta de Yahoo Webmail et que j'ai eu droit à un très beau didacticiel visuel avec des info-bulles alignées avec chaque élément associé.

    Je ne sais pas si ce codage fait partie de la bibliothèque YUI, mais si c'est le cas, cela pourrait être une bonne chose à ajouter pour votre application de commerce électronique.

    "À votre santé"

    Nick

    • 2

      Yahoo a une énorme collection de composants d'interface utilisateur, Nick. Assurez-vous de vérifier leurs contrôles de grille. Simplement extraordinaire. Et en lisant leur documentation et leurs accords de licence, tout est là pour vous aussi longtemps que vous ne cherchez pas de support.

      Je ne suis pas un avocat, cependant… vous voudrez peut-être vérifier!

Que pensez-vous?

Ce site utilise Akismet pour réduire les spams. Découvrez comment sont traitées les données de vos commentaires..