SlideShare uma empresa Scribd logo
Análise heurística do site
Mundo Oi
Análise Heurística – Mundo Oi




Introdução

Trabalho para disciplina de Ergonomia e
Usabilidade da pós graduação em Design de
Interação pelo Instituto Faber Ludens.


Para este projeto analisei o portal Mundo Oi
(http://mundooi.oi.com.br/) através de fatores
como facilidade de aprendizagem e uso, eficiência,
estética, prevenção de erros e adequamento ao        Legenda
público alvo.
Foram aplicadas como base para reste estudo as       Os problemas encontrados foram
heuríticas de Nielsen [Molich and Nielsen, 1990] e   quantificados como:
também ‘heurísticas pessoais’ desenvolvidas com
a experiência de uso em sites, orientadas e
incentivadas durante as aulas no instituto.            Problema de      Problema          Não é
                                                       usabilidade      menor de       considerado
                                                                       usabilidade     um problema
                                                                                        usabilidade
Análise Heurística – Mundo Oi




Os dez princípios heurísticos

 1. Visibilidade do estado do sistema - O sistema deve sempre manter o usuário informado sobre o que
    está acontecendo, através de uma resposta apropriada, em período de tempo razoável.


 2. Equivalência entre o sistema e o mundo real - Neste caso, o sistema deve falar a linguagem do
    usuário, utilizando-se palavras, frases e conceitos que lhes sejam familiares.


 3. Controle do usuário e liberdade - As decisões de navegação e de interação devem, segundo este
    princípio, ser tomadas pelo usuário.


 4. Consistência e padrões - De acordo com este princípio, um website consistente deve passar uma
    imagem de unidade. Sendo assim, é preciso manter menus e objetos de interação na mesma posição em
    todas as telas para facilitar o uso, e, da mesma maneira, aplicar cores e tipografia consistentemente para
    aumentar a capacidade de reconhecimento de objetos em uma tela.


 5. Prevenção de erro - Neste princípio, o projetista deve apresentar breves textos de instrução, com o
    objetivo de prevenir erros em formulários, por exemplo. A boa orientação do usuário é o primeiro passo
    para prevenir a ocorrência de erros no decorrer do uso do web.




                                              Fonte: http://www.interfaceando.com/usabilidade-para-websites/metodos-para-avaliacao-de-usabilidade/avaliacao-heuristica/
Análise Heurística – Mundo Oi




Os dez princípios heurísticos

 6. Reconhecer ao invés de relembrar – Informações de uso do sistema, de acordo com este princípio,
    devem estar sempre visíveis, ou devem ser fáceis de serem encontradas. Isso ajuda a reduzir a carga na
    memória de curta duração e torna a navegação mais fluida.


 7. Flexibilidade e eficiência de uso – Segundo este princípio, os recursos disponíveis devem ser adequados
    a diferentes perfis de usuários, desde o novato até o mais experiente. Cada pessoa tem objetivos
    diferentes e um mesmo website pode ser capaz de atender a ambos.


 8. Estética e design minimalista – Para não distrair o usuário deve-se, segundo este princípio, evitar a
    apresentação de informações irrelevantes à tarefa.


 9. Auxiliar usuários a reconhecer, diagnosticar e recuperar ações erradas – Neste princípio fica
    definido que, uma vez que um erro tenha ocorrido, é importante apresentar uma mensagem que indique
    claramente o problema, sugerindo como ele pode ser revertido e corrigido. O uso de linguagem clara, em
    português padrão é fundamental nesse caso.


 10.Ajuda e documentação – Segundo este princípio, usar um website é uma tarefa geralmente executada
    individualmente, sem auxílio de outras pessoas e sem guia de usuário para tirar dúvidas. Assim, é
    importante oferecer ajuda focada na tarefa do usuário, apresentando, de maneira compreensível, os
    passos a serem seguidos para sua execução.



                                             Fonte: http://www.interfaceando.com/usabilidade-para-websites/metodos-para-avaliacao-de-usabilidade/avaliacao-heuristica/
Análise Heurística – Mundo Oi




  Visibilidade do estado do sistema

Na página inicial do Mundo Oi, a rádio Oi FM não
mostra qualquer orientação sobre como utilizar o
player da rádio. Mesmo quando o usuário decide
ouvi-la, selecionando uma rádio, a música só toca
depois de apertar o botão play.
O usuário precisa ser orientado sobre as etapas que
deve percorrer para concluir uma tarefa enquanto
decide executá-la. Texto com instruções de uso pode
ser implementado próximo a lista de rádios, a fim de
informar que esta é a primeira ação a ser tomada.

Grau do problema:
Análise Heurística – Mundo Oi




Equivalência entre o sistema e o
mundo real

O site usa linguagem jovem e bem conectada ao
público que o acessa.

Grau do problema:
Análise Heurística – Mundo Oi




Controle do usuário e liberdade

Na página inicial é possível visualizar players de
audio e vídeo, ambos com o início automático
desabilitado, cabendo ao usuário a decisão de usá-
los e quando. Qualquer um dos programas oferece
opções para o usuário interromper, cancelar ou
continuar uma ação.


Grau do problema:
Análise Heurística – Mundo Oi




Consistência e padrões

No módulo ‘Últimas’ são mostradas três chamadas
para matérias. Ao clicar em qualquer uma delas o
usuário é direcionado a diferentes templates de
postagens sem padronização entre layouts, cores,
títulos, fontes, tamanho de imagens e funções
interativas.
Para que o usuário siga uma navegação linear e
compreensível, ele deve perceber padrões
similares de localização, formato e estética entre
as telas.

Grau do problema:
Análise Heurística – Mundo Oi




Prevenção de erros

Mesmo antes de uma estação ser iniciada,
botões para retroceder e avançar músicas
aparecem clicáveis.
Caso surgissem esmaecidos como os demais
botões, o usuário não conseguira clicar neles,
evitando a frustração de navegar por itens
ainda não disponíveis.

Grau do problema:
Análise Heurística – Mundo Oi




Reconhecer ao invés de relembrar

Ao clicar em qualquer um dos destaques do
módulo ‘Oi Diversão & Downloads’ o usuário é
direcionado a página inicial deste canal, e não
a página do tema escolhido anteriormente.
Sempre que o usuário for direcionado a
diferentes canais durante a navegação, o
conteúdo apresentado deve corresponder
exatamente àquilo que foi escolhido.

Grau do problema:
Análise Heurística – Mundo Oi




Flexibilidade e eficiência de uso

É possível realizar buscas clicando no ícone da
lateral ou digitando o termo e apertando
‘Enter’. O sistema está preparado para
atender diferentes perfis de usuários, com
mais e menos experiência.

Grau do problema:
Análise Heurística – Mundo Oi




Estética e design minimalista

Ao escolher enviar um torpedo via web o
usuário visualiza conteúdo fora do contexto
da ação (publicidade), o que pode dispersá-lo
ou atrapalhar a conclusão da tarefa.


Grau do problema:
Análise Heurística – Mundo Oi




Auxiliar o usuário a reconhecer,
diagnosticar e recuperar ações
erradas

O tom esmaecido usado nos botões do player
de música ajuda o usuário a identificar que
aquelas ações ainda não podem ser
executadas.

Grau do problema:
Análise Heurística – Mundo Oi




Ajuda e documentação

O portal analisado é simples e fácil o bastante
para ser usado sem a necessidade de
documentação de apoio.

Grau do problema:
Análise Heurística – Mundo Oi




O canal Mundo Oi
                                                    Critérios Heurísticos                                                    Mundo oi
Dois dos três problemas de usabilidade
                                                    Visibilidade do estado do sistema
encontrados no site podem ser facilmente            Equivalência entre os sistemas e o mundo real
corrigidos com a inclusão de instruções de uso do   Controle do usuário e liberdade
                                                    Consistência e padrões
player de música e a garantia de que o texto nos    Prevenção de erro
módulos de conteúdo correspondem exatamente a       Reconhecer ao invés de relembrar
                                                    Flexibilidade e eficiência de uso
página para onde o usuário está sendo
                                                    Estética e design minimalista
direcionado.                                        Auxiliar usuários a reconhecer, diagnosticar e recuperar ações erradas
                                                    Ajuda e documentação

O terceiro problema - Consistência e Padrões -
exige que sejam padronizadas as cores, fontes,
formatos e interações de todas as páginas de
postagens.
;)
sabineas@gmail.com
@sabineas

Mais conteúdo relacionado

Mais procurados

Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
guest2da055
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
Alan Vasconcelos
 
Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:
Dra. Camila Hamdan
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
Luis Fernando Justus
 
Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2
aiadufmg
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
Daniel Brandão
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
Guilherme Serrano
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
aiadufmg
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
Alan Vasconcelos
 
Graphic1
Graphic1Graphic1
Graphic1
anamargarites
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e Web
Bruno Dadalt Zambiazi
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.
Dra. Camila Hamdan
 
User experience
User experienceUser experience
User experience
carleine
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
Alan Vasconcelos
 
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Maiara Zenatti
 
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: BbRELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
rafahreis
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuário
irlss
 
Linked in parte 2
Linked in   parte 2Linked in   parte 2
Linked in parte 2
aiadufmg
 

Mais procurados (18)

Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Usabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípiosUsabilidade aula-02. Metas e princípios
Usabilidade aula-02. Metas e princípios
 
Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:Ergonomia e Usabilidade AULA 3:
Ergonomia e Usabilidade AULA 3:
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
Delicious parte 2
Delicious   parte 2Delicious   parte 2
Delicious parte 2
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
Análise Heuristica
Análise HeuristicaAnálise Heuristica
Análise Heuristica
 
Skoob parte 2
Skoob   parte 2Skoob   parte 2
Skoob parte 2
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Graphic1
Graphic1Graphic1
Graphic1
 
Avalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e WebAvalição Heurística de aplicativos Desktop e Web
Avalição Heurística de aplicativos Desktop e Web
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.
 
User experience
User experienceUser experience
User experience
 
Mta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação HeurísticaMta1 aula-05 Avaliação Heurística
Mta1 aula-05 Avaliação Heurística
 
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
 
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: BbRELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
RELATÓRIO TÉCNICO DE AVALIAÇÃO DE USABILIDADE OBJETO DA AVALIAÇÃO: Bb
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuário
 
Linked in parte 2
Linked in   parte 2Linked in   parte 2
Linked in parte 2
 

Destaque

Avaliação do site “Cocoricó” com crianças em idade pré-escolar
Avaliação do site “Cocoricó” com crianças em idade pré-escolarAvaliação do site “Cocoricó” com crianças em idade pré-escolar
Avaliação do site “Cocoricó” com crianças em idade pré-escolar
Interaction Design Association Chapter São Paulo
 
Avaliação Heurística Site CISS em Abril 2001
Avaliação Heurística Site CISS em Abril 2001Avaliação Heurística Site CISS em Abril 2001
Avaliação Heurística Site CISS em Abril 2001
Rafael Citadella Daron
 
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
Jovert Freire
 
Relatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSRelatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFS
Felipe J. R. Vieira
 
Avaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipaçãoAvaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipação
Livia Gabos
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
Marcelo Prudente
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
Claudio Diniz - Designer Gráfico
 

Destaque (7)

Avaliação do site “Cocoricó” com crianças em idade pré-escolar
Avaliação do site “Cocoricó” com crianças em idade pré-escolarAvaliação do site “Cocoricó” com crianças em idade pré-escolar
Avaliação do site “Cocoricó” com crianças em idade pré-escolar
 
Avaliação Heurística Site CISS em Abril 2001
Avaliação Heurística Site CISS em Abril 2001Avaliação Heurística Site CISS em Abril 2001
Avaliação Heurística Site CISS em Abril 2001
 
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
Avmc tarefa semana 2 análise crítica da interface gráfica de um site educacio...
 
Relatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFSRelatório da Avaliação da Interface do Portal UFS
Relatório da Avaliação da Interface do Portal UFS
 
Avaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipaçãoAvaliação de interfaces com o usuário atraves de prototipação
Avaliação de interfaces com o usuário atraves de prototipação
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 

Semelhante a Mundo Oi - Analise Heurística

Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
Ergo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação HeurísticaErgo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação Heurística
Alan Vasconcelos
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
guest5ccda
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
Luiz Agner
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
JulioCesar371362
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
Michel Alves
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
Luiz Agner
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
Otavio Augusto
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
Tersis Zonato
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
André Constantino da Silva
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
Andersom Alves Laranja
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveis
leomario
 
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
GUTS-RS
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
Profª Ligia Ghisi
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
wudrs
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
Andrea Dalforno
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Rafael Burity
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
Renato Wajnberg
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
Luiz Agner
 
Usabilidade1
Usabilidade1Usabilidade1

Semelhante a Mundo Oi - Analise Heurística (20)

Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Ergo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação HeurísticaErgo2 aula-14 Avaliação Heurística
Ergo2 aula-14 Avaliação Heurística
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
O que é user experience
O que é user experienceO que é user experience
O que é user experience
 
Usabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveisUsabilidade aplicada a dispositivos móveis
Usabilidade aplicada a dispositivos móveis
 
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
[GUTS-RS] Testes de Usabilidade e Acessibilidade para melhorar a experiência ...
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato RosaOficina "Projetando Interações com Base Heurística" por Renato Rosa
Oficina "Projetando Interações com Base Heurística" por Renato Rosa
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
 
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
Heurísticas e vieses: Como utilizar em seus projetos? - UX Café 02
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 

Último

CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdfCRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
soaresdesouzaamanda8
 
REGULAMENTO DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
REGULAMENTO  DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...REGULAMENTO  DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
REGULAMENTO DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
Eró Cunha
 
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdfA QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
AurelianoFerreirades2
 
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIASA SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
HisrelBlog
 
Aula 1 do livro de Ciências do aluno - sons
Aula 1 do livro de Ciências do aluno - sonsAula 1 do livro de Ciências do aluno - sons
Aula 1 do livro de Ciências do aluno - sons
Érika Rufo
 
Famílias Que Contribuíram Para O Crescimento Do Assaré
Famílias Que Contribuíram Para O Crescimento Do AssaréFamílias Que Contribuíram Para O Crescimento Do Assaré
Famílias Que Contribuíram Para O Crescimento Do Assaré
profesfrancleite
 
slides de Didática 2.pdf para apresentar
slides de Didática 2.pdf para apresentarslides de Didática 2.pdf para apresentar
slides de Didática 2.pdf para apresentar
JoeteCarvalho
 
05-os-pre-socraticos sociologia-28-slides.pptx
05-os-pre-socraticos sociologia-28-slides.pptx05-os-pre-socraticos sociologia-28-slides.pptx
05-os-pre-socraticos sociologia-28-slides.pptx
ValdineyRodriguesBez1
 
OS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdfOS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdf
AmiltonAparecido1
 
UFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdfUFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdf
Manuais Formação
 
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptxSlides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
YeniferGarcia36
 
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptxAula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
edivirgesribeiro1
 
D20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua PortuguesaD20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua Portuguesa
eaiprofpolly
 
Testes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdfTestes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdf
lveiga112
 
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
SILVIAREGINANAZARECA
 
GÊNERO TEXTUAL - POEMA.pptx
GÊNERO      TEXTUAL     -     POEMA.pptxGÊNERO      TEXTUAL     -     POEMA.pptx
GÊNERO TEXTUAL - POEMA.pptx
Marlene Cunhada
 
Pintura Romana .pptx
Pintura Romana                     .pptxPintura Romana                     .pptx
Pintura Romana .pptx
TomasSousa7
 
Potenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números RacionaisPotenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números Racionais
wagnermorais28
 
Leis de Mendel - as ervilhas e a maneira simples de entender.ppt
Leis de Mendel - as ervilhas e a maneira simples de entender.pptLeis de Mendel - as ervilhas e a maneira simples de entender.ppt
Leis de Mendel - as ervilhas e a maneira simples de entender.ppt
PatriciaZanoli
 

Último (20)

CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdfCRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
CRONOGRAMA - PSC 2° ETAPA 2024.pptx (1).pdf
 
REGULAMENTO DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
REGULAMENTO  DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...REGULAMENTO  DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
REGULAMENTO DO CONCURSO DESENHOS AFRO/2024 - 14ª edição - CEIRI /UREI (ficha...
 
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdfA QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
A QUESTÃO ANTROPOLÓGICA: O QUE SOMOS OU QUEM SOMOS.pdf
 
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIASA SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
A SOCIOLOGIA E O TRABALHO: ANÁLISES E VIVÊNCIAS
 
Aula 1 do livro de Ciências do aluno - sons
Aula 1 do livro de Ciências do aluno - sonsAula 1 do livro de Ciências do aluno - sons
Aula 1 do livro de Ciências do aluno - sons
 
Famílias Que Contribuíram Para O Crescimento Do Assaré
Famílias Que Contribuíram Para O Crescimento Do AssaréFamílias Que Contribuíram Para O Crescimento Do Assaré
Famílias Que Contribuíram Para O Crescimento Do Assaré
 
slides de Didática 2.pdf para apresentar
slides de Didática 2.pdf para apresentarslides de Didática 2.pdf para apresentar
slides de Didática 2.pdf para apresentar
 
05-os-pre-socraticos sociologia-28-slides.pptx
05-os-pre-socraticos sociologia-28-slides.pptx05-os-pre-socraticos sociologia-28-slides.pptx
05-os-pre-socraticos sociologia-28-slides.pptx
 
OS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdfOS elementos de uma boa Redação para o ENEM.pdf
OS elementos de uma boa Redação para o ENEM.pdf
 
UFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdfUFCD_10949_Lojas e-commerce no-code_índice.pdf
UFCD_10949_Lojas e-commerce no-code_índice.pdf
 
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptxSlides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
Slides Lição 11, Central Gospel, Os Mortos Em CRISTO, 2Tr24.pptx
 
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
000. Para rezar o terço - Junho - mês do Sagrado Coração de Jesús.pdf
 
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptxAula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
Aula história , caracteristicas e esteriótipos em relação a DANÇA DE SALAO.pptx
 
D20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua PortuguesaD20 - Descritores SAEB de Língua Portuguesa
D20 - Descritores SAEB de Língua Portuguesa
 
Testes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdfTestes + soluções_Mensagens12 )11111.pdf
Testes + soluções_Mensagens12 )11111.pdf
 
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
1_10_06_2024_Criança e Cultura Escrita, Ana Maria de Oliveira Galvão.pdf
 
GÊNERO TEXTUAL - POEMA.pptx
GÊNERO      TEXTUAL     -     POEMA.pptxGÊNERO      TEXTUAL     -     POEMA.pptx
GÊNERO TEXTUAL - POEMA.pptx
 
Pintura Romana .pptx
Pintura Romana                     .pptxPintura Romana                     .pptx
Pintura Romana .pptx
 
Potenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números RacionaisPotenciação e Radiciação de Números Racionais
Potenciação e Radiciação de Números Racionais
 
Leis de Mendel - as ervilhas e a maneira simples de entender.ppt
Leis de Mendel - as ervilhas e a maneira simples de entender.pptLeis de Mendel - as ervilhas e a maneira simples de entender.ppt
Leis de Mendel - as ervilhas e a maneira simples de entender.ppt
 

Mundo Oi - Analise Heurística

  • 1. Análise heurística do site Mundo Oi
  • 2. Análise Heurística – Mundo Oi Introdução Trabalho para disciplina de Ergonomia e Usabilidade da pós graduação em Design de Interação pelo Instituto Faber Ludens. Para este projeto analisei o portal Mundo Oi (http://mundooi.oi.com.br/) através de fatores como facilidade de aprendizagem e uso, eficiência, estética, prevenção de erros e adequamento ao Legenda público alvo. Foram aplicadas como base para reste estudo as Os problemas encontrados foram heuríticas de Nielsen [Molich and Nielsen, 1990] e quantificados como: também ‘heurísticas pessoais’ desenvolvidas com a experiência de uso em sites, orientadas e incentivadas durante as aulas no instituto. Problema de Problema Não é usabilidade menor de considerado usabilidade um problema usabilidade
  • 3. Análise Heurística – Mundo Oi Os dez princípios heurísticos 1. Visibilidade do estado do sistema - O sistema deve sempre manter o usuário informado sobre o que está acontecendo, através de uma resposta apropriada, em período de tempo razoável. 2. Equivalência entre o sistema e o mundo real - Neste caso, o sistema deve falar a linguagem do usuário, utilizando-se palavras, frases e conceitos que lhes sejam familiares. 3. Controle do usuário e liberdade - As decisões de navegação e de interação devem, segundo este princípio, ser tomadas pelo usuário. 4. Consistência e padrões - De acordo com este princípio, um website consistente deve passar uma imagem de unidade. Sendo assim, é preciso manter menus e objetos de interação na mesma posição em todas as telas para facilitar o uso, e, da mesma maneira, aplicar cores e tipografia consistentemente para aumentar a capacidade de reconhecimento de objetos em uma tela. 5. Prevenção de erro - Neste princípio, o projetista deve apresentar breves textos de instrução, com o objetivo de prevenir erros em formulários, por exemplo. A boa orientação do usuário é o primeiro passo para prevenir a ocorrência de erros no decorrer do uso do web. Fonte: http://www.interfaceando.com/usabilidade-para-websites/metodos-para-avaliacao-de-usabilidade/avaliacao-heuristica/
  • 4. Análise Heurística – Mundo Oi Os dez princípios heurísticos 6. Reconhecer ao invés de relembrar – Informações de uso do sistema, de acordo com este princípio, devem estar sempre visíveis, ou devem ser fáceis de serem encontradas. Isso ajuda a reduzir a carga na memória de curta duração e torna a navegação mais fluida. 7. Flexibilidade e eficiência de uso – Segundo este princípio, os recursos disponíveis devem ser adequados a diferentes perfis de usuários, desde o novato até o mais experiente. Cada pessoa tem objetivos diferentes e um mesmo website pode ser capaz de atender a ambos. 8. Estética e design minimalista – Para não distrair o usuário deve-se, segundo este princípio, evitar a apresentação de informações irrelevantes à tarefa. 9. Auxiliar usuários a reconhecer, diagnosticar e recuperar ações erradas – Neste princípio fica definido que, uma vez que um erro tenha ocorrido, é importante apresentar uma mensagem que indique claramente o problema, sugerindo como ele pode ser revertido e corrigido. O uso de linguagem clara, em português padrão é fundamental nesse caso. 10.Ajuda e documentação – Segundo este princípio, usar um website é uma tarefa geralmente executada individualmente, sem auxílio de outras pessoas e sem guia de usuário para tirar dúvidas. Assim, é importante oferecer ajuda focada na tarefa do usuário, apresentando, de maneira compreensível, os passos a serem seguidos para sua execução. Fonte: http://www.interfaceando.com/usabilidade-para-websites/metodos-para-avaliacao-de-usabilidade/avaliacao-heuristica/
  • 5. Análise Heurística – Mundo Oi Visibilidade do estado do sistema Na página inicial do Mundo Oi, a rádio Oi FM não mostra qualquer orientação sobre como utilizar o player da rádio. Mesmo quando o usuário decide ouvi-la, selecionando uma rádio, a música só toca depois de apertar o botão play. O usuário precisa ser orientado sobre as etapas que deve percorrer para concluir uma tarefa enquanto decide executá-la. Texto com instruções de uso pode ser implementado próximo a lista de rádios, a fim de informar que esta é a primeira ação a ser tomada. Grau do problema:
  • 6. Análise Heurística – Mundo Oi Equivalência entre o sistema e o mundo real O site usa linguagem jovem e bem conectada ao público que o acessa. Grau do problema:
  • 7. Análise Heurística – Mundo Oi Controle do usuário e liberdade Na página inicial é possível visualizar players de audio e vídeo, ambos com o início automático desabilitado, cabendo ao usuário a decisão de usá- los e quando. Qualquer um dos programas oferece opções para o usuário interromper, cancelar ou continuar uma ação. Grau do problema:
  • 8. Análise Heurística – Mundo Oi Consistência e padrões No módulo ‘Últimas’ são mostradas três chamadas para matérias. Ao clicar em qualquer uma delas o usuário é direcionado a diferentes templates de postagens sem padronização entre layouts, cores, títulos, fontes, tamanho de imagens e funções interativas. Para que o usuário siga uma navegação linear e compreensível, ele deve perceber padrões similares de localização, formato e estética entre as telas. Grau do problema:
  • 9. Análise Heurística – Mundo Oi Prevenção de erros Mesmo antes de uma estação ser iniciada, botões para retroceder e avançar músicas aparecem clicáveis. Caso surgissem esmaecidos como os demais botões, o usuário não conseguira clicar neles, evitando a frustração de navegar por itens ainda não disponíveis. Grau do problema:
  • 10. Análise Heurística – Mundo Oi Reconhecer ao invés de relembrar Ao clicar em qualquer um dos destaques do módulo ‘Oi Diversão & Downloads’ o usuário é direcionado a página inicial deste canal, e não a página do tema escolhido anteriormente. Sempre que o usuário for direcionado a diferentes canais durante a navegação, o conteúdo apresentado deve corresponder exatamente àquilo que foi escolhido. Grau do problema:
  • 11. Análise Heurística – Mundo Oi Flexibilidade e eficiência de uso É possível realizar buscas clicando no ícone da lateral ou digitando o termo e apertando ‘Enter’. O sistema está preparado para atender diferentes perfis de usuários, com mais e menos experiência. Grau do problema:
  • 12. Análise Heurística – Mundo Oi Estética e design minimalista Ao escolher enviar um torpedo via web o usuário visualiza conteúdo fora do contexto da ação (publicidade), o que pode dispersá-lo ou atrapalhar a conclusão da tarefa. Grau do problema:
  • 13. Análise Heurística – Mundo Oi Auxiliar o usuário a reconhecer, diagnosticar e recuperar ações erradas O tom esmaecido usado nos botões do player de música ajuda o usuário a identificar que aquelas ações ainda não podem ser executadas. Grau do problema:
  • 14. Análise Heurística – Mundo Oi Ajuda e documentação O portal analisado é simples e fácil o bastante para ser usado sem a necessidade de documentação de apoio. Grau do problema:
  • 15. Análise Heurística – Mundo Oi O canal Mundo Oi Critérios Heurísticos Mundo oi Dois dos três problemas de usabilidade Visibilidade do estado do sistema encontrados no site podem ser facilmente Equivalência entre os sistemas e o mundo real corrigidos com a inclusão de instruções de uso do Controle do usuário e liberdade Consistência e padrões player de música e a garantia de que o texto nos Prevenção de erro módulos de conteúdo correspondem exatamente a Reconhecer ao invés de relembrar Flexibilidade e eficiência de uso página para onde o usuário está sendo Estética e design minimalista direcionado. Auxiliar usuários a reconhecer, diagnosticar e recuperar ações erradas Ajuda e documentação O terceiro problema - Consistência e Padrões - exige que sejam padronizadas as cores, fontes, formatos e interações de todas as páginas de postagens.