SlideShare uma empresa Scribd logo
1 de 17
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!

Mais conteúdo relacionado

Mais procurados

Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. Carvalho
Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. CarvalhoAula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. Carvalho
Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. CarvalhoRudson Kiyoshi Souza Carvalho
 
Requirements modeling
Requirements modelingRequirements modeling
Requirements modelingAnanthiP8
 
System Requirements
System Requirements System Requirements
System Requirements Alaa Al Nouri
 
Árvores Balanceadas AVL
Árvores Balanceadas AVLÁrvores Balanceadas AVL
Árvores Balanceadas AVLDaniel Maia
 
Ch5- Software Engineering 9
Ch5- Software Engineering 9Ch5- Software Engineering 9
Ch5- Software Engineering 9Ian Sommerville
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de RequisitosCloves da Rocha
 
UML - Criando Diagramas Eficientes
UML - Criando Diagramas EficientesUML - Criando Diagramas Eficientes
UML - Criando Diagramas EficientesRodrigo Cascarrolho
 
Software engineering rogers pressman chapter 7
Software engineering rogers pressman chapter 7Software engineering rogers pressman chapter 7
Software engineering rogers pressman chapter 7mohammad hossein Jalili
 
How to become a visualization guru in Web Intelligence
How to become a visualization guru in Web IntelligenceHow to become a visualization guru in Web Intelligence
How to become a visualization guru in Web IntelligenceWiiisdom
 
Levantamento Ágil de Requisitos
Levantamento Ágil de RequisitosLevantamento Ágil de Requisitos
Levantamento Ágil de RequisitosPaulo Furtado
 
Software Requirements (3rd Edition) summary
Software Requirements (3rd Edition) summarySoftware Requirements (3rd Edition) summary
Software Requirements (3rd Edition) summaryAhmed Kamel Taha
 
Diagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDiagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDjonathas Cardoso
 
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeira
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeiraBanco de Dados - Modelo Lógico, Chave primária e Chave estrangeira
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeiraNatanael Simões
 
O (papel do) Arquiteto de Software
O (papel do) Arquiteto de SoftwareO (papel do) Arquiteto de Software
O (papel do) Arquiteto de SoftwarePeter Jandl Junior
 
Especificação de Requisitos de Software
Especificação de Requisitos de SoftwareEspecificação de Requisitos de Software
Especificação de Requisitos de SoftwareRalph Rassweiler
 
BD I - Aula 06 B - Parte 1 - Aspecto Temporal
BD I - Aula 06 B - Parte 1 - Aspecto TemporalBD I - Aula 06 B - Parte 1 - Aspecto Temporal
BD I - Aula 06 B - Parte 1 - Aspecto TemporalRodrigo Kiyoshi Saito
 

Mais procurados (20)

Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. Carvalho
Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. CarvalhoAula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. Carvalho
Aula de Analise e Projetos - Diagramas UML - prof. Rudson Kiyoshi S. Carvalho
 
Requirements modeling
Requirements modelingRequirements modeling
Requirements modeling
 
System Requirements
System Requirements System Requirements
System Requirements
 
Árvores Balanceadas AVL
Árvores Balanceadas AVLÁrvores Balanceadas AVL
Árvores Balanceadas AVL
 
Ch5- Software Engineering 9
Ch5- Software Engineering 9Ch5- Software Engineering 9
Ch5- Software Engineering 9
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de Requisitos
 
UML - Criando Diagramas Eficientes
UML - Criando Diagramas EficientesUML - Criando Diagramas Eficientes
UML - Criando Diagramas Eficientes
 
Aula4 levantamento requisitos
Aula4 levantamento requisitosAula4 levantamento requisitos
Aula4 levantamento requisitos
 
Software engineering rogers pressman chapter 7
Software engineering rogers pressman chapter 7Software engineering rogers pressman chapter 7
Software engineering rogers pressman chapter 7
 
How to become a visualization guru in Web Intelligence
How to become a visualization guru in Web IntelligenceHow to become a visualization guru in Web Intelligence
How to become a visualization guru in Web Intelligence
 
Levantamento Ágil de Requisitos
Levantamento Ágil de RequisitosLevantamento Ágil de Requisitos
Levantamento Ágil de Requisitos
 
Software Requirements (3rd Edition) summary
Software Requirements (3rd Edition) summarySoftware Requirements (3rd Edition) summary
Software Requirements (3rd Edition) summary
 
Diagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDiagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados I
 
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeira
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeiraBanco de Dados - Modelo Lógico, Chave primária e Chave estrangeira
Banco de Dados - Modelo Lógico, Chave primária e Chave estrangeira
 
UML
UMLUML
UML
 
O (papel do) Arquiteto de Software
O (papel do) Arquiteto de SoftwareO (papel do) Arquiteto de Software
O (papel do) Arquiteto de Software
 
Especificação de Requisitos de Software
Especificação de Requisitos de SoftwareEspecificação de Requisitos de Software
Especificação de Requisitos de Software
 
Diagramas de actividades
Diagramas de actividadesDiagramas de actividades
Diagramas de actividades
 
Modelagem de dados
Modelagem de dados Modelagem de dados
Modelagem de dados
 
BD I - Aula 06 B - Parte 1 - Aspecto Temporal
BD I - Aula 06 B - Parte 1 - Aspecto TemporalBD I - Aula 06 B - Parte 1 - Aspecto Temporal
BD I - Aula 06 B - Parte 1 - Aspecto Temporal
 

Semelhante a Ergonomia de Interfaces

Usabilidade
UsabilidadeUsabilidade
Usabilidademrseo
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Paulo César Silva
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidadeJonas Henrique
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem acesso2612
 
Ponto Frio - Análise arquitetura da informação
Ponto Frio - Análise arquitetura da informaçãoPonto Frio - Análise arquitetura da informação
Ponto Frio - Análise arquitetura da informaçãoAdson Santos
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraRodrigo Maciel
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoEstrategia Digital
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Avaliação de Negócio Digital
Avaliação de Negócio DigitalAvaliação de Negócio Digital
Avaliação de Negócio DigitalJoao Costa
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraAnyssa Ferreira
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para SiteDomitri
 
25 técnicas infalíveis para ter o melhor site mobile
25 técnicas infalíveis para ter o melhor site mobile25 técnicas infalíveis para ter o melhor site mobile
25 técnicas infalíveis para ter o melhor site mobileDouglas Benjamim
 
25 técnicas do Google para um site Mobile.
25 técnicas do Google para um site Mobile. 25 técnicas do Google para um site Mobile.
25 técnicas do Google para um site Mobile. José Henrique Westphalen
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e UsabilidadeClaudio Toldo
 
Apresentação jornada do consumidor
Apresentação jornada do consumidorApresentação jornada do consumidor
Apresentação jornada do consumidorEluza Pinheiro
 
Mobile E-commerce - Melhores práticas para criar uma loja para o celular
Mobile E-commerce - Melhores práticas para criar uma loja para o celularMobile E-commerce - Melhores práticas para criar uma loja para o celular
Mobile E-commerce - Melhores práticas para criar uma loja para o celularMarcela Hippe
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webWellington Oliveira
 

Semelhante a Ergonomia de Interfaces (20)

Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
Senac Bauru - Marketing na Web - Aulas 3, 4 e 5
 
Avaliação de usabilidade
Avaliação de usabilidadeAvaliação de usabilidade
Avaliação de usabilidade
 
O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem O Segredo dos Sites que Vendem
O Segredo dos Sites que Vendem
 
Ponto Frio - Análise arquitetura da informação
Ponto Frio - Análise arquitetura da informaçãoPonto Frio - Análise arquitetura da informação
Ponto Frio - Análise arquitetura da informação
 
O desafio de comprar pelo tablet
O desafio de comprar pelo tabletO desafio de comprar pelo tablet
O desafio de comprar pelo tablet
 
E book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedoraE book Página inicial poderosa e vendedora
E book Página inicial poderosa e vendedora
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site Atraente
 
Ebook ui-design-v2
Ebook ui-design-v2Ebook ui-design-v2
Ebook ui-design-v2
 
Avaliação de Negócio Digital
Avaliação de Negócio DigitalAvaliação de Negócio Digital
Avaliação de Negócio Digital
 
Design de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa FerreiraDesign de temas para WooCommerce - Anyssa Ferreira
Design de temas para WooCommerce - Anyssa Ferreira
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para Site
 
25 técnicas infalíveis para ter o melhor site mobile
25 técnicas infalíveis para ter o melhor site mobile25 técnicas infalíveis para ter o melhor site mobile
25 técnicas infalíveis para ter o melhor site mobile
 
25 técnicas do Google para um site Mobile.
25 técnicas do Google para um site Mobile. 25 técnicas do Google para um site Mobile.
25 técnicas do Google para um site Mobile.
 
Formatacao De Websites Comerciais
Formatacao De Websites ComerciaisFormatacao De Websites Comerciais
Formatacao De Websites Comerciais
 
Design e Usabilidade
Design e UsabilidadeDesign e Usabilidade
Design e Usabilidade
 
Apresentação jornada do consumidor
Apresentação jornada do consumidorApresentação jornada do consumidor
Apresentação jornada do consumidor
 
Mobile E-commerce - Melhores práticas para criar uma loja para o celular
Mobile E-commerce - Melhores práticas para criar uma loja para o celularMobile E-commerce - Melhores práticas para criar uma loja para o celular
Mobile E-commerce - Melhores práticas para criar uma loja para o celular
 
Revendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da webRevendo as descobertas iniciais de usabilidade da web
Revendo as descobertas iniciais de usabilidade da web
 

Mais de Fernando Vargas

Apresentacao invasao arquivo_malicioso
Apresentacao invasao arquivo_maliciosoApresentacao invasao arquivo_malicioso
Apresentacao invasao arquivo_maliciosoFernando Vargas
 
Paps uml-erivanildo.thegenius.us
Paps uml-erivanildo.thegenius.usPaps uml-erivanildo.thegenius.us
Paps uml-erivanildo.thegenius.usFernando Vargas
 
Inserindo apresentações do Slideshare no Moodle
Inserindo apresentações do Slideshare no MoodleInserindo apresentações do Slideshare no Moodle
Inserindo apresentações do Slideshare no MoodleFernando Vargas
 
Resenha viciados em_internet
Resenha viciados em_internetResenha viciados em_internet
Resenha viciados em_internetFernando Vargas
 
Apresentação estrela vs cmmi nivel 2
Apresentação estrela vs cmmi nivel 2Apresentação estrela vs cmmi nivel 2
Apresentação estrela vs cmmi nivel 2Fernando Vargas
 
Classificação de dados
Classificação de dadosClassificação de dados
Classificação de dadosFernando Vargas
 
Artigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogosArtigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogosFernando Vargas
 

Mais de Fernando Vargas (10)

Apresentacao invasao arquivo_malicioso
Apresentacao invasao arquivo_maliciosoApresentacao invasao arquivo_malicioso
Apresentacao invasao arquivo_malicioso
 
Paps uml-erivanildo.thegenius.us
Paps uml-erivanildo.thegenius.usPaps uml-erivanildo.thegenius.us
Paps uml-erivanildo.thegenius.us
 
Inserindo apresentações do Slideshare no Moodle
Inserindo apresentações do Slideshare no MoodleInserindo apresentações do Slideshare no Moodle
Inserindo apresentações do Slideshare no Moodle
 
Método Ágil Scrum
Método Ágil ScrumMétodo Ágil Scrum
Método Ágil Scrum
 
Htmlbasico
HtmlbasicoHtmlbasico
Htmlbasico
 
Resenha viciados em_internet
Resenha viciados em_internetResenha viciados em_internet
Resenha viciados em_internet
 
Inclusão digital
Inclusão digitalInclusão digital
Inclusão digital
 
Apresentação estrela vs cmmi nivel 2
Apresentação estrela vs cmmi nivel 2Apresentação estrela vs cmmi nivel 2
Apresentação estrela vs cmmi nivel 2
 
Classificação de dados
Classificação de dadosClassificação de dados
Classificação de dados
 
Artigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogosArtigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogos
 

Ergonomia de Interfaces

  • 1. Trabalho de Ergonomia de Interfaces Fernando Vargas fvargaspf@gmail.com
  • 2. 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.
  • 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 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.
  • 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 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.
  • 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 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.
  • 9. 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.
  • 10. 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.
  • 11. 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.”
  • 12. 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.
  • 13. 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.
  • 14. 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;
  • 15. 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.
  • 16. 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).