SlideShare una empresa de Scribd logo
1 de 34
ALAN VASCONCELOS




DESIGN DE INTERAÇÃO
/ USABILIDADE

Metas e princípios
RECORDAR É VIVER!
USABILIDADE


 Essencialmente, a usabilidade é um
 campo de estudo que diz respeito à
 qualidade de uso de um produto
 interativo.
USABILIDADE


segundo a norma ISO 9126, a
usabilidade é definida como

“a capacidade do produto de software
de ser entendido, usado e atrativo para
o usuário, quando utilizado em
condições específicas” (ABNT, 1991).
USABILIDADE


Nielsen (1993) definiu cinco principais
características para a usabilidade. São elas:

a) facilidade de aprendizado;
b) eficiência;
c) memorização;
d) minimização de erro; e
e) satisfação.
USABILIDADE

Usabilidade é um requisito não-funcional.
METAS DE USABILIDADE
METAS DE USABILIDADE

1.   Eficácia;
2.   Eficiência;
3.   Segurança;
4.   Utilidade;
5.   Capacidade de aprendizagem (learnability);
6.   Capacidade de memorização (memorability).
METAS DE USABILIDADE

1- Eficácia
O sistema precisa ser bom naquilo que se espera dele.


• Eu consigo concluir a declaração do IRPF e ficar tranquilo depois?
• Caso eu desista, eu consigo cancelar uma impressão?
METAS DE USABILIDADE

2- Eficiência
Uma vez que os usuários já sabem como operar o sistema, sua
produtividade tem que ser melhorada.

• A urna eletrônica agiliza o processo de voto?
• A funcionária da companhia aérea consegue despachar a bagagem
  e realizar o check-in com rapidez?
METAS DE USABILIDADE

3- Segurança
O sistema deve prevenir que o usuário cometa erros e, caso cometa, o erro
deve ser reversível.

 • O internet banking possui máscaras nos campos para que
   eu não erre os valores digitados?
 • Ao excluir um documento, o sistema me pede alguma confirmação?
 • Quando faço um depósito num caixa eletrônico, eu tenho plena certeza
   de que o dinheiro vai para a conta certa?
METAS DE USABILIDADE

4- Utilidade
O sistema deve fornecer funcionalidades úteis para que o usuário realize
suas tarefas.

 • Ao pagar um boleto pelo internet banking, o sistema permite que eu possa
   realizar outro pagamento em seguida, ou terei que recomeçar o processo
   desde o início?
 • Posso usar o drag-and-drop para anexar um arquivo no email? (Gmail)
METAS DE USABILIDADE

5- Capacidade de aprendizagem (learnability)
As funções fundamentais do sistema devem ser de fácil assimilação.


 • Preciso ler o manual toda vez que vou utilizar o sistema?
 • Mesmo após um treinamento, eu ainda preciso anotar num papelzinho
   os comandos mais comuns do sistema?
METAS DE USABILIDADE

6- Capacidade de memorização (memorability)
Os usuários devem poder lembrar ou, ao menos, rapidamente lembrados
das funções fundamentais do sistema.

 • Preciso ler o manual se eu ficar mais de 30 dias sem usar o sistema?
 • As ações menos frequentes possuem alguma documentação de
   fácil acesso?
METAS DE USER EXPERIENCE
METAS DE USER EXPERIENCE

• Muitas vezes, eficiência e eficácia não bastam;
• Os produtos interativos demandam algo mais além
  da mera execução de tarefas práticas;
• O próprio mercado, que se vale do aspecto emocional,
  acabou ditando algumas regras nesse contexto,
  fazendo com que o produto seja...
METAS DE USER EXPERIENCE

1. Satisfatório;
2. Agradável;
3. Divertido;
4. Interessante;
5. Útil;
6. Motivador;
7. Esteticamente apreciável;
8. Incentivador da criatividade;
9. Compensador e
10. Emocionalmente adequado.
METAS DE USER EXPERIENCE

Aprecie com moderação!
Nem sempre (ou quase nunca) é possível combinar
todas as metas (de usabilidade e de UX).

 • Convenhamos, um sistema de controle de turbinas em uma hidroelétrica
   não dá pra ser seguro e divertido ao mesmo tempo, né?
PRINCÍPIOS DE DESIGN
PRINCÍPIOS DE DESIGN


Inspirados no senso comum, experiências
adquiridas e na psicologia cognitiva.
PRINCÍPIOS DE DESIGN
                      Especificação
       Formulação                      Execução das
                      da sequencia
       da intenção                        ações
                        de ações




       Avaliação em    Interpretação    Percepção do
         relação à     do estado do      estado do
         intenção         sistema          sistema
PRINCÍPIOS DE DESIGN

1.   Visibilidade;
2.   Feedback;
3.   Restrições;
4.   Mapeamento;
5.   Consistência;
6.   Affordance;
PRINCÍPIOS DE DESIGN

1- Visibilidade
Quanto mais soubermos sobre as possibilidades de interação, melhor.
PRINCÍPIOS DE DESIGN

2- Feedback
Toda ação (usuário) requer uma reação (sistema)
PRINCÍPIOS DE DESIGN

3- Restrições
Impedir o usuário de executar operações incorretas.
PRINCÍPIOS DE DESIGN

4- Mapeamento
Deve haver coerência entre os controles e suas funções.
PRINCÍPIOS DE DESIGN

5- Consistência
Em decisões arbitrárias, mantenha o padrão.
PRINCÍPIOS DE DESIGN

6- Affordance – Bom exemplo
Os controles devem “falar por si” sobre como operá-los.
PRINCÍPIOS DE DESIGN

6- Affordance – Exemplo ruim bom! (mas usado para o mal!)
Os controles devem “mentir” sobre como operá-los.




     http://revistaepoca.globo.com/Revista/Epoca/0,,EDG81441-6014-507,00.html
PRINCÍPIOS DE DESIGN

6- Affordance – Exemplo ruim
Os controles devem “mentir” sobre como operá-los.




     http://revistaepoca.globo.com/Revista/Epoca/0,,EDG81441-6014-507,00.html
HEIN?!?!

           ?
VALEU!




ALAN VASCONCELOS – www.alanvasconcelos.com
BIBLIOGRAFIA
The user is Always Right: A practical Guide to Creating and Using Personas for the Web.

The Persona Lifecicle: Keeping People in mind Throughout Product Desing

NIELSEN, Jakob; LORANGER, Hoa.; FURMANKIEWICZ, Edson. Usabilidade na Web: projetando websites com qualidade. Rio de
Janeiro, RJ: Elsevier, Campus, 2007.

PAULA FILHO, Wilson de Pádua. Engenharia de software: fundamentos, métodos e padrões. 2. ed. Rio de Janeiro: LTC, 2003.

PUPO, Deise Talarico; MELO, Amanda Meincke; PÉREZ FERRÉS, Sofia. Acessibilidade: discurso e prática no cotidiano das bibliotecas.
Campinas: UNICAMP/Biblioteca Central Cesar Lattes, 2006.

PRATES, Raquel Oliveira. Introdução à Interação Humano- Computador. Qualidade de Interação. 2006. Disponível em
<http://homepages.dcc.ufmg.br/~rprates/ihc/aula3_qualidade_de_uso.pdf>. Acesso em: 20 jun. 2009.

PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de interação: além da interação homem-computador. Porto Alegre:
Bookman, 2005. 548p.

PAULA FILHO, Wilson de Pádua. Engenharia de software: fundamentos, métodos e padrões. 2. ed. Rio de Janeiro: LTC, 2003.
TORRES, Elisabeth Fátima; MAZZONI, Alberto Angel; ALVES, João Bosco da Mota. A acessibilidade à informação no espaço digital.
Ciência da Informação, Brasília , v.31, n.3 , p.83-91, set./dez. 2002. Disponível em: <http://www.scielo.br/pdf/ci/v31n3/a09v31n3.pdf>.
Acesso em: 10 jun. 2009.

Más contenido relacionado

La actualidad más candente

Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcTicianne Darin
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material designThiago Marques
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSDiego Moraes
 
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 NielsenTersis Zonato
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de NielsenHuxley Dias
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioErico Fileno
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeAlan Vasconcelos
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenGraciane Xavier
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasAlan Vasconcelos
 

La actualidad más candente (20)

Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
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
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
Pensando em UX / UI com o material design
Pensando em UX / UI com o material designPensando em UX / UI com o material design
Pensando em UX / UI com o material design
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de Software
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
UX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOSUX - UI DESIGN / MÉTODOS
UX - UI DESIGN / MÉTODOS
 
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
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de Nielsen
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
MPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - UsabilidadeMPP-III - Aula 08 - Usabilidade
MPP-III - Aula 08 - Usabilidade
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob Nielsen
 
Usabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicasUsabilidade Aula-05. Processos: heuristicas
Usabilidade Aula-05. Processos: heuristicas
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 

Destacado

Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenAnálise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenWagner Souza Silva
 
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 webDaniel Brandão
 
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...Os wikis e a construção, a comunicação e o uso da informação de forma colabor...
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...Jaider Andrade Ferreira
 
Planejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitaisPlanejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitaisJumpEducation
 
Manual de Marca | Paula Guimarães
Manual de Marca | Paula GuimarãesManual de Marca | Paula Guimarães
Manual de Marca | Paula GuimarãesAlegria Design
 
Softkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
Softkinetic user interface evolution by Ilse Ravyse and Tanya VarbanoveSoftkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
Softkinetic user interface evolution by Ilse Ravyse and Tanya VarbanoveIndustrial Design Center
 
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...Universidade Federal do Rio Grande do Sul
 
Kinetic sports online store (slide share)
Kinetic sports online store (slide share)Kinetic sports online store (slide share)
Kinetic sports online store (slide share)LimFJ
 
Fundamentos para a Prática Pedagógica na Cultura Digital
Fundamentos para a Prática Pedagógica na Cultura DigitalFundamentos para a Prática Pedagógica na Cultura Digital
Fundamentos para a Prática Pedagógica na Cultura DigitalElizabeth Fantauzzi
 
[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
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Impacta Eventos
 
Natural User Interfaces
Natural User InterfacesNatural User Interfaces
Natural User InterfacesLuigi Oliveto
 
Projeto Pedagógico Mind Lab - vol1
Projeto Pedagógico Mind Lab - vol1Projeto Pedagógico Mind Lab - vol1
Projeto Pedagógico Mind Lab - vol1Elizabeth Fantauzzi
 
Usabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: PersonasUsabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: PersonasAlan Vasconcelos
 
Natural User Interface Microsoft Kinect and Surface Computing
Natural User Interface Microsoft Kinect and Surface ComputingNatural User Interface Microsoft Kinect and Surface Computing
Natural User Interface Microsoft Kinect and Surface ComputingYuvaraj Ilangovan
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Dhiego Bicudo
 

Destacado (20)

Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob NielsenAnálise de usabilidade do Facebook com base na heurística de Jakob Nielsen
Análise de usabilidade do Facebook com base na heurística de Jakob Nielsen
 
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
 
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...Os wikis e a construção, a comunicação e o uso da informação de forma colabor...
Os wikis e a construção, a comunicação e o uso da informação de forma colabor...
 
Web 2.0: algumas ferramentas
Web 2.0: algumas ferramentasWeb 2.0: algumas ferramentas
Web 2.0: algumas ferramentas
 
Ambientes Colaborativos
Ambientes ColaborativosAmbientes Colaborativos
Ambientes Colaborativos
 
Planejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitaisPlanejamento de comunicação em meios digitais
Planejamento de comunicação em meios digitais
 
Manual de Marca | Paula Guimarães
Manual de Marca | Paula GuimarãesManual de Marca | Paula Guimarães
Manual de Marca | Paula Guimarães
 
Design de usabilidade
Design de usabilidadeDesign de usabilidade
Design de usabilidade
 
Softkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
Softkinetic user interface evolution by Ilse Ravyse and Tanya VarbanoveSoftkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
Softkinetic user interface evolution by Ilse Ravyse and Tanya Varbanove
 
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...
A Experiência do Usuário no Desenvolvimento de Interfaces Digitais Acessíveis...
 
Kinetic sports online store (slide share)
Kinetic sports online store (slide share)Kinetic sports online store (slide share)
Kinetic sports online store (slide share)
 
Fundamentos para a Prática Pedagógica na Cultura Digital
Fundamentos para a Prática Pedagógica na Cultura DigitalFundamentos para a Prática Pedagógica na Cultura Digital
Fundamentos para a Prática Pedagógica na Cultura Digital
 
[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 ...
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Natural User Interfaces
Natural User InterfacesNatural User Interfaces
Natural User Interfaces
 
Projeto Pedagógico Mind Lab - vol1
Projeto Pedagógico Mind Lab - vol1Projeto Pedagógico Mind Lab - vol1
Projeto Pedagógico Mind Lab - vol1
 
Usabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: PersonasUsabilidade aula-04. Processos: Personas
Usabilidade aula-04. Processos: Personas
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Natural User Interface Microsoft Kinect and Surface Computing
Natural User Interface Microsoft Kinect and Surface ComputingNatural User Interface Microsoft Kinect and Surface Computing
Natural User Interface Microsoft Kinect and Surface Computing
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
 

Similar a Design de interação e usabilidade em

Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamRafael Burity
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototypeeudisnet
 
Curso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem MáquinaCurso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem Máquinakenethyf
 
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARUSABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARCarla De Bona
 
Palestra - 9 Regras Que Valem Ouro
Palestra - 9 Regras Que Valem OuroPalestra - 9 Regras Que Valem Ouro
Palestra - 9 Regras Que Valem OuroLuiz Agner
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshareguest5ccda
 
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 IBGELuiz Agner
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurísticaOtavio Augusto
 
Workshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronWorkshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronRafael Citadella Daron
 
Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!Henrique Perticarati
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introduçãoErico Fileno
 
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ísticaAlan Vasconcelos
 

Similar a Design de interação e usabilidade em (20)

Encontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeamEncontrão sobre Heuristicas do DesignTeam
Encontrão sobre Heuristicas do DesignTeam
 
Usabilidade com Paper Prototype
Usabilidade com Paper PrototypeUsabilidade com Paper Prototype
Usabilidade com Paper Prototype
 
Curso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem MáquinaCurso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem Máquina
 
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USARUSABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
USABILIDADE - TORNE SEU PRODUTO MAIS FÁCIL DE USAR
 
Palestra - 9 Regras Que Valem Ouro
Palestra - 9 Regras Que Valem OuroPalestra - 9 Regras Que Valem Ouro
Palestra - 9 Regras Que Valem Ouro
 
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
 
Conceitos de Usabilidade
Conceitos de UsabilidadeConceitos de Usabilidade
Conceitos de Usabilidade
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Workshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael DaronWorkshop de User Experience com Rafael Daron
Workshop de User Experience com Rafael Daron
 
Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
 
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
 
9 regras usabilidade
9 regras usabilidade9 regras usabilidade
9 regras usabilidade
 
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á...
 

Más de Alan Vasconcelos

Design Universal - Os 7 Principios
Design Universal - Os 7 PrincipiosDesign Universal - Os 7 Principios
Design Universal - Os 7 PrincipiosAlan Vasconcelos
 
Design Universal e arquitetura hostil
Design Universal e arquitetura hostilDesign Universal e arquitetura hostil
Design Universal e arquitetura hostilAlan Vasconcelos
 
Mta1 aula-06 - Design Universal
Mta1 aula-06 - Design UniversalMta1 aula-06 - Design Universal
Mta1 aula-06 - Design UniversalAlan Vasconcelos
 
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ísticaAlan Vasconcelos
 
Mta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEMta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEAlan Vasconcelos
 
MTA1 Aula-02. Acessibilidade
MTA1 Aula-02. AcessibilidadeMTA1 Aula-02. Acessibilidade
MTA1 Aula-02. AcessibilidadeAlan Vasconcelos
 
MTA1 Aula-01. Introdução
MTA1 Aula-01. IntroduçãoMTA1 Aula-01. Introdução
MTA1 Aula-01. IntroduçãoAlan Vasconcelos
 
Usabilidade Aula-06. Processos: User Stories
Usabilidade Aula-06. Processos: User StoriesUsabilidade Aula-06. Processos: User Stories
Usabilidade Aula-06. Processos: User StoriesAlan Vasconcelos
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoAlan Vasconcelos
 
Aula 03 - elementos-basicos
Aula 03 - elementos-basicosAula 03 - elementos-basicos
Aula 03 - elementos-basicosAlan Vasconcelos
 
MPIII - Aula 01 - Apresentação
MPIII - Aula 01 - ApresentaçãoMPIII - Aula 01 - Apresentação
MPIII - Aula 01 - ApresentaçãoAlan Vasconcelos
 
ARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveisARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveisAlan Vasconcelos
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAlan Vasconcelos
 

Más de Alan Vasconcelos (20)

Design Universal - Os 7 Principios
Design Universal - Os 7 PrincipiosDesign Universal - Os 7 Principios
Design Universal - Os 7 Principios
 
Design Universal e arquitetura hostil
Design Universal e arquitetura hostilDesign Universal e arquitetura hostil
Design Universal e arquitetura hostil
 
Cibercultura
CiberculturaCibercultura
Cibercultura
 
Mta1 aula-06 - Design Universal
Mta1 aula-06 - Design UniversalMta1 aula-06 - Design Universal
Mta1 aula-06 - Design Universal
 
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
 
Mta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDEMta1 aula-04 Framework DECIDE
Mta1 aula-04 Framework DECIDE
 
MTA1 Aula-02. Acessibilidade
MTA1 Aula-02. AcessibilidadeMTA1 Aula-02. Acessibilidade
MTA1 Aula-02. Acessibilidade
 
MTA1 Aula-01. Introdução
MTA1 Aula-01. IntroduçãoMTA1 Aula-01. Introdução
MTA1 Aula-01. Introdução
 
Usabilidade Aula-06. Processos: User Stories
Usabilidade Aula-06. Processos: User StoriesUsabilidade Aula-06. Processos: User Stories
Usabilidade Aula-06. Processos: User Stories
 
Usabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informaçãoUsabilidade aula-03. Processos: Arquitetura de informação
Usabilidade aula-03. Processos: Arquitetura de informação
 
Aula 10--revisao
Aula 10--revisaoAula 10--revisao
Aula 10--revisao
 
Aula 07 - Web
Aula 07 - WebAula 07 - Web
Aula 07 - Web
 
Aula 04 - Prototipação
Aula 04 - PrototipaçãoAula 04 - Prototipação
Aula 04 - Prototipação
 
Aula 06 - variabilidade
Aula 06 - variabilidadeAula 06 - variabilidade
Aula 06 - variabilidade
 
Aula 03 - elementos-basicos
Aula 03 - elementos-basicosAula 03 - elementos-basicos
Aula 03 - elementos-basicos
 
Aula 02 - Introducao
Aula 02 - IntroducaoAula 02 - Introducao
Aula 02 - Introducao
 
MPIII - Aula 01 - Apresentação
MPIII - Aula 01 - ApresentaçãoMPIII - Aula 01 - Apresentação
MPIII - Aula 01 - Apresentação
 
ARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveisARIA - Aplicações web ricas e acessíveis
ARIA - Aplicações web ricas e acessíveis
 
Acessibilidade em SRI - Mhtx
Acessibilidade em SRI - MhtxAcessibilidade em SRI - Mhtx
Acessibilidade em SRI - Mhtx
 
Web Standards
Web StandardsWeb Standards
Web Standards
 

Último

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxJudite Silva
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCJudite Silva
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 

Último (9)

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
I.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptxI.2 Meios de Proteção das culturass.pptx
I.2 Meios de Proteção das culturass.pptx
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
I.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCCI.1 Boas Práticas fitossanitarias.pptxCC
I.1 Boas Práticas fitossanitarias.pptxCC
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 

Design de interação e usabilidade em

  • 1. ALAN VASCONCELOS DESIGN DE INTERAÇÃO / USABILIDADE Metas e princípios
  • 3. USABILIDADE Essencialmente, a usabilidade é um campo de estudo que diz respeito à qualidade de uso de um produto interativo.
  • 4. USABILIDADE segundo a norma ISO 9126, a usabilidade é definida como “a capacidade do produto de software de ser entendido, usado e atrativo para o usuário, quando utilizado em condições específicas” (ABNT, 1991).
  • 5. USABILIDADE Nielsen (1993) definiu cinco principais características para a usabilidade. São elas: a) facilidade de aprendizado; b) eficiência; c) memorização; d) minimização de erro; e e) satisfação.
  • 6. USABILIDADE Usabilidade é um requisito não-funcional.
  • 8. METAS DE USABILIDADE 1. Eficácia; 2. Eficiência; 3. Segurança; 4. Utilidade; 5. Capacidade de aprendizagem (learnability); 6. Capacidade de memorização (memorability).
  • 9. METAS DE USABILIDADE 1- Eficácia O sistema precisa ser bom naquilo que se espera dele. • Eu consigo concluir a declaração do IRPF e ficar tranquilo depois? • Caso eu desista, eu consigo cancelar uma impressão?
  • 10. METAS DE USABILIDADE 2- Eficiência Uma vez que os usuários já sabem como operar o sistema, sua produtividade tem que ser melhorada. • A urna eletrônica agiliza o processo de voto? • A funcionária da companhia aérea consegue despachar a bagagem e realizar o check-in com rapidez?
  • 11. METAS DE USABILIDADE 3- Segurança O sistema deve prevenir que o usuário cometa erros e, caso cometa, o erro deve ser reversível. • O internet banking possui máscaras nos campos para que eu não erre os valores digitados? • Ao excluir um documento, o sistema me pede alguma confirmação? • Quando faço um depósito num caixa eletrônico, eu tenho plena certeza de que o dinheiro vai para a conta certa?
  • 12. METAS DE USABILIDADE 4- Utilidade O sistema deve fornecer funcionalidades úteis para que o usuário realize suas tarefas. • Ao pagar um boleto pelo internet banking, o sistema permite que eu possa realizar outro pagamento em seguida, ou terei que recomeçar o processo desde o início? • Posso usar o drag-and-drop para anexar um arquivo no email? (Gmail)
  • 13. METAS DE USABILIDADE 5- Capacidade de aprendizagem (learnability) As funções fundamentais do sistema devem ser de fácil assimilação. • Preciso ler o manual toda vez que vou utilizar o sistema? • Mesmo após um treinamento, eu ainda preciso anotar num papelzinho os comandos mais comuns do sistema?
  • 14. METAS DE USABILIDADE 6- Capacidade de memorização (memorability) Os usuários devem poder lembrar ou, ao menos, rapidamente lembrados das funções fundamentais do sistema. • Preciso ler o manual se eu ficar mais de 30 dias sem usar o sistema? • As ações menos frequentes possuem alguma documentação de fácil acesso?
  • 15. METAS DE USER EXPERIENCE
  • 16. METAS DE USER EXPERIENCE • Muitas vezes, eficiência e eficácia não bastam; • Os produtos interativos demandam algo mais além da mera execução de tarefas práticas; • O próprio mercado, que se vale do aspecto emocional, acabou ditando algumas regras nesse contexto, fazendo com que o produto seja...
  • 17. METAS DE USER EXPERIENCE 1. Satisfatório; 2. Agradável; 3. Divertido; 4. Interessante; 5. Útil; 6. Motivador; 7. Esteticamente apreciável; 8. Incentivador da criatividade; 9. Compensador e 10. Emocionalmente adequado.
  • 18.
  • 19. METAS DE USER EXPERIENCE Aprecie com moderação! Nem sempre (ou quase nunca) é possível combinar todas as metas (de usabilidade e de UX). • Convenhamos, um sistema de controle de turbinas em uma hidroelétrica não dá pra ser seguro e divertido ao mesmo tempo, né?
  • 21. PRINCÍPIOS DE DESIGN Inspirados no senso comum, experiências adquiridas e na psicologia cognitiva.
  • 22. PRINCÍPIOS DE DESIGN Especificação Formulação Execução das da sequencia da intenção ações de ações Avaliação em Interpretação Percepção do relação à do estado do estado do intenção sistema sistema
  • 23. PRINCÍPIOS DE DESIGN 1. Visibilidade; 2. Feedback; 3. Restrições; 4. Mapeamento; 5. Consistência; 6. Affordance;
  • 24. PRINCÍPIOS DE DESIGN 1- Visibilidade Quanto mais soubermos sobre as possibilidades de interação, melhor.
  • 25. PRINCÍPIOS DE DESIGN 2- Feedback Toda ação (usuário) requer uma reação (sistema)
  • 26. PRINCÍPIOS DE DESIGN 3- Restrições Impedir o usuário de executar operações incorretas.
  • 27. PRINCÍPIOS DE DESIGN 4- Mapeamento Deve haver coerência entre os controles e suas funções.
  • 28. PRINCÍPIOS DE DESIGN 5- Consistência Em decisões arbitrárias, mantenha o padrão.
  • 29. PRINCÍPIOS DE DESIGN 6- Affordance – Bom exemplo Os controles devem “falar por si” sobre como operá-los.
  • 30. PRINCÍPIOS DE DESIGN 6- Affordance – Exemplo ruim bom! (mas usado para o mal!) Os controles devem “mentir” sobre como operá-los. http://revistaepoca.globo.com/Revista/Epoca/0,,EDG81441-6014-507,00.html
  • 31. PRINCÍPIOS DE DESIGN 6- Affordance – Exemplo ruim Os controles devem “mentir” sobre como operá-los. http://revistaepoca.globo.com/Revista/Epoca/0,,EDG81441-6014-507,00.html
  • 32. HEIN?!?! ?
  • 33. VALEU! ALAN VASCONCELOS – www.alanvasconcelos.com
  • 34. BIBLIOGRAFIA The user is Always Right: A practical Guide to Creating and Using Personas for the Web. The Persona Lifecicle: Keeping People in mind Throughout Product Desing NIELSEN, Jakob; LORANGER, Hoa.; FURMANKIEWICZ, Edson. Usabilidade na Web: projetando websites com qualidade. Rio de Janeiro, RJ: Elsevier, Campus, 2007. PAULA FILHO, Wilson de Pádua. Engenharia de software: fundamentos, métodos e padrões. 2. ed. Rio de Janeiro: LTC, 2003. PUPO, Deise Talarico; MELO, Amanda Meincke; PÉREZ FERRÉS, Sofia. Acessibilidade: discurso e prática no cotidiano das bibliotecas. Campinas: UNICAMP/Biblioteca Central Cesar Lattes, 2006. PRATES, Raquel Oliveira. Introdução à Interação Humano- Computador. Qualidade de Interação. 2006. Disponível em <http://homepages.dcc.ufmg.br/~rprates/ihc/aula3_qualidade_de_uso.pdf>. Acesso em: 20 jun. 2009. PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de interação: além da interação homem-computador. Porto Alegre: Bookman, 2005. 548p. PAULA FILHO, Wilson de Pádua. Engenharia de software: fundamentos, métodos e padrões. 2. ed. Rio de Janeiro: LTC, 2003. TORRES, Elisabeth Fátima; MAZZONI, Alberto Angel; ALVES, João Bosco da Mota. A acessibilidade à informação no espaço digital. Ciência da Informação, Brasília , v.31, n.3 , p.83-91, set./dez. 2002. Disponível em: <http://www.scielo.br/pdf/ci/v31n3/a09v31n3.pdf>. Acesso em: 10 jun. 2009.