Trabalho de Ergonomia de
        Interfaces

    Fernando Vargas
     fvargaspf@gmail.com
www.mobly.com.br

Quais foram suas principais dificuldades ou encontrou algum erro?

 Dificuldade de usabilidade. Se o usuários está com o ponteiro do mouse sobre o
cabeçalho do site e deseja acessar algo que está logo a baixo do menu, enfrentará um
problema porque abrirá um menu de navegação.

O que você viu de pontos positivos?
 Tirando o problema citado é de fácil acesso e encontrei rapidamente o que procurava.
www.mobly.com.br
O que você faria de diferente para melhorar a interface?
 As cores dos botões / menus estão legais.
 Todo o fundo é branco e não é possível separar ou identificar alguns blocos do site por
causa disso. Ex: Produto / Fundo da mesma cor.
 Quando acessa a página inicial, o banner animado (ou flash) não apresenta um tamanho
adequado fazendo com que o usuário tenha que “descer” para ver de forma correta. Acho
que o ideal é que utilizasse o tamanho de forma mais adequada.
 O site possui um bloco de “Lançamentos para você”, porém não leva em consideração o
gosto do usuário para listar produtos, logo não é lançamento para mim e sim para
qualquer um.


Dê um parecer geral sobre a interface da loja.
 É interessante, fácil de utilizar e leve. Acho que realmente o que eu pensaria em mudar
está citado acima.
www.vitrola.com.br
Quais foram suas principais dificuldades ou encontrou algum erro?

  Achei estranho é que não posso informar na pesquisa se quero um cd
ou um DVD do Roberto Carlos, por exemplo.

   Aí se quiser um DVD e filtrar por Roberto Carlos, ele mostra primeiro
os CDs (que eu não tenho o mínimo interesse), e se eu clicar no item
DVD não posso filtrar o que quero por DVD.

O que você viu de pontos positivos?

É possível distinguir o fundo de blocos do site. É extremamente simples
fazer o cadastro. Na realidade você faz o cadastro bem naturalmente
depois até mesmo de já ter escolhido produto.
www.vitrola.com.br
O que você faria de diferente para melhorar a interface?

   Ajustaria as buscas por produtos. E deixaria a interface mais
“moderna”.

Dê um parecer geral sobre a interface da loja.

   É simples demais e dependendo do ponto de vista tem uma cara de
blog. Por mais que tenha um banner considerando promoção de dia das
mães não achei muito atrativo.
www.ultrafarma.com.br
Quais foram suas principais dificuldades ou encontrou algum erro?

   O filtro não filtrou hipertensão. Acho que deveria. Nas categorias
possui pressão-alta, mas não hipertenção. Não sou técnico, deveria
saber que pressão alta é o mesmo que hipertensão?

O que você viu de pontos positivos?

 Foi fácil de efetuar a compra depois que encontrei o produto.
www.ultrafarma.com.br
O que você faria de diferente para melhorar a interface?

Mudar jogo de cores.
Trabalhar com palavras chaves ou filtros personalizados.

Dê um parecer geral sobre a interface da loja.

O site em si é simples, mas não gostei das cores nem da
disponibilização dos blocos de texto.
www.sennastore.com.br
Quais foram suas principais dificuldades ou encontrou algum erro?

  Não tive dificuldades, porém os outros eram mais fáceis para realizar
cadastro.

O que você viu de pontos positivos?

 É fácil de encontrar produtos, porém é difícil ler os textos.

O que você faria de diferente para melhorar a interface?
 Mudaria o layout, o mesmo não está moderno.
 As fontes deveriam ser mudadas são pequenas.
 Os botões não possuem uma qualidade muito boa.

Dê um parecer geral sobre a interface da loja.
www.cyprianosom.com.br
Quais foram suas principais dificuldades ou encontrou algum erro?
 Inicialmente nenhuma.

O que você viu de pontos positivos?
 Site limpo e de fácil acesso.

O que você faria de diferente para melhorar a interface?
 É muito branco no site.
 Mudaria o layout.

Dê um parecer geral sobre a interface da loja.

Apresenta uma característica de sites antigos acho que seria
interessante reformular e repensar fontes e tamanhos.
Encontre e explique 10 características ou
         atributos de boa usabilidade

Clareza: muito importante para interface com o usuário. Descobrir de forma
simples e fácil como a aplicação funciona.

Concisa: é necessário ter cuidado quando se tem clareza para evitar ser “claro de
mais”. A informação não pode ser tratada como subentendida, porém explique de
forma “curta e grossa”, transmitindo a ideia desejada de forma mais direta
possível

Familiar: precisa ser parecido com algo que o usuário já tenha visto. Fazer um
design intuitivo é isso, é algo natural, que você por padrão já tenha entendido ao
ver.
10 características ou atributos de boa
                     usabilidade
Reponsiva: Importância à respostas rápidas. A experiência do usuário melhora
quando por exemplo de exibe uma barra de carregamento para espera. Quando
apertar um botão ele ficar “pressionado” para você ter certeza de que “clicou”.


“Ao invés de carregar a página gradualmente, o Gmail mostra uma barra de
progresso quando você faz login. Isto permite à toda página ser exibida
instantaneamente quando tudo estiver pronto.”
10 características ou atributos de boa
                     usabilidade
Consistente: Permite ao usuário desenvolver hábitos de uso. Aprendem sobre
costumes. Ex: botão de disquete para salvar. Posicionamentos de blocos de
software.

Atrativa: uma boa interface deve ser atrativa. Deve ser agradável. Isso não quer
dizer que você precisa colocar um monte de “perfumaria inútil”, isso pode acabar
atrapalhando ao invés de ajudar.

Eficiente: permitir desempenhar suas funções mais rápidamente e com menos
esforço possível. Para isso é necessário saber o que o usuário busca alcançar de
forma mais exata possível.
10 características ou atributos de boa
                  usabilidade
Capaz de desfazer: Todos erram e você tem que prever que seu usuário também
fará isso. Importante indicador de qualidade. Prevenção de erros.

Relação entre o sistema e o mundo real: muito importante e real. É possível
perceber isso de várias formas, sendo: cores (vermelho = pode ser negativo),
carrinho de compras para loja virtual. Falar a língua do usuário

Busca: é importante proporcionar uma ferramenta de busca de forma simples,
objetiva e funcional afim de auxiliar o usuário a encontrar o que procura.
10 características ou atributos de má
                   usabilidade
Em websites sons custuman afastar usuários;

Sites contendo bugs causam má impressão visual e acabam não se
tornando atrativos;

Não seguir padrões de cor, texto e tamanhos atrapalham;

Não manter informações agrupadas por categorias simples;

Layouts mal elaborados fazem sua taixa de conversão ficar negativa;
10 características ou atributos de má
                   usabilidade
Escolher nomes para categorias e links que sejam simples e intuitivos;

O conteúdo precisa ser relevante e mesmo que seja abrangente ao
mesmo tempo precisa ser segmentado (g1)

Barras de pesquisas incompletas ou mal planejadas levam o usuário
procuram o que precisa em outro lugar

Muitos anuncios podem poluir e tornar a navegação difícil.
Formulários muito grandes não conquistam usuários.
Cases de boa e de má usabilidade
          com interação
SmartPhones TochScreen VS Celulares convencionais
                  (ex: SMS).

        Relógio analógico VS Relógio Digital

 Controle padrão VSC ontroles universais de televisão
(apresentam problemas quando possuem muitos botões
   que não funcionam em determinados televisoers).
Obrigado pela Atenção!

Caracteristicas da Usabilidade

  • 1.
    Trabalho de Ergonomiade Interfaces Fernando Vargas fvargaspf@gmail.com
  • 2.
    www.mobly.com.br Quais foram suasprincipais dificuldades ou encontrou algum erro? Dificuldade de usabilidade. Se o usuários está com o ponteiro do mouse sobre o cabeçalho do site e deseja acessar algo que está logo a baixo do menu, enfrentará um problema porque abrirá um menu de navegação. O que você viu de pontos positivos? Tirando o problema citado é de fácil acesso e encontrei rapidamente o que procurava.
  • 3.
    www.mobly.com.br O que vocêfaria de diferente para melhorar a interface? As cores dos botões / menus estão legais. Todo o fundo é branco e não é possível separar ou identificar alguns blocos do site por causa disso. Ex: Produto / Fundo da mesma cor. Quando acessa a página inicial, o banner animado (ou flash) não apresenta um tamanho adequado fazendo com que o usuário tenha que “descer” para ver de forma correta. Acho que o ideal é que utilizasse o tamanho de forma mais adequada. O site possui um bloco de “Lançamentos para você”, porém não leva em consideração o gosto do usuário para listar produtos, logo não é lançamento para mim e sim para qualquer um. Dê um parecer geral sobre a interface da loja. É interessante, fácil de utilizar e leve. Acho que realmente o que eu pensaria em mudar está citado acima.
  • 4.
    www.vitrola.com.br Quais foram suasprincipais dificuldades ou encontrou algum erro? Achei estranho é que não posso informar na pesquisa se quero um cd ou um DVD do Roberto Carlos, por exemplo. Aí se quiser um DVD e filtrar por Roberto Carlos, ele mostra primeiro os CDs (que eu não tenho o mínimo interesse), e se eu clicar no item DVD não posso filtrar o que quero por DVD. O que você viu de pontos positivos? É possível distinguir o fundo de blocos do site. É extremamente simples fazer o cadastro. Na realidade você faz o cadastro bem naturalmente depois até mesmo de já ter escolhido produto.
  • 5.
    www.vitrola.com.br O que vocêfaria de diferente para melhorar a interface? Ajustaria as buscas por produtos. E deixaria a interface mais “moderna”. Dê um parecer geral sobre a interface da loja. É simples demais e dependendo do ponto de vista tem uma cara de blog. Por mais que tenha um banner considerando promoção de dia das mães não achei muito atrativo.
  • 6.
    www.ultrafarma.com.br Quais foram suasprincipais dificuldades ou encontrou algum erro? O filtro não filtrou hipertensão. Acho que deveria. Nas categorias possui pressão-alta, mas não hipertenção. Não sou técnico, deveria saber que pressão alta é o mesmo que hipertensão? O que você viu de pontos positivos? Foi fácil de efetuar a compra depois que encontrei o produto.
  • 7.
    www.ultrafarma.com.br O que vocêfaria de diferente para melhorar a interface? Mudar jogo de cores. Trabalhar com palavras chaves ou filtros personalizados. Dê um parecer geral sobre a interface da loja. O site em si é simples, mas não gostei das cores nem da disponibilização dos blocos de texto.
  • 8.
    www.sennastore.com.br Quais foram suasprincipais dificuldades ou encontrou algum erro? Não tive dificuldades, porém os outros eram mais fáceis para realizar cadastro. O que você viu de pontos positivos? É fácil de encontrar produtos, porém é difícil ler os textos. O que você faria de diferente para melhorar a interface? Mudaria o layout, o mesmo não está moderno. As fontes deveriam ser mudadas são pequenas. Os botões não possuem uma qualidade muito boa. Dê um parecer geral sobre a interface da loja.
  • 9.
    www.cyprianosom.com.br Quais foram suasprincipais dificuldades ou encontrou algum erro? Inicialmente nenhuma. O que você viu de pontos positivos? Site limpo e de fácil acesso. O que você faria de diferente para melhorar a interface? É muito branco no site. Mudaria o layout. Dê um parecer geral sobre a interface da loja. Apresenta uma característica de sites antigos acho que seria interessante reformular e repensar fontes e tamanhos.
  • 10.
    Encontre e explique10 características ou atributos de boa usabilidade Clareza: muito importante para interface com o usuário. Descobrir de forma simples e fácil como a aplicação funciona. Concisa: é necessário ter cuidado quando se tem clareza para evitar ser “claro de mais”. A informação não pode ser tratada como subentendida, porém explique de forma “curta e grossa”, transmitindo a ideia desejada de forma mais direta possível Familiar: precisa ser parecido com algo que o usuário já tenha visto. Fazer um design intuitivo é isso, é algo natural, que você por padrão já tenha entendido ao ver.
  • 11.
    10 características ouatributos de boa usabilidade Reponsiva: Importância à respostas rápidas. A experiência do usuário melhora quando por exemplo de exibe uma barra de carregamento para espera. Quando apertar um botão ele ficar “pressionado” para você ter certeza de que “clicou”. “Ao invés de carregar a página gradualmente, o Gmail mostra uma barra de progresso quando você faz login. Isto permite à toda página ser exibida instantaneamente quando tudo estiver pronto.”
  • 12.
    10 características ouatributos de boa usabilidade Consistente: Permite ao usuário desenvolver hábitos de uso. Aprendem sobre costumes. Ex: botão de disquete para salvar. Posicionamentos de blocos de software. Atrativa: uma boa interface deve ser atrativa. Deve ser agradável. Isso não quer dizer que você precisa colocar um monte de “perfumaria inútil”, isso pode acabar atrapalhando ao invés de ajudar. Eficiente: permitir desempenhar suas funções mais rápidamente e com menos esforço possível. Para isso é necessário saber o que o usuário busca alcançar de forma mais exata possível.
  • 13.
    10 características ouatributos de boa usabilidade Capaz de desfazer: Todos erram e você tem que prever que seu usuário também fará isso. Importante indicador de qualidade. Prevenção de erros. Relação entre o sistema e o mundo real: muito importante e real. É possível perceber isso de várias formas, sendo: cores (vermelho = pode ser negativo), carrinho de compras para loja virtual. Falar a língua do usuário Busca: é importante proporcionar uma ferramenta de busca de forma simples, objetiva e funcional afim de auxiliar o usuário a encontrar o que procura.
  • 14.
    10 características ouatributos de má usabilidade Em websites sons custuman afastar usuários; Sites contendo bugs causam má impressão visual e acabam não se tornando atrativos; Não seguir padrões de cor, texto e tamanhos atrapalham; Não manter informações agrupadas por categorias simples; Layouts mal elaborados fazem sua taixa de conversão ficar negativa;
  • 15.
    10 características ouatributos de má usabilidade Escolher nomes para categorias e links que sejam simples e intuitivos; O conteúdo precisa ser relevante e mesmo que seja abrangente ao mesmo tempo precisa ser segmentado (g1) Barras de pesquisas incompletas ou mal planejadas levam o usuário procuram o que precisa em outro lugar Muitos anuncios podem poluir e tornar a navegação difícil. Formulários muito grandes não conquistam usuários.
  • 16.
    Cases de boae de má usabilidade com interação SmartPhones TochScreen VS Celulares convencionais (ex: SMS). Relógio analógico VS Relógio Digital Controle padrão VSC ontroles universais de televisão (apresentam problemas quando possuem muitos botões que não funcionam em determinados televisoers).
  • 17.