Você está na página 1de 65

Usabilidade - Uma viso geral para profissionais de Informao e Comunicao

Aline da Silva Alves Instituto de Comunicao e Informao Cientfica e Tecnolgica em Sade - ICICT

Usabilidade - Uma viso geral para profissionais de Informao e Comunicao


Metodologia do Curso Objetivos Interao Humano-Computador Design de Interao

Metodologia
09:00h

10:00h 10:20h
12:00h 13:00h

Apresentao Aline Exerccio Cludio


09/04 - Tera

14:10h 14:30h
16:00h

Introduo Usabilidade Bruno

Metodologia
09:00h

10:00h 10:20h
12:00h 13:00h

Apresentao Aline Exerccio Cludio


09/04 - Tera

14:10h 14:30h
16:00h

Introduo Usabilidade Bruno

Metodologia
09:00h

10:00h 10:20h
12:00h 13:00h

Introduo Acessibilidade Carol

10/04 - Quarta

14:10h 14:30h
16:00h

Design Bruno Implementao Tecnolgica Carol

Metodologia
Carolina Sacramento 10:00h - Graduada em Informtica e Tecnologia da Informao pela UERJ. -10:20h monografia: Avaliao de acessibilidade em pginas web. - Atua no desenvolvimento e suporte de sites e sistemas para web desde 2006 e fui responsvel pela acessibilidade no desenvolvimento 12:00h 11/04 - Quinta do Portal da Casa de Oswaldo Cruz.
13:00h

14:10h 14:30h
16:00h

Avaliao Qualitativa Denise

Metodologia
09:00h

Hlio e Luciana Arquitetura da Informao Wireframes Boas prticas de comunicao na web


11/04 - Quinta

10:00h 10:20h
12:00h 13:00h

14:10h 14:30h
16:00h

Avaliao Qualitativa Denise

Metodologia
Hlio Eduardo Lopes 10:00h - Arquiteto de Informao na Casa de Oswaldo Cruz desde out/2012 -10:20h Graduado em Comunicao Social / Publicidade e Propaganda pela ESPM Rio - Ps-graduado em Ergodesign e Arquitetura de Informao pela PUC 11/04 - Quinta -12:00h rio - Ps-graduado em Marketing pela Universidade Estcio de S -13:00h Atua como arquiteto de informao h quatro anos, com passagens pelas agncias digitais Tangerina e Kaus, alm da rede social Melody Box Atuou Avaliao Qualitativa Denise 14:10h - como redator publicitrio por quatro anos, desenvolvendo 14:30h campanhas publicitrias e institucionais na Ediouro Atuou como coordenador de marketing por trs anos no segmento de quadrinhos brasileiros 16:00h na Ediouro

Metodologia
09:00h

Hlio e Luciana Arquitetura da Informao Wireframes Boas prticas de comunicao na web


11/04 - Quinta

10:00h 10:20h
12:00h 13:00h

14:10h 14:30h
16:00h

Avaliao Qualitativa Denise

Metodologia
Denise Nacif Pimenta 10:00h - Possui graduao em Cincias Sociais pela Universidade Federal de 10:20h Minas Gerais (2002) - Mestrado em Tecnologia Educacional nas Cincias da Sade pela Universidade Federal do Rio de Janeiro (2003) 12:00h 11/04 - Quinta - Doutorado em Cincias da Sade pelo Centro de Pesquisas Ren Rachou - Fundao Oswaldo Cruz (2008) com tese intitulada Disseminao de informao sobre dengue: o ergodesign no 13:00h desenvolvimento e avaliao de material multimdia para educao em sade . Avaliao Qualitativa Denise 14:10h - Ps-doutorado no Centro de Desenvolvimento Tecnolgico em 14:30h(CDTS/ Fiocruz) e ICICT/Fiocruz Sade - 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 13:00h

Engenharia Semitica Aline Exemplos reais de aplicao de testes Todos


12/04 - Sexta

14:10h 14:30h
16:00h

Exerccio: Teste de usabilidade final. O que aprendemos? Cludio Discusses: laboratrio de usabilidade e acessibilidade Fiocruz Aline Encerramento

Objetivo

Introduzir conceitos de design centrado no usurio, usabilidade e acessibilidade

Objetivo

Apresentar mtodos e tcnicas para concepo de interfaces de sites e software;

Objetivo

Identificar problemas (avaliao) e implementar melhorias de usabilidade e acessibilidade em sites web.

Usabilidade - Uma viso geral para profissionais de Informao e Comunicao

Interao Humano-Computador (IHC)

Interao Humano-Computador

Interao Humano-Computador (IHC)

Interao Humano-Computador
Conhecimento Valores Objetivos Preferncias Limitaes Cultura

Interao Humano-Computador (IHC)

Interao Humano-Computador
Conhecimento Valores Objetivos Preferncias Limitaes Cultura Hardware Software Custo Mobilidade conexo

Interao Humano-Computador (IHC)

Interao Humano-Computador
Conhecimento Valores Objetivos Preferncias Limitaes Cultura Meios Contexto Fsico Hardware Software Custo Mobilidade conexo

Interao Humano-Computador (IHC)

Interao Humano-Computador
Conhecimento Valores Objetivos Preferncias Limitaes Cultura Meios Contexto Fsico Hardware Software Custo Mobilidade conexo

Interao Humano-Computador (IHC)

Valores

Objetivos

Cust o Meios Software Preferncias Cultura

Conexo Mobilidade Conheciment Contexto Fsico Limitaes o Hardware

Interao Humano-Computador (IHC)

Surgimento: anos 80 rea da cincia da computao Evoluo: rpida expanso atraindo profissionais de muitas outras disciplinas e incorporando diversos conceitos e abordagens.

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Pesquisas e prticas de IHC integram as perspectivas:

Interao Humano-Computador (IHC)

Interao Humano-Computador (IHC)

Interao Humano-Computador (IHC)

Foco original e permanente de IHC = conceito de usabilidade.


Slogan inicial "fcil de aprender, fcil de usar". "

Interao Humano-Computador (IHC)

Evoluo do slogan: divertido bem-estar, eficcia coletiva esttica, criatividade, desenvolvimento humano entre outros

Interao Humano-Computador (IHC)

Foco inicial: Comportamento do usurio individual e genrico Foco atual: Computao social e organizacional Acessibilidade para idosos Pessoas com deficincias cognitiva e fisica TODAS AS PESSOAS

Interao Humano-Computador (IHC)

O Design de interao na Interao HumanoComputador...

Interao Humano-Computador (IHC)

O Design de interao na Interao HumanoComputador...

Interao Humano-Computador (IHC)

O Design de interao na Interao HumanoComputador...

"Design de Interao formar coisas digitais para uso das pessoas"

Interao Humano-Computador (IHC)

O Design de interao na Interao HumanoComputador...

Como formar coisas digitais ?

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

Anlise da situao atual Quais dados coletar De quem coletar dados Aspectos ticos Como coletar dados dos usurios

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao

IHC

Entender como e por que os usurios realizam suas tarefas: Anlise da situao atual (Re)design de um sistema Avaliao do resultado de uma interveno

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao

IHC
Explorar alternativas de design diferentes Envolvimento de um grupo de usurios

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao

Rpida e de baixo custo Auxiliar o entendimento do design da interface,

antes da construo do sistema final Pouca nfase na eficincia da implementao

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao

Codificao Documentao

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


IHC

IHC

IHC

IHC

IHC

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao


Qualidade de interao que um sistema oferece aos seus usurios. Diferente de opinies e julgamentos

Conceitos de IHC

Metodos de avaliacao
Modos e meios de aplicaco de conceitos e mtodos Disciplina e rigor para realizar a coleta de dados Cuidados ticos

Desing de Interao Ciclo de vida SW

Ciclo Estrela para o Design de Interao na prtica


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


Requirements Analysis Platform Capabilities/ Constraints General Design Principles

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

User Profile

Task Analysis

Usability Goals

Design/Test/Development Work Reengineering


Style Guide

Conceptual Modeling (CM) Design

Screen Design Standards (SDS)

Detailed User Interface Design (DUID) Iterative DUID Evaluation


Style Guide

CM Mockups
Style Guide

SDS Prototyping

Iterative CM Evaluation No Yes

Iterative SDS Evaluation No Yes

No

Yes

Meet Usability Goals?

Meet Usability Goals?

Meet Usability Goals? No

Style Guide

Yes All Functionality Addressed?

Installation No Yes Done All Issues Resolved? User Feedback Installation

Ciclo de Vida da Engenharia da Usabilidade

Ciclo de Vida da Engenharia da Usabilidade


Requirements Analysis Platform Capabilities/ Constraints General Design Principles

modelo apoiado na engenharia de software

User Profile

Task Analysis

Usability Goals

Design/Test/Development Work Reengineering


Style Guide

Conceptual Modeling (CM) Design

Screen Design Standards (SDS)

Detailed User Interface Design (DUID) Iterative DUID Evaluation


Style Guide

CM Mockups
Style Guide

SDS Prototyping

Iterative CM Evaluation No Yes

Iterative SDS Evaluation No Yes

No

Yes

Meet Usability Goals?

Meet Usability Goals?

Meet Usability Goals? No

Style Guide

Yes All Functionality Addressed?

Installation No Yes Done All Issues Resolved? User Feedback Installation

Ciclo de Vida da Engenharia da Usabilidade

Ciclo de Vida da Engenharia da Usabilidade


Requirements Analysis Platform Capabilities/ Constraints General Design Principles

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

User Profile

Task Analysis

Usability Goals

Design/Test/Development Work Reengineering


Style Guide

Conceptual Modeling (CM) Design

Screen Design Standards (SDS)

Detailed User Interface Design (DUID) Iterative DUID Evaluation


Style Guide

CM Mockups
Style Guide

SDS Prototyping

Iterative CM Evaluation No Yes

Iterative SDS Evaluation No Yes

No

Yes

Meet Usability Goals?

Meet Usability Goals?

Meet Usability Goals? No

Style Guide

Yes All Functionality Addressed?

Installation No Yes Done All Issues Resolved? User Feedback Installation

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:
1 - Anlise de requisitos 2 - Projeto/teste/desenvolvimento 3 - Instalao

Participao do usurio ao longo de todo processo

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:
1 - Anlise de requisitos 2 - Projeto/teste/desenvolvimento 3 - Instalao

Definio do escopo do desenvolvimento; Identificao do perfil dos usurios; situaes de trabalho atual e futura; possibilidades e restries de tecnologia.

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:
1 - Anlise de requisitos 2 - Projeto/teste/desenvolvimento 3 - Instalao

Definio do estilo geral e funcional para a interface; Diagramas das classes dos bancos de dados; Organizao e detalhamento dos Componentes; Definio e detalhamento dos Dilogos de Transio;

Ciclo de Vida da Engenharia da Usabilidade

Tarefas Essenciais:
1 - Anlise de requisitos 2 - Projeto/teste/desenvolvimento 3 - Instalao

Feedback dos usurios; Metas atendidas? Todas as funcionalidades contempladas?

Foco no usurio

Para finalizar . . .

Usurios diferentes tm necessidades diferentes e

produtos interativos precisam ser projetados de


acordo com tais necessidades (PREECE, p.35, 2005)

Referncias:

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) Interao Humano-Computador.

Editora Campus-Elsevier, 2010.

Vdeos: 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 usurios... Analfabetismo funcional INAF Limitaes

Você também pode gostar