Aline da Silva Alves Instituto de Comunicação e Informação Científica e Tecnológica em Saúde...

Post on 21-Apr-2015

114 views 4 download

Transcript of Aline da Silva Alves Instituto de Comunicação e Informação Científica e Tecnológica em Saúde...

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

Usabilidade - Uma visão geral para profissionais de Informação e Comunicação

Metodologia

Introdução à Usabilidade – Bruno

Apresentação – Aline

09/04 - Terça

09:00h

12:00h

13:00h

16:00h

Exercício – Cláudio

10:00h

10:20h

14:10h

14:30h

Metodologia

Introdução à Usabilidade – Bruno

Apresentação – Aline

09/04 - Terça

09:00h

12:00h

13:00h

16:00h

Exercício – Cláudio

10:00h

10:20h

14:10h

14:30h

Metodologia

Introdução à Acessibilidade – Carol

10/04 - Quarta

09:00h

12:00h

13:00h

16:00h

Design – Bruno

Implementação Tecnológica – Carol

10:00h

10:20h

14:10h

14:30h

Metodologia

11/04 - Quinta12:00h

13:00h

16:00h

Avaliação Qualitativa – Denise

10:00h

10:20h

14:10h

14:30h

Carolina Sacramento

- Graduada em Informática e Tecnologia da Informação pela UERJ. - 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 do Portal da Casa deOswaldo Cruz.

Metodologia

Hélio e Luciana

Arquitetura da Informação

Wireframes

Boas práticas de comunicação na web

11/04 - Quinta

09:00h

12:00h

13:00h

16:00h

Avaliação Qualitativa – Denise

10:00h

10:20h

14:10h

14:30h

Metodologia

11/04 - Quinta12:00h

13:00h

16:00h

Avaliação Qualitativa – Denise

10:00h

10:20h

14:10h

14:30h

Hélio Eduardo Lopes

- Arquiteto de Informação na Casa de Oswaldo Cruz desde out/2012- Graduado em Comunicação Social / Publicidade e Propaganda pela ESPM Rio- Pós-graduado em Ergodesign e Arquitetura de Informação pela PUC - rio- Pós-graduado em Marketing pela Universidade Estácio de Sá- 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- como redator publicitário por quatro anos, desenvolvendo campanhas publicitárias e institucionais na Ediouro Atuou como coordenador de marketing por três anos no segmento de quadrinhos brasileiros na Ediouro

Metodologia

Hélio e Luciana

Arquitetura da Informação

Wireframes

Boas práticas de comunicação na web

11/04 - Quinta

09:00h

12:00h

13:00h

16:00h

Avaliação Qualitativa – Denise

10:00h

10:20h

14:10h

14:30h

Metodologia

11/04 - Quinta12:00h

13:00h

16:00h

Avaliação Qualitativa – Denise

10:00h

10:20h

14:10h

14:30h

Denise Nacif Pimenta

- Possui graduação em Ciências Sociais pela Universidade Federal de Minas Gerais (2002)- Mestrado em Tecnologia Educacional nas Ciências da Saúde pela Universidade Federal do Rio de Janeiro (2003) - 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 desenvolvimento e avaliação de material multimídia para educação em saúde . - Pós-doutorado no Centro de Desenvolvimento Tecnológico em Saúde (CDTS/ Fiocruz) e ICICT/Fiocruz - Foi uma dos vencedores do concurso Young Voices in Research for Health do Global Forum for Health Research em 2007.

Metodologia

Engenharia Semiótica – Aline

Exemplos reais de aplicação de testes – Todos

12/04 - Sexta

09:00h

12:00h

13:00h

16:00h

Exercício: Teste de usabilidade final. O que aprendemos? – CláudioDiscussões: laboratório de usabilidade e acessibilidade Fiocruz – AlineEncerramento

10:00h

10:20h

14:10h

14:30h

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.

Objetivo

”“

Usabilidade - Uma visão geral para profissionais de Informação e Comunicação

Interação Humano-Computador

Interação Humano-Computador (IHC)

Interação Humano-Computador

Interação Humano-Computador (IHC)

ConhecimentoValoresObjetivosPreferênciasLimitaçõesCultura

Interação Humano-Computador

Interação Humano-Computador (IHC)

HardwareSoftwareCustoMobilidadeconexão

ConhecimentoValoresObjetivosPreferênciasLimitaçõesCultura

Interação Humano-Computador

Interação Humano-Computador (IHC)

MeiosContexto Físico

HardwareSoftwareCustoMobilidadeconexão

ConhecimentoValoresObjetivosPreferênciasLimitaçõesCultura

Interação Humano-Computador

Interação Humano-Computador (IHC)

MeiosContexto Físico

HardwareSoftwareCustoMobilidadeconexão

ConhecimentoValoresObjetivosPreferênciasLimitaçõesCultura

Interação Humano-Computador (IHC)

Valores

Conhecimento

Objetivos

Preferências

Limitações

Hardware

Software

Custo

Mobilidade

Conexão

Meios

Contexto Físico

Cultura

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 coletivaestética,

criatividade,

desenvolvimento humano

entre outros

Interação Humano-Computador (IHC)

Foco inicial:

Foco atual:

Computação social e

organizacional

Acessibilidade para idososPessoas com deficiências

cognitiva e fisica

TODAS AS PESSOAS

Comportamento do usuário

individual e genérico

Interação Humano-Computador (IHC)

O Design de interação na Interação Humano-Computador...

Interação Humano-Computador (IHC)

?

O Design de interação na Interação Humano-Computador...

Interação Humano-Computador (IHC)

"Design de Interação » “formar” coisas digitais para uso das pessoas"

O Design de interação na Interação Humano-Computador...

Interação Humano-Computador (IHC)

Como “formar” coisas digitais ?

O Design de interação na Interação Humano-Computador...

Interação Humano-Computador (IHC)

Desing de Interação – Ciclo de vida SW

Ciclo “Estrela” para o Design de Interação

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

» Análise da situação atual» (Re)design de um sistema » Avaliação do resultado de uma intervenção

» Entender como e por que os usuários realizam suas tarefas:

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

IHC

» 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

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

• Codificação• Documentaçã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

“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

Desing de Interação – Ciclo de vida SW

Ciclo de Vida da Engenharia da Usabilidade

Tarefas de usabilidade no ciclo de vida de desenvolvimento de software.

Ciclo de Vida da Engenharia da Usabilidade

User ProfileTask

Analysis

PlatformCapabilities/Constraints

GeneralDesign

Principles

UsabilityGoals

Work Re-engineering

ConceptualModeling

(CM) Design

CM Mockups

Iterative CMEvaluation

Requirements Analysis

Screen DesignStandards

(SDS)

SDSPrototyping

Iterative SDSEvaluation

Detailed UserInterface

Design (DUID)

IterativeDUID

Evaluation

Design/Test/Development

No Yes No Yes

No Yes

No

Yes

Style Guide Style Guide

Style Guide

Meet UsabilityGoals?

Meet UsabilityGoals?

Meet UsabilityGoals?

All FunctionalityAddressed?

Installation

UserFeedback

No

Yes

All IssuesResolved?

InstallationDone

Style Guide

Ciclo de Vida da Engenharia da Usabilidade

modelo apoiado na engenharia de software

Ciclo de Vida da Engenharia da Usabilidade

User ProfileTask

Analysis

PlatformCapabilities/Constraints

GeneralDesign

Principles

UsabilityGoals

Work Re-engineering

ConceptualModeling

(CM) Design

CM Mockups

Iterative CMEvaluation

Requirements Analysis

Screen DesignStandards

(SDS)

SDSPrototyping

Iterative SDSEvaluation

Detailed UserInterface

Design (DUID)

IterativeDUID

Evaluation

Design/Test/Development

No Yes No Yes

No Yes

No

Yes

Style Guide Style Guide

Style Guide

Meet UsabilityGoals?

Meet UsabilityGoals?

Meet UsabilityGoals?

All FunctionalityAddressed?

Installation

UserFeedback

No

Yes

All IssuesResolved?

InstallationDone

Style Guide

Ciclo de Vida da Engenharia da Usabilidade

Pessoas com pouco conhecimento de usabilidade trilhem este caminho com mais facilidade.

Ciclo de Vida da Engenharia da Usabilidade

User ProfileTask

Analysis

PlatformCapabilities/Constraints

GeneralDesign

Principles

UsabilityGoals

Work Re-engineering

ConceptualModeling

(CM) Design

CM Mockups

Iterative CMEvaluation

Requirements Analysis

Screen DesignStandards

(SDS)

SDSPrototyping

Iterative SDSEvaluation

Detailed UserInterface

Design (DUID)

IterativeDUID

Evaluation

Design/Test/Development

No Yes No Yes

No Yes

No

Yes

Style Guide Style Guide

Style Guide

Meet UsabilityGoals?

Meet UsabilityGoals?

Meet UsabilityGoals?

All FunctionalityAddressed?

Installation

UserFeedback

No

Yes

All IssuesResolved?

InstallationDone

Style Guide

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

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:

» 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.

1 - Análise de requisitos

2 - Projeto/teste/desenvolvimento

3 - Instalação

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:

» 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;

1 - Análise de requisitos

2 - Projeto/teste/desenvolvimento

3 - Instalação

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:

» Feedback dos usuários;» Metas atendidas?» Todas as funcionalidades contempladas?

1 - Análise de requisitos

2 - Projeto/teste/desenvolvimento

3 - Instalação

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.interaction- design.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.

Imagens:http://brasileconomico.ig.com.br/noticias/nprint/93384.htmlhttp://www.seggelevadores.com.brhttps://encrypted-tbn3.gstatic.comhttp://www.kotaku.com.au/2010/11/review-kinect-sports/

Vídeos:http://www.youtube.com/watch?feature=player_embedded&v=Pz17lbjOFn8

O que eu sei sobre meus usuários...

Analfabetismo funcional INAF

Limitações