SlideShare une entreprise Scribd logo
1  sur  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!

Contenu connexe

Tendances

História dos Sistemas Operativos
História dos Sistemas OperativosHistória dos Sistemas Operativos
História dos Sistemas OperativosTROLITO LALALAL
 
Caixa de computador
Caixa de computadorCaixa de computador
Caixa de computadorH P
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10LucasMansueto
 
Aula 01 - Introdução ao curso - Projeto de Redes de Computadores
Aula 01 - Introdução ao curso - Projeto de Redes de ComputadoresAula 01 - Introdução ao curso - Projeto de Redes de Computadores
Aula 01 - Introdução ao curso - Projeto de Redes de ComputadoresDalton Martins
 
Manutenção e montagem de computadores
Manutenção e montagem de computadoresManutenção e montagem de computadores
Manutenção e montagem de computadoresJoka Luiz
 
Serviços da internet
Serviços da internetServiços da internet
Serviços da internetMoysés Alves
 
Redes de Computadores Capítulo 3 - Camada de Enlace
Redes de Computadores Capítulo 3 - Camada de EnlaceRedes de Computadores Capítulo 3 - Camada de Enlace
Redes de Computadores Capítulo 3 - Camada de EnlaceWellington Oliveira
 
Teste modulo7 imei carlos dias
Teste modulo7 imei carlos diasTeste modulo7 imei carlos dias
Teste modulo7 imei carlos diasPaulo Nogueira
 
Introdução - Arquitetura e Organização de Computadores
Introdução - Arquitetura e Organização de ComputadoresIntrodução - Arquitetura e Organização de Computadores
Introdução - Arquitetura e Organização de ComputadoresWellington Oliveira
 
Aula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIAula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIDalton Martins
 
Trabalho Sobre Motores de busca
Trabalho Sobre Motores de buscaTrabalho Sobre Motores de busca
Trabalho Sobre Motores de buscaOpInf25
 
Buscas Avançadas no Google
Buscas Avançadas no GoogleBuscas Avançadas no Google
Buscas Avançadas no Googlemauroladeiafilho
 
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.Filipo Mór
 
Módulo 3-Sistema Operativo Servidor - V1.pdf
Módulo 3-Sistema Operativo Servidor - V1.pdfMódulo 3-Sistema Operativo Servidor - V1.pdf
Módulo 3-Sistema Operativo Servidor - V1.pdfFChico2
 
Aula 03 Meios de Comunicação de Dados
Aula 03 Meios de Comunicação de DadosAula 03 Meios de Comunicação de Dados
Aula 03 Meios de Comunicação de DadosJorge Ávila Miranda
 
Imei módulo3 sistema operativo
Imei   módulo3 sistema operativoImei   módulo3 sistema operativo
Imei módulo3 sistema operativoteacherpereira
 

Tendances (20)

História dos Sistemas Operativos
História dos Sistemas OperativosHistória dos Sistemas Operativos
História dos Sistemas Operativos
 
Caixa de computador
Caixa de computadorCaixa de computador
Caixa de computador
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
 
Criação de Sites web Tutorial
Criação de Sites web TutorialCriação de Sites web Tutorial
Criação de Sites web Tutorial
 
Aula - Internet
Aula - InternetAula - Internet
Aula - Internet
 
Instalação manutenção equip_informáticos
Instalação manutenção equip_informáticosInstalação manutenção equip_informáticos
Instalação manutenção equip_informáticos
 
Estrutura de diretorios
Estrutura de diretoriosEstrutura de diretorios
Estrutura de diretorios
 
Aula 01 - Introdução ao curso - Projeto de Redes de Computadores
Aula 01 - Introdução ao curso - Projeto de Redes de ComputadoresAula 01 - Introdução ao curso - Projeto de Redes de Computadores
Aula 01 - Introdução ao curso - Projeto de Redes de Computadores
 
Manutenção e montagem de computadores
Manutenção e montagem de computadoresManutenção e montagem de computadores
Manutenção e montagem de computadores
 
Serviços da internet
Serviços da internetServiços da internet
Serviços da internet
 
Redes de Computadores Capítulo 3 - Camada de Enlace
Redes de Computadores Capítulo 3 - Camada de EnlaceRedes de Computadores Capítulo 3 - Camada de Enlace
Redes de Computadores Capítulo 3 - Camada de Enlace
 
Teste modulo7 imei carlos dias
Teste modulo7 imei carlos diasTeste modulo7 imei carlos dias
Teste modulo7 imei carlos dias
 
Introdução - Arquitetura e Organização de Computadores
Introdução - Arquitetura e Organização de ComputadoresIntrodução - Arquitetura e Organização de Computadores
Introdução - Arquitetura e Organização de Computadores
 
Aula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte IIAula 07 - Projeto de Topologia e Exercícios - Parte II
Aula 07 - Projeto de Topologia e Exercícios - Parte II
 
Trabalho Sobre Motores de busca
Trabalho Sobre Motores de buscaTrabalho Sobre Motores de busca
Trabalho Sobre Motores de busca
 
Buscas Avançadas no Google
Buscas Avançadas no GoogleBuscas Avançadas no Google
Buscas Avançadas no Google
 
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.
Aula 3 - Redes de Computadores A - Administração da Internet. Modelo TCP/IP.
 
Módulo 3-Sistema Operativo Servidor - V1.pdf
Módulo 3-Sistema Operativo Servidor - V1.pdfMódulo 3-Sistema Operativo Servidor - V1.pdf
Módulo 3-Sistema Operativo Servidor - V1.pdf
 
Aula 03 Meios de Comunicação de Dados
Aula 03 Meios de Comunicação de DadosAula 03 Meios de Comunicação de Dados
Aula 03 Meios de Comunicação de Dados
 
Imei módulo3 sistema operativo
Imei   módulo3 sistema operativoImei   módulo3 sistema operativo
Imei módulo3 sistema operativo
 

Similaire à 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 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
 

Similaire à 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
 

Plus 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
 

Plus 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
 

Dernier

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 

Dernier (6)

Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 

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