SlideShare uma empresa Scribd logo
1 de 63
Avaliação
Heurística
Table of contents
Planejamento, execução e revisão
O que é avaliação heurística? Quando é melhor usar?
You can describe the topic of the
section here
01 02
04
03
Conceito Vantagens e Desvantagens
Fases da Avaliação Exemplo
Conceito
01
Conceito
Por ser um método de inspeção, a
avaliação heurística foi proposta
como uma alternativa de avaliação
rápida e de baixo custo, quando
comparada a métodos empíricos. A
avaliação heurística tem como base
um conjunto de diretrizes de usabi-
lidade, que descrevem características
desejáveis da interação e da inter-
face.
A avaliação heurística é um método
de avaliação de IHC criado para
encontrar problemas de usabilidade
durante um processo de design
iterativo. Esse método de avaliação
orienta os avaliadores a inspecionar
sistematicamente a interface em
busca de problemas que prejudiquem
a usabilidade.
Vantagens e
Desvantagens
02
Vantagens
• Acesso a um conjunto diverso de
avaliadores: diferentes avaliadores podem
trazer perspectivas e experiências
diferentes, ajudando a identificar uma ampla
gama de problemas de usabilidade.
• Baixo custo: como não é necessário
recrutar participantes para testes de
usabilidade, a avaliação heurística pode ser
uma opção mais barata do que outros
métodos de avaliação de usabilidade.
• Economia de tempo e recursos: a avaliação
heurística pode ser realizada rapidamente
sem a necessidade de recrutar participantes
para testes de usabilidade.
• Identificação rápida de problemas de
usabilidade: como a técnica utiliza um
conjunto de heurísticas, o avaliador pode
identificar rapidamente problemas comuns
de usabilidade e sugerir melhorias.
Desvantagens
• Limitações do avaliador: a eficácia da
avaliação heurística depende da experiência
e habilidade do avaliador em identificar
problemas de usabilidade e sugerir
melhorias.
• Limitações das heurísticas: as heurísticas
utilizadas podem não ser aplicáveis ​​a todos
os produtos digitais ou contextos de uso.
• Falta de representatividade do usuário:
como a avaliação heurística não envolve
usuários reais, os problemas identificados
podem não ser necessariamente os mesmos
que os usuários enfrentam na vida real.
• Foco em problemas específicos: a
avaliação heurística pode ser eficaz para
identificar problemas de usabilidade
específicos, mas pode não detectar
problemas mais amplos, como questões
relacionadas à experiência do usuário ou ao
contexto de uso.
Fases de
Avaliação
03
- Planejamento
- Execução
- Revisão
Planejamento
• O especialista deve conhecer todas as
possibilidades da interface e
funcionalidades.
• As funcionalidades a serem testadas são
definidas.
• Nesta fase, os avaliadores devem ser
selecionados e treinados nas heurísticas que
serão utilizadas na avaliação. Além disso, é
importante definir o objetivo da avaliação,
estabelecer critérios de avaliação e
selecionar o que será testado.
Execução
• Para sistema em geral pode utilizar as
Heurísticas de Nielsen
• Para sistema mobile pode se utilizar as
Heurísticas de Bertini
• Em casa tela, cada especialista confronta o
quer ver seguindo as heurísticas
previamente definidas. Eles podem utilizar
técnicas como a análise de documentos (por
exemplo, guias de estilo, manuais de
usuário) e a revisão do produto digital em si
(por exemplo, navegar pelas telas do
aplicativo) para identificar problemas de
usabilidade.
Execução
• Deve executar cada funcionalidade se
colocando no lugar do usuário.
Processo:
• De 3 a 5 especialistas, os especialistas
documentam os problemas de usabilidade
encontrados durante a inspeção. Eles
podem classificar os problemas de acordo
com sua gravidade, prioridade e impacto no
usuário e no negócio.
Execução
Gravidade:
1. Problema cosmético: deve ser corrigida
apenas em caso de tempo extra.
2. Problema de usabilidade menor: a
correção é uma tarefa de baixa
prioridade.
3. Problema de usabilidade maior: é
importante ser tratado com grande
prioridade.
4. Catástrofe de usabilidade: é obrigatório
corrigir antes que o produto seja
lançado.
Processo:
• De 3 a 5 especialistas, os especialistas
documentam os problemas de usabilidade
encontrados durante a inspeção. Eles
podem classificar os problemas de acordo
com sua gravidade, prioridade e impacto no
usuário e no negócio.
Revisão
E feita a elaboração de um relatório com os
resultados da avaliação heurística, que inclui
a descrição dos problemas de usabilidade
encontrados, as sugestões de melhorias
propostas e as recomendações para ações
futuras.
Nesta fase, os especialistas sugerem
soluções para os problemas de usabilidade
identificados, que podem incluir
modificações no design, na interface do
usuário, na estrutura de informação e nas
funcionalidades do produto digital.
Exemplo
03
Exemplo
Fragmento de tela de login de um Web site de livraria:
Visibilidade do estado do sistema,
prevenção de erros.
O elemento secundário Cadastre-se tem mais destaque do que o elemento Confirmar. Isso
pode levar o usuário a acionar o botão errado ou se perguntar se entrou corretamente na
tela de login, e até mesmo voltar para a página anterior e repetir a operação de acesso a
essa página.
Local: abaixo do formulário, apenas nessa tela.
Severidade: 3 (problema grande).
Recomendação: destacar o botão primário
(Confirmar) e reduzir a ênfase dos botões
secundários (Cadastre-se e Esqueci senha).
Controle e liberdade do usuário.
Os usuários não têm a opção, através do Web site, de voltar à página anterior. Para isso,
precisam utilizar o botão de volta do próprio navegador.
Local: ausência de um botão de voltar.
Severidade: 2 (problema pequeno).
Recomendação: incluir um botão Voltar como
botão secundário do formulário.
Consistência e padronização,
prevenção de erros.
Os campos de preenchimento alternativo(“Email:” e “ou CPF/CNPJ:”) não estão claramente
marcados, como de costume, por botões de opção (radio buttons). Como os usuários
costumam seguir dicas visuais melhor do que instruções textuais, muitos preencherão os
dois campos.
Local: formulário de login, campos “Email:” e
“ou CPF/CNPJ:”.
Severidade: 2 (problema pequeno).
Recomendação: identificar os campos alterna-
tivos por botões de opção, que devem ser
automaticamente selecionados quando o
usuário inicia a digitação no campo
correspondente.
Flexibilidade e eficiência de uso,
consistência e padronização.
Local: formulário de login, ausência de botões
de seleção (checkboxes).
Severidade: 2 (problema pequeno).
Recomendação: oferecer um checkbox
Lembrar dos meus dados e/ou um checkbox
Manter meu login ativo por 15 dias.
O usuário não tem a opção de pedir para o sistema se lembrar do seu e-mail ou mesmo
manter seu login ativo, como ocorre em boa parte dos sites de comércio eletrônico.
Main computing features
Despite being red, Mars is
actually a cold place
Neptune is the farthest planet
from the Sun
Jupiter is the biggest planet of
them all
Saturn is a gas giant and has
several rings
Computer skills Applications
Hands-on learning Specific needs
Venus has a beautiful
name and is the second
planet from the Sun
Mercury is the closest
planet to the Sun and
the smallest of them all
Programs Internet
Despite being red, Mars
is actually a cold place.
It’s full of iron oxide dust
Basic parts
What is this computing topic about?
Hardware examples
Mercury is the closest
planet to the Sun and the
smallest one of them all
Venus has a beautiful
name and is the second
planet from the Sun
Despite being red, Mars is
actually a cold place. It’s
full of iron oxide dust
Keyboard Mouse Connectors
Venus is the second
planet from the Sun
Neptune is the farthest
planet from the Sun
Recommendations
Mars is actually a very
cold place
Mercury is the closest
planet to the Sun
Saturn is a gas giant
and has several rings
Jupiter is the biggest
planet of them all
Essential Patience
Practical Teamwork
Clear
Assessment
A picture always
reinforces
the concept
You can give a brief description of the topic you
want to talk about here. For example, if you want
to talk about Mercury, you can say that it’s the
smallest planet in the entire Solar System
4,498,300,000
Big numbers catch your audience’s attention
Jupiter’s rotation period
9h 55m 23s
333,000
The Sun’s mass compared to Earth’s
386,000 km
Distance between Earth and the Moon
Awesome
words
A picture is worth a thousand words
01 Mouse handling
02
03
Jupiter is a gas giant and the biggest planet in the Solar System
Web browsing
Venus has a very beautiful name and is the second planet from the Sun
File management
Practical computer exercise
Three-step practical exercise for a computer workshop for beginners
Despite being red, Mars is actually a cold place. It’s full of iron oxide dust
KWL (brainstorming)
What I know
Mercury is the closest planet to the Sun
Mars is actually a very cold place
What I want to know
Venus is the second planet from the Sun
Jupiter is the biggest planet of them all
What I learned
Saturn is composed of hydrogen and helium
Neptune is the farthest planet from the Sun
Main basic processes
Topic
Despite being red, Mars is
actually a cold place. It’s
full of iron oxide dust
Jupiter is a gas giant and
the biggest planet in the
Solar System
Venus has a beautiful
name and is the second
planet from the Sun
Code Restart Connections
Computer theme blocks
Block
Mercury is the closest
planet to the Sun
Mouse
The Moon is Earth’s
only natural satellite
Moon
Despite being red,
Mars is a cold place
Files
Jupiter doesn’t have
a solid surface
Jupiter
Saturn is the ringed
one and a gas giant
Saturn
It’s the farthest
planet from the Sun
Neptune
Earth is the third
planet from the Sun
Web
Process sequence
Mercury is the closest
planet to the Sun
First
Venus is the second
planet from the Sun
Next
Despite being red, Mars
is actually a cold place
Next
Jupiter is the biggest
planet of them all
Next
Saturn is composed of
hydrogen and helium
Next
Neptune is the farthest
planet from the Sun
Last
Classification of computer parts
Hardware Software Internet Files
● Small
● Red
● Cold
● Rocky
● Small
● Hot
● Dry
● Volcanic
● Small
● Hot
● Rocky
● Cratered
● Large
● Cold
● Gassy
● Striped
Mars is actually a
very cold place
Venus has a
beautiful name
Mercury is the
smallest planet
Jupiter is the
biggest planet
Cause and effect of programming
Problem & goal
Error
Behavior
Earth is the third
planet from the Sun
Venus is the second
planet from the Sun
People
Methods
Mars is actually a
very cold place
Jupiter doesn’t have
a solid surface
Measurement
Machines
Saturn was named
after a Roman god
Neptune is very far
away from us
Question and answer
Is Mercury the closest planet to the Sun and the smallest one
in the Solar System? Note that it’s a bit larger than the Moon
Venus has a beautiful name and is the second planet from the
Sun. It’s hot and has a poisonous atmosphere
What is an operating system?
What is the function?
Internet timeline
ARPANET
Venus is the second
planet from the Sun
WWW
Mercury is the closest
planet to the Sun
Web browsers
Despite being red, Mars
is a very cold place
Social media
Jupiter is the biggest
planet of them all
Parts and whole
Mercury is the closest
planet to the Sun and
the smallest one in the
entire Solar System
Venus has a beautiful name and is the
second planet from the Sun. It’s hot
and has a poisonous atmosphere
Parts of the object
The whole object What if the pieces were missing?
Saturn is a gas giant and has several
rings. It’s composed mostly of
hydrogen and helium
What’s the function of the part?
● Mercury
● Mars
● Saturn
Web browsers
Follow the link in the graph to modify its data and then paste
the new one here. For more info, click here
Explorer
Chrome
Safari
Venus is the second
planet from the Sun
Despite being red, Mars
is a very cold place
Mercury is the closest
planet to the Sun
Venus
Mars
Mercury
Tech hubs of the world
Venus is the second
planet from the Sun
Despite being red,
Mars is a cold place
Mercury is the closest
planet to the Sun
Mockups
You can replace the images on the screen
with your own work. Just right-click on it
and select “Replace images”
CREDITS: This presentation template was created
by Slidesgo, and includes icons by Flaticon, and
infographics & images by Freepik
Thanks!
Do you have any questions?
youremail@freepik.com
+34 654 321 432
yourwebsite.com
Please keep this slide for attribution
Icon pack
Alternative resources
Here’s an assortment of alternative resources whose style fits the one of this template:
Vectors
● Hand drawn flat design ssl illustration
Did you like the resources on this template? Get them for free at our other websites:
Vectors
● Hand drawn website hosting illustration
● Hand drawn flat design gamification illustration
● Hand drawn flat design npl illustration
Photos
● Technology background texture
● Close up of laptop
● High angle woman on laptop using mouse
● Hands close-up of busy entrepreneur with her laptop
● Classmates writing and learning together during study session
Icon
● Icon Pack: Computer | Lineal color
Resources
Instructions for use
If you have a free account, in order to use this template, you must credit Slidesgo by keeping the Thanks slide. Please
refer to the next slide to read the instructions for premium users.
As a Free user, you are allowed to:
● Modify this template.
● Use it for both personal and commercial projects.
You are not allowed to:
● Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content).
● Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo.
● Include Slidesgo Content in an online or offline database or file.
● Offer Slidesgo templates (or modified versions of Slidesgo templates) for download.
● Acquire the copyright of Slidesgo Content.
For more information about editing slides, please read our FAQs or visit our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
As a Premium user, you can use this template without attributing Slidesgo or keeping the Thanks slide.
You are allowed to:
● Modify this template.
● Use it for both personal and commercial purposes.
● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits.
● Share this template in an editable format with people who are not part of your team.
You are not allowed to:
● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template).
● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in
any other product or service that offers downloadable images, icons or presentations that may be subject to
distribution or resale.
● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this
Template.
● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an
intellectual property registry or similar.
For more information about editing slides, please read our FAQs or visit our blog:
https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
Instructions for use (premium users)
This presentation has been made using the following fonts:
Montserrat
(https://fonts.google.com/specimen/Montserrat)
Inter
(https://fonts.google.com/specimen/Inter)
#112e54 #aee2f4 #ffe188 #ff93a9
#f5fbff #00c7e6 #356b90 #866aac
#ff6180
#3e285a
Fonts & colors used
Create your Story with our illustrated concepts. Choose the style you like the most, edit its
colors, pick the background and layers you want to show and bring them to life with the animator
panel! It will boost your presentation. Check out how it works.
Storyset
Pana Amico Bro Rafiki Cuate
You can easily resize these resources without losing quality. To change the color, just ungroup the resource and click
on the object you want to change. Then, click on the paint bucket and select the color you want. Group the resource again
when you’re done. You can also look for more infographics on Slidesgo.
Use our editable graphic resources...
JANUARY FEBRUARY MARCH APRIL MAY JUNE
PHASE 1
PHASE 2
Task 1
Task 2
Task 1
Task 2
JANUARY FEBRUARY MARCH APRIL
PHASE 1
Task 1
Task 2
You can resize these icons without losing quality.
You can change the stroke and fill color; just select the icon and click on the paint bucket/pen.
In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons.
...and our sets of editable icons
Educational Icons Medical Icons
Business Icons Teamwork Icons
Help & Support Icons Avatar Icons
Creative Process Icons Performing Arts Icons
Nature Icons
SEO & Marketing Icons
Avaliação Heurística: Conceitos, Vantagens, Desvantagens e Exemplos

Mais conteúdo relacionado

Semelhante a Avaliação Heurística: Conceitos, Vantagens, Desvantagens e Exemplos

Testes de usabilidade
Testes de usabilidade Testes de usabilidade
Testes de usabilidade Laís Berlatto
 
Protifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docProtifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docbaiksekyeodan
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability TestsMichel Alves
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitosLuis Fernandes
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadeLuiz Agner
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - QuestionarioJonatas Melo
 
Técnicas de Análise Contextual - Livro de Walter Cybis
Técnicas de Análise Contextual - Livro de Walter CybisTécnicas de Análise Contextual - Livro de Walter Cybis
Técnicas de Análise Contextual - Livro de Walter CybisLuiz Agner
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHCGeorgiaCruz7
 
Princípios Fundamentais da Análise de Requisitos
Princípios Fundamentais da Análise de RequisitosPrincípios Fundamentais da Análise de Requisitos
Princípios Fundamentais da Análise de Requisitoselliando dias
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfacesaiadufmg
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGDalton Valadares
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de SitesSimone Cervantes
 

Semelhante a Avaliação Heurística: Conceitos, Vantagens, Desvantagens e Exemplos (20)

Testes de usabilidade
Testes de usabilidade Testes de usabilidade
Testes de usabilidade
 
Protifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.docProtifolio 5 semestre individual unopar analise de sistemas.doc
Protifolio 5 semestre individual unopar analise de sistemas.doc
 
Cesar.Edu Turma S2I
Cesar.Edu Turma S2ICesar.Edu Turma S2I
Cesar.Edu Turma S2I
 
My Report - Usability Tests
My Report - Usability TestsMy Report - Usability Tests
My Report - Usability Tests
 
Naked Objects
Naked ObjectsNaked Objects
Naked Objects
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitos
 
Palestra - Heurísticas e Usabilidade
Palestra - Heurísticas e UsabilidadePalestra - Heurísticas e Usabilidade
Palestra - Heurísticas e Usabilidade
 
IHC - Questionario
IHC - QuestionarioIHC - Questionario
IHC - Questionario
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Curso Avaliação de Interfaces
Curso Avaliação de InterfacesCurso Avaliação de Interfaces
Curso Avaliação de Interfaces
 
Técnicas de Análise Contextual - Livro de Walter Cybis
Técnicas de Análise Contextual - Livro de Walter CybisTécnicas de Análise Contextual - Livro de Walter Cybis
Técnicas de Análise Contextual - Livro de Walter Cybis
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Métodos de Avaliação de IHC
Métodos de Avaliação de IHCMétodos de Avaliação de IHC
Métodos de Avaliação de IHC
 
Princípios Fundamentais da Análise de Requisitos
Princípios Fundamentais da Análise de RequisitosPrincípios Fundamentais da Análise de Requisitos
Princípios Fundamentais da Análise de Requisitos
 
Dfd
DfdDfd
Dfd
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
Avaliacao de Interfaces
Avaliacao de InterfacesAvaliacao de Interfaces
Avaliacao de Interfaces
 
Monografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCGMonografia - Ciência da Computação - UFCG
Monografia - Ciência da Computação - UFCG
 
Metodologia para Avaliação de Sites
Metodologia para Avaliação de SitesMetodologia para Avaliação de Sites
Metodologia para Avaliação de Sites
 

Avaliação Heurística: Conceitos, Vantagens, Desvantagens e Exemplos

  • 2. Table of contents Planejamento, execução e revisão O que é avaliação heurística? Quando é melhor usar? You can describe the topic of the section here 01 02 04 03 Conceito Vantagens e Desvantagens Fases da Avaliação Exemplo
  • 4. Conceito Por ser um método de inspeção, a avaliação heurística foi proposta como uma alternativa de avaliação rápida e de baixo custo, quando comparada a métodos empíricos. A avaliação heurística tem como base um conjunto de diretrizes de usabi- lidade, que descrevem características desejáveis da interação e da inter- face. A avaliação heurística é um método de avaliação de IHC criado para encontrar problemas de usabilidade durante um processo de design iterativo. Esse método de avaliação orienta os avaliadores a inspecionar sistematicamente a interface em busca de problemas que prejudiquem a usabilidade.
  • 6. Vantagens • Acesso a um conjunto diverso de avaliadores: diferentes avaliadores podem trazer perspectivas e experiências diferentes, ajudando a identificar uma ampla gama de problemas de usabilidade. • Baixo custo: como não é necessário recrutar participantes para testes de usabilidade, a avaliação heurística pode ser uma opção mais barata do que outros métodos de avaliação de usabilidade. • Economia de tempo e recursos: a avaliação heurística pode ser realizada rapidamente sem a necessidade de recrutar participantes para testes de usabilidade. • Identificação rápida de problemas de usabilidade: como a técnica utiliza um conjunto de heurísticas, o avaliador pode identificar rapidamente problemas comuns de usabilidade e sugerir melhorias.
  • 7. Desvantagens • Limitações do avaliador: a eficácia da avaliação heurística depende da experiência e habilidade do avaliador em identificar problemas de usabilidade e sugerir melhorias. • Limitações das heurísticas: as heurísticas utilizadas podem não ser aplicáveis ​​a todos os produtos digitais ou contextos de uso. • Falta de representatividade do usuário: como a avaliação heurística não envolve usuários reais, os problemas identificados podem não ser necessariamente os mesmos que os usuários enfrentam na vida real. • Foco em problemas específicos: a avaliação heurística pode ser eficaz para identificar problemas de usabilidade específicos, mas pode não detectar problemas mais amplos, como questões relacionadas à experiência do usuário ou ao contexto de uso.
  • 9. Planejamento • O especialista deve conhecer todas as possibilidades da interface e funcionalidades. • As funcionalidades a serem testadas são definidas. • Nesta fase, os avaliadores devem ser selecionados e treinados nas heurísticas que serão utilizadas na avaliação. Além disso, é importante definir o objetivo da avaliação, estabelecer critérios de avaliação e selecionar o que será testado.
  • 10. Execução • Para sistema em geral pode utilizar as Heurísticas de Nielsen • Para sistema mobile pode se utilizar as Heurísticas de Bertini • Em casa tela, cada especialista confronta o quer ver seguindo as heurísticas previamente definidas. Eles podem utilizar técnicas como a análise de documentos (por exemplo, guias de estilo, manuais de usuário) e a revisão do produto digital em si (por exemplo, navegar pelas telas do aplicativo) para identificar problemas de usabilidade.
  • 11. Execução • Deve executar cada funcionalidade se colocando no lugar do usuário. Processo: • De 3 a 5 especialistas, os especialistas documentam os problemas de usabilidade encontrados durante a inspeção. Eles podem classificar os problemas de acordo com sua gravidade, prioridade e impacto no usuário e no negócio.
  • 12. Execução Gravidade: 1. Problema cosmético: deve ser corrigida apenas em caso de tempo extra. 2. Problema de usabilidade menor: a correção é uma tarefa de baixa prioridade. 3. Problema de usabilidade maior: é importante ser tratado com grande prioridade. 4. Catástrofe de usabilidade: é obrigatório corrigir antes que o produto seja lançado. Processo: • De 3 a 5 especialistas, os especialistas documentam os problemas de usabilidade encontrados durante a inspeção. Eles podem classificar os problemas de acordo com sua gravidade, prioridade e impacto no usuário e no negócio.
  • 13. Revisão E feita a elaboração de um relatório com os resultados da avaliação heurística, que inclui a descrição dos problemas de usabilidade encontrados, as sugestões de melhorias propostas e as recomendações para ações futuras. Nesta fase, os especialistas sugerem soluções para os problemas de usabilidade identificados, que podem incluir modificações no design, na interface do usuário, na estrutura de informação e nas funcionalidades do produto digital.
  • 15. Exemplo Fragmento de tela de login de um Web site de livraria:
  • 16. Visibilidade do estado do sistema, prevenção de erros. O elemento secundário Cadastre-se tem mais destaque do que o elemento Confirmar. Isso pode levar o usuário a acionar o botão errado ou se perguntar se entrou corretamente na tela de login, e até mesmo voltar para a página anterior e repetir a operação de acesso a essa página. Local: abaixo do formulário, apenas nessa tela. Severidade: 3 (problema grande). Recomendação: destacar o botão primário (Confirmar) e reduzir a ênfase dos botões secundários (Cadastre-se e Esqueci senha).
  • 17. Controle e liberdade do usuário. Os usuários não têm a opção, através do Web site, de voltar à página anterior. Para isso, precisam utilizar o botão de volta do próprio navegador. Local: ausência de um botão de voltar. Severidade: 2 (problema pequeno). Recomendação: incluir um botão Voltar como botão secundário do formulário.
  • 18. Consistência e padronização, prevenção de erros. Os campos de preenchimento alternativo(“Email:” e “ou CPF/CNPJ:”) não estão claramente marcados, como de costume, por botões de opção (radio buttons). Como os usuários costumam seguir dicas visuais melhor do que instruções textuais, muitos preencherão os dois campos. Local: formulário de login, campos “Email:” e “ou CPF/CNPJ:”. Severidade: 2 (problema pequeno). Recomendação: identificar os campos alterna- tivos por botões de opção, que devem ser automaticamente selecionados quando o usuário inicia a digitação no campo correspondente.
  • 19. Flexibilidade e eficiência de uso, consistência e padronização. Local: formulário de login, ausência de botões de seleção (checkboxes). Severidade: 2 (problema pequeno). Recomendação: oferecer um checkbox Lembrar dos meus dados e/ou um checkbox Manter meu login ativo por 15 dias. O usuário não tem a opção de pedir para o sistema se lembrar do seu e-mail ou mesmo manter seu login ativo, como ocorre em boa parte dos sites de comércio eletrônico.
  • 20. Main computing features Despite being red, Mars is actually a cold place Neptune is the farthest planet from the Sun Jupiter is the biggest planet of them all Saturn is a gas giant and has several rings Computer skills Applications Hands-on learning Specific needs
  • 21. Venus has a beautiful name and is the second planet from the Sun Mercury is the closest planet to the Sun and the smallest of them all Programs Internet Despite being red, Mars is actually a cold place. It’s full of iron oxide dust Basic parts What is this computing topic about?
  • 22. Hardware examples Mercury is the closest planet to the Sun and the smallest one of them all Venus has a beautiful name and is the second planet from the Sun Despite being red, Mars is actually a cold place. It’s full of iron oxide dust Keyboard Mouse Connectors
  • 23. Venus is the second planet from the Sun Neptune is the farthest planet from the Sun Recommendations Mars is actually a very cold place Mercury is the closest planet to the Sun Saturn is a gas giant and has several rings Jupiter is the biggest planet of them all Essential Patience Practical Teamwork Clear Assessment
  • 24. A picture always reinforces the concept You can give a brief description of the topic you want to talk about here. For example, if you want to talk about Mercury, you can say that it’s the smallest planet in the entire Solar System
  • 25. 4,498,300,000 Big numbers catch your audience’s attention
  • 26. Jupiter’s rotation period 9h 55m 23s 333,000 The Sun’s mass compared to Earth’s 386,000 km Distance between Earth and the Moon
  • 28. A picture is worth a thousand words
  • 29. 01 Mouse handling 02 03 Jupiter is a gas giant and the biggest planet in the Solar System Web browsing Venus has a very beautiful name and is the second planet from the Sun File management Practical computer exercise Three-step practical exercise for a computer workshop for beginners Despite being red, Mars is actually a cold place. It’s full of iron oxide dust
  • 30. KWL (brainstorming) What I know Mercury is the closest planet to the Sun Mars is actually a very cold place What I want to know Venus is the second planet from the Sun Jupiter is the biggest planet of them all What I learned Saturn is composed of hydrogen and helium Neptune is the farthest planet from the Sun
  • 31. Main basic processes Topic Despite being red, Mars is actually a cold place. It’s full of iron oxide dust Jupiter is a gas giant and the biggest planet in the Solar System Venus has a beautiful name and is the second planet from the Sun Code Restart Connections
  • 32. Computer theme blocks Block Mercury is the closest planet to the Sun Mouse The Moon is Earth’s only natural satellite Moon Despite being red, Mars is a cold place Files Jupiter doesn’t have a solid surface Jupiter Saturn is the ringed one and a gas giant Saturn It’s the farthest planet from the Sun Neptune Earth is the third planet from the Sun Web
  • 33. Process sequence Mercury is the closest planet to the Sun First Venus is the second planet from the Sun Next Despite being red, Mars is actually a cold place Next Jupiter is the biggest planet of them all Next Saturn is composed of hydrogen and helium Next Neptune is the farthest planet from the Sun Last
  • 34. Classification of computer parts Hardware Software Internet Files ● Small ● Red ● Cold ● Rocky ● Small ● Hot ● Dry ● Volcanic ● Small ● Hot ● Rocky ● Cratered ● Large ● Cold ● Gassy ● Striped Mars is actually a very cold place Venus has a beautiful name Mercury is the smallest planet Jupiter is the biggest planet
  • 35. Cause and effect of programming Problem & goal Error Behavior Earth is the third planet from the Sun Venus is the second planet from the Sun People Methods Mars is actually a very cold place Jupiter doesn’t have a solid surface Measurement Machines Saturn was named after a Roman god Neptune is very far away from us
  • 36. Question and answer Is Mercury the closest planet to the Sun and the smallest one in the Solar System? Note that it’s a bit larger than the Moon Venus has a beautiful name and is the second planet from the Sun. It’s hot and has a poisonous atmosphere What is an operating system? What is the function?
  • 37. Internet timeline ARPANET Venus is the second planet from the Sun WWW Mercury is the closest planet to the Sun Web browsers Despite being red, Mars is a very cold place Social media Jupiter is the biggest planet of them all
  • 38. Parts and whole Mercury is the closest planet to the Sun and the smallest one in the entire Solar System Venus has a beautiful name and is the second planet from the Sun. It’s hot and has a poisonous atmosphere Parts of the object The whole object What if the pieces were missing? Saturn is a gas giant and has several rings. It’s composed mostly of hydrogen and helium What’s the function of the part? ● Mercury ● Mars ● Saturn
  • 39. Web browsers Follow the link in the graph to modify its data and then paste the new one here. For more info, click here Explorer Chrome Safari Venus is the second planet from the Sun Despite being red, Mars is a very cold place Mercury is the closest planet to the Sun
  • 40. Venus Mars Mercury Tech hubs of the world Venus is the second planet from the Sun Despite being red, Mars is a cold place Mercury is the closest planet to the Sun
  • 41. Mockups You can replace the images on the screen with your own work. Just right-click on it and select “Replace images”
  • 42. CREDITS: This presentation template was created by Slidesgo, and includes icons by Flaticon, and infographics & images by Freepik Thanks! Do you have any questions? youremail@freepik.com +34 654 321 432 yourwebsite.com Please keep this slide for attribution
  • 44. Alternative resources Here’s an assortment of alternative resources whose style fits the one of this template: Vectors ● Hand drawn flat design ssl illustration
  • 45. Did you like the resources on this template? Get them for free at our other websites: Vectors ● Hand drawn website hosting illustration ● Hand drawn flat design gamification illustration ● Hand drawn flat design npl illustration Photos ● Technology background texture ● Close up of laptop ● High angle woman on laptop using mouse ● Hands close-up of busy entrepreneur with her laptop ● Classmates writing and learning together during study session Icon ● Icon Pack: Computer | Lineal color Resources
  • 46. Instructions for use If you have a free account, in order to use this template, you must credit Slidesgo by keeping the Thanks slide. Please refer to the next slide to read the instructions for premium users. As a Free user, you are allowed to: ● Modify this template. ● Use it for both personal and commercial projects. You are not allowed to: ● Sublicense, sell or rent any of Slidesgo Content (or a modified version of Slidesgo Content). ● Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo. ● Include Slidesgo Content in an online or offline database or file. ● Offer Slidesgo templates (or modified versions of Slidesgo templates) for download. ● Acquire the copyright of Slidesgo Content. For more information about editing slides, please read our FAQs or visit our blog: https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school
  • 47. As a Premium user, you can use this template without attributing Slidesgo or keeping the Thanks slide. You are allowed to: ● Modify this template. ● Use it for both personal and commercial purposes. ● Hide or delete the “Thanks” slide and the mention to Slidesgo in the credits. ● Share this template in an editable format with people who are not part of your team. You are not allowed to: ● Sublicense, sell or rent this Slidesgo Template (or a modified version of this Slidesgo Template). ● Distribute this Slidesgo Template (or a modified version of this Slidesgo Template) or include it in a database or in any other product or service that offers downloadable images, icons or presentations that may be subject to distribution or resale. ● Use any of the elements that are part of this Slidesgo Template in an isolated and separated way from this Template. ● Register any of the elements that are part of this template as a trademark or logo, or register it as a work in an intellectual property registry or similar. For more information about editing slides, please read our FAQs or visit our blog: https://slidesgo.com/faqs and https://slidesgo.com/slidesgo-school Instructions for use (premium users)
  • 48. This presentation has been made using the following fonts: Montserrat (https://fonts.google.com/specimen/Montserrat) Inter (https://fonts.google.com/specimen/Inter) #112e54 #aee2f4 #ffe188 #ff93a9 #f5fbff #00c7e6 #356b90 #866aac #ff6180 #3e285a Fonts & colors used
  • 49. Create your Story with our illustrated concepts. Choose the style you like the most, edit its colors, pick the background and layers you want to show and bring them to life with the animator panel! It will boost your presentation. Check out how it works. Storyset Pana Amico Bro Rafiki Cuate
  • 50. You can easily resize these resources without losing quality. To change the color, just ungroup the resource and click on the object you want to change. Then, click on the paint bucket and select the color you want. Group the resource again when you’re done. You can also look for more infographics on Slidesgo. Use our editable graphic resources...
  • 51.
  • 52.
  • 53. JANUARY FEBRUARY MARCH APRIL MAY JUNE PHASE 1 PHASE 2 Task 1 Task 2 Task 1 Task 2 JANUARY FEBRUARY MARCH APRIL PHASE 1 Task 1 Task 2
  • 54.
  • 55.
  • 56. You can resize these icons without losing quality. You can change the stroke and fill color; just select the icon and click on the paint bucket/pen. In Google Slides, you can also use Flaticon’s extension, allowing you to customize and add even more icons. ...and our sets of editable icons
  • 59. Help & Support Icons Avatar Icons
  • 60. Creative Process Icons Performing Arts Icons