SlideShare uma empresa Scribd logo
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

Design de Interface - Diretrizes
Design de Interface - DiretrizesDesign de Interface - Diretrizes
Design de Interface - Diretrizes
Vinícius Silva de Andrade
 
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicasSistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
Suzana Viana Mota
 
Sistema operacional linux
Sistema operacional linuxSistema operacional linux
Sistema operacional linux
gabiel-felipe
 
Manutenção de Computadores - Aula 1
Manutenção de Computadores - Aula 1Manutenção de Computadores - Aula 1
Manutenção de Computadores - Aula 1
Guilherme Nonino Rosa
 
Aula 11 - História dos Sistemas Operacionais - Windows
Aula 11 - História dos Sistemas Operacionais - WindowsAula 11 - História dos Sistemas Operacionais - Windows
Aula 11 - História dos Sistemas Operacionais - Windows
Suzana Viana Mota
 
02 - A evolução do Microsoft Windows - v1.0
02 - A evolução do Microsoft Windows - v1.002 - A evolução do Microsoft Windows - v1.0
02 - A evolução do Microsoft Windows - v1.0
César Augusto Pessôa
 
01 - Introdução e diferenças entre software e hardware v1.3
01 - Introdução e diferenças entre software e hardware v1.301 - Introdução e diferenças entre software e hardware v1.3
01 - Introdução e diferenças entre software e hardware v1.3
César Augusto Pessôa
 
Power point 2010 intermediário - denis katko - oficial
Power point 2010   intermediário - denis katko - oficialPower point 2010   intermediário - denis katko - oficial
Power point 2010 intermediário - denis katko - oficial
Denis Katko
 
Aula 4 herança, sobrescrita de métodos, construtor
Aula 4   herança, sobrescrita de métodos, construtorAula 4   herança, sobrescrita de métodos, construtor
Aula 4 herança, sobrescrita de métodos, construtor
Rafael Pinheiro
 
Git e Github para Iniciantes
Git e Github para IniciantesGit e Github para Iniciantes
Git e Github para Iniciantes
Loiane Groner
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas web
EdgarMenSil
 
Memoria virtual
Memoria virtualMemoria virtual
Memoria virtual
Mauro Melo
 
Módulo 9 - Introdução à Programação Orientada a Objectos
Módulo 9 - Introdução à Programação Orientada a Objectos Módulo 9 - Introdução à Programação Orientada a Objectos
Módulo 9 - Introdução à Programação Orientada a Objectos
Luis Ferreira
 
Processadores
ProcessadoresProcessadores
Processadores
Victor Pereira
 
Arquitetura e Manutenção de Computadores
Arquitetura e Manutenção de ComputadoresArquitetura e Manutenção de Computadores
Arquitetura e Manutenção de Computadores
Jorge Ávila Miranda
 
Gerações de computadores
Gerações de computadoresGerações de computadores
Gerações de computadoresSamuel Carvalho
 
SOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a ServiçosSOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a Serviçosalinebicudo
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
LucasMansueto
 
Redes de computadores e Telecomunicações
Redes de computadores e TelecomunicaçõesRedes de computadores e Telecomunicações
Redes de computadores e Telecomunicações
Helder Lopes
 
Actividad No. 1.6: Creación de bases de datos en MySQL
Actividad No. 1.6: Creación de bases de datos en MySQLActividad No. 1.6: Creación de bases de datos en MySQL
Actividad No. 1.6: Creación de bases de datos en MySQL
Francisco Medina
 

Mais procurados (20)

Design de Interface - Diretrizes
Design de Interface - DiretrizesDesign de Interface - Diretrizes
Design de Interface - Diretrizes
 
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicasSistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
Sistemas Digitais - Aula 05 - Tabelas verdade e Portas lógicas
 
Sistema operacional linux
Sistema operacional linuxSistema operacional linux
Sistema operacional linux
 
Manutenção de Computadores - Aula 1
Manutenção de Computadores - Aula 1Manutenção de Computadores - Aula 1
Manutenção de Computadores - Aula 1
 
Aula 11 - História dos Sistemas Operacionais - Windows
Aula 11 - História dos Sistemas Operacionais - WindowsAula 11 - História dos Sistemas Operacionais - Windows
Aula 11 - História dos Sistemas Operacionais - Windows
 
02 - A evolução do Microsoft Windows - v1.0
02 - A evolução do Microsoft Windows - v1.002 - A evolução do Microsoft Windows - v1.0
02 - A evolução do Microsoft Windows - v1.0
 
01 - Introdução e diferenças entre software e hardware v1.3
01 - Introdução e diferenças entre software e hardware v1.301 - Introdução e diferenças entre software e hardware v1.3
01 - Introdução e diferenças entre software e hardware v1.3
 
Power point 2010 intermediário - denis katko - oficial
Power point 2010   intermediário - denis katko - oficialPower point 2010   intermediário - denis katko - oficial
Power point 2010 intermediário - denis katko - oficial
 
Aula 4 herança, sobrescrita de métodos, construtor
Aula 4   herança, sobrescrita de métodos, construtorAula 4   herança, sobrescrita de métodos, construtor
Aula 4 herança, sobrescrita de métodos, construtor
 
Git e Github para Iniciantes
Git e Github para IniciantesGit e Github para Iniciantes
Git e Github para Iniciantes
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas web
 
Memoria virtual
Memoria virtualMemoria virtual
Memoria virtual
 
Módulo 9 - Introdução à Programação Orientada a Objectos
Módulo 9 - Introdução à Programação Orientada a Objectos Módulo 9 - Introdução à Programação Orientada a Objectos
Módulo 9 - Introdução à Programação Orientada a Objectos
 
Processadores
ProcessadoresProcessadores
Processadores
 
Arquitetura e Manutenção de Computadores
Arquitetura e Manutenção de ComputadoresArquitetura e Manutenção de Computadores
Arquitetura e Manutenção de Computadores
 
Gerações de computadores
Gerações de computadoresGerações de computadores
Gerações de computadores
 
SOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a ServiçosSOA - Arquitetura Orientada a Serviços
SOA - Arquitetura Orientada a Serviços
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
 
Redes de computadores e Telecomunicações
Redes de computadores e TelecomunicaçõesRedes de computadores e Telecomunicações
Redes de computadores e Telecomunicações
 
Actividad No. 1.6: Creación de bases de datos en MySQL
Actividad No. 1.6: Creación de bases de datos en MySQLActividad No. 1.6: Creación de bases de datos en MySQL
Actividad No. 1.6: Creación de bases de datos en MySQL
 

Semelhante a Caracteristicas da Usabilidade

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 5
Paulo 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ção
Adson Santos
 
O desafio de comprar pelo tablet
O desafio de comprar pelo tabletO desafio de comprar pelo tablet
O desafio de comprar pelo tablet
Mercedes Sanchex UX Research
 
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
Rodrigo 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 Preto
Estrategia Digital
 
Como Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteComo Tornar Seu Site Atraente
Como Tornar Seu Site AtraenteHorácio Soares
 
Ebook ui-design-v2
Ebook ui-design-v2Ebook ui-design-v2
Ebook ui-design-v2
Renato Lucena
 
Avaliação de Negócio Digital
Avaliação de Negócio DigitalAvaliação de Negócio Digital
Avaliação de Negócio Digital
Joao 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 Ferreira
Anyssa Ferreira
 
Manual Para Site
Manual Para SiteManual Para Site
Manual Para Site
Domitri
 
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
Douglas 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 consumidor
Eluza 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 celular
Marcela 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 web
Wellington Oliveira
 

Semelhante a Caracteristicas da Usabilidade (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_malicioso
Fernando 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 Moodle
Fernando Vargas
 
Método Ágil Scrum
Método Ágil ScrumMétodo Ágil Scrum
Método Ágil Scrum
Fernando Vargas
 
Resenha viciados em_internet
Resenha viciados em_internetResenha viciados em_internet
Resenha viciados em_internetFernando Vargas
 
Inclusão digital
Inclusão digitalInclusão digital
Inclusão digital
Fernando 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 2
Fernando Vargas
 
Classificação de dados
Classificação de dadosClassificação de dados
Classificação de dados
Fernando Vargas
 
Artigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogosArtigo inteligencia artifical-jogos
Artigo inteligencia artifical-jogos
Fernando 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
 

Caracteristicas da Usabilidade

  • 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).