SlideShare ist ein Scribd-Unternehmen logo
1 von 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.

Weitere ähnliche Inhalte

Was ist angesagt?

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
 
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
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEAndrea Dalforno
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?Marconi Pacheco
 
Especificação de requisitos
Especificação de requisitosEspecificação de requisitos
Especificação de requisitosFernando Palma
 
Arquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudarArquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudarBetter Developer
 
Heurísticas de nielsen e as regras de ben shneiderman
Heurísticas de nielsen e as regras de ben shneidermanHeurísticas de nielsen e as regras de ben shneiderman
Heurísticas de nielsen e as regras de ben shneidermanL_IBRAIM
 
Arquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEBArquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEBSergio Luis dos Santos Lima
 
IHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaIHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaRos Galabo, PhD
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurísticaOtavio Augusto
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For DevelopersAlice Phieu
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores Monica Mesquita
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and PrinciplesPeeyush Sahu CAPM®
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de NielsenHuxley Dias
 

Was ist angesagt? (20)

Avaliação de Interface
Avaliação de InterfaceAvaliação de Interface
Avaliação de Interface
 
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
 
Avaliação Heurística
Avaliação HeurísticaAvaliação Heurística
Avaliação Heurística
 
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
 
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADEMÉTODOS DE AVALIAÇÃO DA USABILIDADE
MÉTODOS DE AVALIAÇÃO DA USABILIDADE
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?UX e UI Design - O que é? Quais as diferenças?
UX e UI Design - O que é? Quais as diferenças?
 
Especificação de requisitos
Especificação de requisitosEspecificação de requisitos
Especificação de requisitos
 
Arquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudarArquitetura em camadas em python e quanto isso pode ajudar
Arquitetura em camadas em python e quanto isso pode ajudar
 
Heurísticas de nielsen e as regras de ben shneiderman
Heurísticas de nielsen e as regras de ben shneidermanHeurísticas de nielsen e as regras de ben shneiderman
Heurísticas de nielsen e as regras de ben shneiderman
 
Arquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEBArquitetura de Informação e Usabilidade na WEB
Arquitetura de Informação e Usabilidade na WEB
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 
IHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologiaIHC - Abordagem geral, processos ou metodologia
IHC - Abordagem geral, processos ou metodologia
 
Usabilidade heurística
Usabilidade heurísticaUsabilidade heurística
Usabilidade heurística
 
Processamento paralelo
Processamento paraleloProcessamento paralelo
Processamento paralelo
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Alice Phieu - UI/UX For Developers
Alice Phieu - UI/UX  For DevelopersAlice Phieu - UI/UX  For Developers
Alice Phieu - UI/UX For Developers
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
UX - User Experience Design and Principles
UX - User Experience Design and PrinciplesUX - User Experience Design and Principles
UX - User Experience Design and Principles
 
As 10 heurísticas de Nielsen
As 10 heurísticas de NielsenAs 10 heurísticas de Nielsen
As 10 heurísticas de Nielsen
 

Andere mochten auch

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
 

Andere mochten auch (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ç...
 

Ähnlich wie 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
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & UsabilidadeLuiz China
 
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
 
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
 

Ähnlich wie 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
 
Ergonomia & Usabilidade
Ergonomia & UsabilidadeErgonomia & Usabilidade
Ergonomia & Usabilidade
 
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
 
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á...
 

Mehr von 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
 

Mehr von 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.