SlideShare uma empresa 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.

Mais conteúdo relacionado

Mais procurados

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
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurísticaOtavio Augusto
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuárioKarine Drumond
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenGraciane Xavier
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Renato Melo
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de NielsenHuxley Dias
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introduçãoErico Fileno
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosJulien Condamines
 
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
 
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
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interaçãoRobson Santos
 

Mais procurados (20)

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
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
O que é design centrado no usuário
O que é design centrado no usuárioO que é design centrado no usuário
O que é design centrado no usuário
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Usabilidade 1 - Conceitos
Usabilidade 1 - ConceitosUsabilidade 1 - Conceitos
Usabilidade 1 - Conceitos
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
Heurísticas de Jakob Nielsen
Heurísticas de Jakob NielsenHeurísticas de Jakob Nielsen
Heurísticas de Jakob 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
 
Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07Apresentação UX e UI - Webdesign - Aula 07
Apresentação UX e UI - Webdesign - Aula 07
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de Nielsen
 
Usabilidade - Uma introdução
Usabilidade - Uma introduçãoUsabilidade - Uma introdução
Usabilidade - Uma introdução
 
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de ProjetosCurso de design thinking FIAP 2016 - MBA Gestão de Projetos
Curso de design thinking FIAP 2016 - MBA Gestão de Projetos
 
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
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
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
 
Facebook Ads.pdf
Facebook Ads.pdfFacebook Ads.pdf
Facebook Ads.pdf
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 

Destaque

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
 
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
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides UsabilidadeBarbara_z
 

Destaque (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
 
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ç...
 
Slides Usabilidade
Slides UsabilidadeSlides Usabilidade
Slides Usabilidade
 

Semelhante 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
 
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
 
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
 
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é 02Rafael Burity
 

Semelhante 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
 
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
 
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á...
 
Regras de Design
Regras de DesignRegras de Design
Regras de Design
 
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
 

Mais 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
 

Mais 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
 

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.