Usabilidade - Uma visão
geral para profissionais de
Informação e Comunicação
Aline da Silva Alves
Instituto de Comunicação e Informação
Científica e Tecnológica em Saúde - ICICT
Usabilidade - Uma visão
geral para profissionais de
Informação e Comunicação
Metodologia do Curso
Objetivos
Interação Humano-Computador
Design de Interação
Metodologia
09:00h
10:00h
10:20h
12:00h
Apresentação – Aline
Exercício – Cláudio
09/04 - Terça
13:00h
14:10h
14:30h
16:00h
Introdução à Usabilidade – Bruno
Metodologia
09:00h
10:00h
10:20h
12:00h
Apresentação – Aline
Exercício – Cláudio
09/04 - Terça
13:00h
14:10h
14:30h
16:00h
Introdução à Usabilidade – Bruno
Metodologia
09:00h
10:00h
10:20h
12:00h
Introdução à Acessibilidade – Carol
10/04 - Quarta
13:00h
14:10h
14:30h
16:00h
Design – Bruno
Implementação Tecnológica – Carol
Metodologia
Carolina Sacramento
10:00h
- Graduada em Informática e Tecnologia da Informação pela UERJ.
-10:20h
monografia: Avaliação de acessibilidade em páginas web.
- Atua no desenvolvimento e suporte de sites e sistemas para web
desde 2006 e fui responsável pela acessibilidade no desenvolvimento
12:00h
11/04 - Quinta
do
Portal da Casa de
Oswaldo Cruz.
13:00h
14:10h
14:30h
16:00h
Avaliação Qualitativa – Denise
Metodologia
09:00h
Hélio e Luciana
10:00h
Arquitetura da Informação
10:20h
Wireframes
Boas práticas de comunicação na web
12:00h
11/04 - Quinta
13:00h
14:10h
14:30h
16:00h
Avaliação Qualitativa – Denise
Metodologia
Hélio Eduardo Lopes
10:00h
- Arquiteto de Informação na Casa de Oswaldo Cruz desde out/2012
-10:20h
Graduado em Comunicação Social / Publicidade e Propaganda pela
ESPM Rio
- Pós-graduado em Ergodesign e Arquitetura de Informação pela PUC
11/04 - Quinta
-12:00h
rio
- Pós-graduado em Marketing pela Universidade Estácio de Sá
-13:00h
Atua como arquiteto de informação há quatro anos, com passagens
pelas agências digitais Tangerina e Kaus, além da rede social Melody
Box Atuou
Avaliação Qualitativa – Denise
14:10h
- como redator publicitário por quatro anos, desenvolvendo
14:30h
campanhas
publicitárias e institucionais na Ediouro Atuou como
coordenador de marketing por três anos no segmento de quadrinhos
brasileiros
16:00h na Ediouro
Metodologia
09:00h
Hélio e Luciana
10:00h
Arquitetura da Informação
10:20h
Wireframes
Boas práticas de comunicação na web
12:00h
11/04 - Quinta
13:00h
14:10h
14:30h
16:00h
Avaliação Qualitativa – Denise
Metodologia
Denise Nacif Pimenta
10:00h
- Possui graduação em Ciências Sociais pela Universidade Federal de
10:20hGerais (2002)
Minas
- Mestrado em Tecnologia Educacional nas Ciências da Saúde pela
Universidade Federal do Rio de Janeiro (2003)
12:00h
11/04 - Quinta
- Doutorado em Ciências da Saúde pelo Centro de Pesquisas René
Rachou - Fundação Oswaldo Cruz (2008) com tese intitulada
Disseminação
de informação sobre dengue: o ergodesign no
13:00h
desenvolvimento e avaliação de material multimídia para educação
em
saúde .
Avaliação Qualitativa – Denise
14:10h
- Pós-doutorado no Centro de Desenvolvimento Tecnológico em
14:30h(CDTS/ Fiocruz) e ICICT/Fiocruz
Saúde
- Foi uma dos vencedores do concurso Young Voices in Research for
Health
16:00hdo Global Forum for Health Research em 2007.
Metodologia
09:00h
10:00h
10:20h
12:00h
Engenharia Semiótica – Aline
Exemplos reais de aplicação de testes – Todos
12/04 - Sexta
13:00h
14:10h
14:30h
16:00h
Exercício: Teste de usabilidade final. O que
aprendemos? – Cláudio
Discussões: laboratório de usabilidade e
acessibilidade Fiocruz – Aline
Encerramento
Objetivo
“
Introduzir conceitos de design centrado no
usuário, usabilidade e acessibilidade
”
Objetivo
“
Apresentar métodos e técnicas para
concepção de interfaces de sites e
software;
”
Objetivo
“
Identificar problemas (avaliação) e
implementar melhorias de usabilidade e
acessibilidade em sites web.
”
Usabilidade - Uma visão
geral para profissionais de
Informação e Comunicação
Interação Humano-Computador (IHC)
Interação Humano-Computador
Interação Humano-Computador (IHC)
Interação Humano-Computador
Conhecimento
Valores
Objetivos
Preferências
Limitações
Cultura
Interação Humano-Computador (IHC)
Interação Humano-Computador
Conhecimento
Valores
Objetivos
Preferências
Limitações
Cultura
Hardware
Software
Custo
Mobilidade
conexão
Interação Humano-Computador (IHC)
Interação Humano-Computador
Conhecimento
Valores
Objetivos
Preferências
Limitações
Cultura
Hardware
Software
Custo
Mobilidade
conexão
Meios
Contexto
Físico
Interação Humano-Computador (IHC)
Interação Humano-Computador
Conhecimento
Valores
Objetivos
Preferências
Limitações
Cultura
Hardware
Software
Custo
Mobilidade
conexão
Meios
Contexto
Físico
Interação Humano-Computador (IHC)
Valores
Objetivos
Cust
o
Meios
Software
Preferências
Cultura
Conexão
Mobilidade
Conheciment
Contexto Físico
Limitações
o
Hardware
Interação Humano-Computador (IHC)
“
Surgimento: anos 80
Área da ciência da computação
Evolução: rápida expansão
atraindo profissionais de muitas outras
disciplinas e incorporando diversos
conceitos e abordagens.
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Pesquisas e práticas de IHC integram as perspectivas:
Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)
Interação Humano-Computador (IHC)
Foco original e
permanente de IHC =
conceito de
usabilidade.
Slogan inicial
"fácil de aprender,
fácil de usar". "
Interação Humano-Computador (IHC)
“Evolução do slogan:
divertido
bem-estar,
eficácia coletiva
estética,
criatividade,
desenvolvimento humano
entre outros
Interação Humano-Computador (IHC)
Foco inicial:
Comportamento do usuário
individual e genérico
Foco atual:
Computação social e
organizacional
Acessibilidade para idosos
Pessoas com deficiências
cognitiva e fisica
TODAS AS PESSOAS
Interação Humano-Computador (IHC)
O Design de interação na Interação HumanoComputador...
Interação Humano-Computador (IHC)
O Design de interação na Interação HumanoComputador...
?
Interação Humano-Computador (IHC)
O Design de interação na Interação HumanoComputador...
"Design de Interação » “formar” coisas
digitais para uso das pessoas"
Interação Humano-Computador (IHC)
O Design de interação na Interação HumanoComputador...
Como “formar” coisas digitais ?
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
» Análise da situação atual
» Quais dados coletar
» De quem coletar dados
» Aspectos éticos
» Como coletar dados dos usuários
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
» Entender como e por que os usuários realizam suas tarefas:
» Análise da situação atual
» (Re)design de um sistema
» Avaliação do resultado de uma intervenção
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
» Explorar alternativas de design diferentes
» Envolvimento de um grupo de usuários
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
» Rápida e de baixo custo
» Auxiliar o entendimento do design da interface,
antes da construção do sistema final
» Pouca ênfase na eficiência da implementação
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
• Codificação
• Documentação
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
IHC
IHC
IHC
IHC
IHC
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação
“Qualidade de interação que um sistema oferece aos
seus usuários.”
Diferente de opiniões e julgamentos
» Conceitos de IHC
» Metodos de avaliacao
» Modos e meios de aplicacão de conceitos e métodos
» Disciplina e rigor para realizar a coleta de dados
» Cuidados éticos
Desing de Interação – Ciclo de vida SW
Ciclo “Estrela” para o Design de Interação na
prática
» Dificuldade em rastrear o progresso no desenvolvimento
» Dificuldade em identificar os recursos alocados
Ciclo de Vida da Engenharia da Usabilidade
Ciclo de Vida da Engenharia da Usabilidade
Re quirements Analysis
Tarefas de
usabilidade no ciclo
de vida de
desenvolvimento
de software.
Platform
Capabilities/
Constraints
Task
Analysis
User Profile
General
Design
Principles
Usability
Goals
De sign/Test/Deve lopment
Work Reengineering
Styl e Guide
Conceptual
Modeling
(CM) Design
Screen Design
Standards
(SDS)
Detailed User
Interface
Design (DUID)
CM Mockups
SDS
Prototyping
Iterative
DUID
Evaluation
Styl e Guide
Iterative CM
Evaluation
No
Styl e Guide
Iterative SDS
Evaluation
Yes
No
Meet Usability
Goals?
No
Yes
Meet Usability
Goals?
Yes
Meet Usability
Goals?
Styl e Guide
No
Yes
All Functionality
Addressed?
Installation
No
Yes
User
Feedback
Done
All Issues
Resolved?
Installation
Ciclo de Vida da Engenharia da Usabilidade
Ciclo de Vida da Engenharia da Usabilidade
Re quirements Analysis
modelo apoiado na
engenharia de
software
Platform
Capabilities/
Constraints
Task
Analysis
User Profile
General
Design
Principles
Usability
Goals
De sign/Test/Deve lopment
Work Reengineering
Styl e Guide
Conceptual
Modeling
(CM) Design
Screen Design
Standards
(SDS)
Detailed User
Interface
Design (DUID)
CM Mockups
SDS
Prototyping
Iterative
DUID
Evaluation
Styl e Guide
Iterative CM
Evaluation
No
Styl e Guide
Iterative SDS
Evaluation
Yes
No
Meet Usability
Goals?
No
Yes
Meet Usability
Goals?
Yes
Meet Usability
Goals?
Styl e Guide
No
Yes
All Functionality
Addressed?
Installation
No
Yes
User
Feedback
Done
All Issues
Resolved?
Installation
Ciclo de Vida da Engenharia da Usabilidade
Ciclo de Vida da Engenharia da Usabilidade
Re quirements Analysis
Pessoas com pouco
conhecimento de
usabilidade trilhem
este caminho com
mais facilidade.
Platform
Capabilities/
Constraints
Task
Analysis
User Profile
General
Design
Principles
Usability
Goals
De sign/Test/Deve lopment
Work Reengineering
Styl e Guide
Conceptual
Modeling
(CM) Design
Screen Design
Standards
(SDS)
Detailed User
Interface
Design (DUID)
CM Mockups
SDS
Prototyping
Iterative
DUID
Evaluation
Styl e Guide
Iterative CM
Evaluation
No
Styl e Guide
Iterative SDS
Evaluation
Yes
No
Meet Usability
Goals?
No
Yes
Meet Usability
Goals?
Yes
Meet Usability
Goals?
Styl e Guide
No
Yes
All Functionality
Addressed?
Installation
No
Yes
User
Feedback
Done
All Issues
Resolved?
Installation
Ciclo de Vida da Engenharia da Usabilidade
Tarefas Essenciais:
1 - Análise de requisitos
2 - Projeto/teste/desenvolvimento
3 - Instalação
Participação do usuário ao longo de todo processo
Ciclo de Vida da Engenharia da Usabilidade
Tarefas Essenciais:
1 - Análise de requisitos
2 - Projeto/teste/desenvolvimento
3 - Instalação
» Definição do escopo do desenvolvimento;
» Identificação do perfil dos usuários;
» situações de trabalho atual e futura;
» possibilidades e restrições de tecnologia.
Ciclo de Vida da Engenharia da Usabilidade
Tarefas Essenciais:
1 - Análise de requisitos
2 - Projeto/teste/desenvolvimento
3 - Instalação
» Definição do estilo geral e funcional para a interface;
» Diagramas das classes dos bancos de dados;
» Organização e detalhamento dos Componentes;
» Definição e detalhamento dos Diálogos de Transição;
Ciclo de Vida da Engenharia da Usabilidade
Tarefas Essenciais:
1 - Análise de requisitos
2 - Projeto/teste/desenvolvimento
3 - Instalação
» Feedback dos usuários;
» Metas atendidas?
» Todas as funcionalidades contempladas?
Foco no usuário
Para finalizar . . .
“Usuários diferentes têm necessidades diferentes e
produtos interativos precisam ser projetados de
acordo com tais necessidades” (PREECE, p.35, 2005)
?
Referências:
1. Carroll, John M. (2009): Human Computer Interaction (HCI). In: Soegaard, Mads and
Dam, Rikke Friis (eds.). "Encyclopedia of Human-Computer Interaction". The
Interaction-Design.org Foundation. Available online at http://www.interactiondesign.org/encyclopedia/human_computer_interaction_hci.html
2. Hix, D.; Hartson, H. R. Developing User Interfaces: ensuring usability through product
& process, John Wiley and Sons, 1993.
3. Deborah J. Mayhew. The Usability Engineering Lifecycle: A Practitioner's Handbook for
User Interface Design (Interactive Technologies). 1999 | ISBN-10: 1558605614 |
ISBN-13: 978-1558605619
4. Simone DJ Barbosa e Bruno S da Silva (2010) Interação Humano-Computador.
Editora Campus-Elsevier, 2010.
Vídeos:
http://www.youtube.com/watch?feature=player_embedded&v=Pz17lbjOFn
8
Imagens:
http://brasileconomico.ig.com.br/noticias/nprint/93384.html
http://www.seggelevadores.com.br
https://encrypted-tbn3.gstatic.com
http://www.kotaku.com.au/2010/11/review-kinect-sports/
O que eu sei sobre meus usuários...
Analfabetismo funcional INAF
Limitações