São as pequenas coisas que melhoram a experiência do usuário!

Hoje foi meu primeiro dia em minha nova posição como Diretor de Tecnologia para uma jovem empresa de software de marketing e comércio eletrônico aqui em Indianápolis, chamada Patrono. Ao revisar nosso software hoje e ajudar em uma nova integração, fiquei animado com a sofisticação do aplicativo. Nosso aplicativo integra pedidos online com vários POS sistemas.

Estou ansioso para trabalhar com nossas equipes de desenvolvimento para tornar nossa interface do usuário totalmente personalizável, utilizando CSS e, talvez, alguns AJAX. A grande notícia é que essas mudanças são em grande parte cosméticas, que não exigirão a destruição e a reconstrução do aplicativo. Em grande parte, acredito que o aplicativo pode ser melhorado de duas maneiras: a primeira é a capacidade de personalizar a interação do cliente e a segunda é a implementação de algumas 'pequenas coisas' básicas.

Como estava trabalhando no Paypal ontem à noite, encontrei apenas uma 'coisinha'. Quando você passa o mouse sobre links específicos na interface do Paypal, uma bela dica de ferramenta fade-in aparece e desaparece quando você move o mouse para fora dela. Aqui está uma captura de tela:

Mouseover no Paypal

Freqüentemente, quando noto essas técnicas, procuro um pouco para descobrir mais. Neste caso, descobri que o Paypal está simplesmente utilizando o Yahoo! Biblioteca de interface do usuário para construir as dicas de ferramentas. Melhor ainda, eles simplesmente exibem a mensagem do título real dentro da tag (a) nchor. Isso significa que a página foi desenvolvida normalmente, mas quando a classe foi adicionada, o JavaScript cuidou do resto.

São pequenos detalhes como esses no software que realmente tornam a experiência do usuário melhor. Talvez o mais impressionante é que os desenvolvedores do Paypal não se preocuparam em 'reinventar a roda', eles encontraram uma boa biblioteca e a implementaram.

Estarei procurando por essas e outras técnicas nos próximos meses para melhorar a experiência do usuário em nossos aplicativos.

2 Comentários

  1. 1

    Oi Douglas

    WOW, eu não tinha ideia de que a biblioteca de interface do usuário do Yahoo era de código aberto e no Sourceforge ... esse é outro brinquedo novo com o qual tenho que brincar. 🙂

    O que eu achei que foi uma experiência de usuário muito legal recentemente foi quando troquei o novo Yahoo Webmail Beta e fui tratado com um tutorial visual muito bonito com dicas de ferramentas alinhadas com cada item relacionado.

    Não sei se essa codificação faz parte da Biblioteca YUI, mas se for, pode ser uma boa adição ao seu aplicativo de comércio eletrônico.

    Saúde

    Nick 🙂

    • 2

      O Yahoo tem uma enorme coleção de componentes de interface do usuário, Nick. Certifique-se de verificar seus controles de grade. Simplesmente incrível. E ao ler a documentação e os acordos de licenciamento – está tudo disponível, desde que você não esteja procurando por suporte.

      Eu não sou advogado, no entanto... você pode querer verificar novamente!

O que você acha?

Este site usa o Akismet para reduzir o spam. Saiba como seus dados de comentário são processados.