mscsílviahelena de carvalho schnaider agência do governo ... · abergo 2006 ancine conclusão prototype paper avaliação cooperativa focus group mscsílviahelena de carvalho schnaider

abergo2006 conclusãoancine

prototypepaper

avaliaçãocooperativa

focusgroup

msc sílvia helena de carvalho schnaider

validação de ícones em sistemas de informação de uma agência do governo brasileiro – o caso do website da ANCINE

abergo, 2006

ergonomiaIHC

usabilidade

1|20

abergo2006 conclusãoancine

prototypepaper


focusgroup

ergonomiaIHC

usabilidade

resumo

o presente trabalho consiste na validação de ícones para os Sistemas de Informação da ANCINE-Agência Nacional de Cinema (ligada ao Ministério da Cultura Brasileira), como um exemplo de caso de uso real de projeto centrado no usuário.

através de testes de usabilidade (protótipo de papel, avaliação cooperativa e grupo de foco) realizados na interface web de determinado sistema com os usuários-ANCINE, conclui-se que éfator de maior relevância a aplicação do design no desenvolvimento de novas plataformas de trabalho que se utilizam de tecnologia de ponta, buscando soluções de maior qualidade, eficiência e rapidez no âmbito da comunicação organizacional.

2|20

ancine conclusãoprototypepaper

focusgroup


introdução

a ANCINE está desenvolvendo seus sistemas de informação através da gti-gerência de tecnologia de informação, constitue uma organização nova no que diz respeito às suas necessidades no processo de recuperação e análise das informações;

seu objetivo é estimular a participação das obras cinematográficas e videofonográficas de produção nacional no mercado externo, apoiando a capacitação de recursos humanos, o desenvolvimento tecnológico do setor e zelando pelo respeito ao direito autoral sobre obras audiovisuais nacionais e estrangeiras.

abergo2006

ergonomiaIHC

usabilidade

3|20

conclusãoprototypepaper

focusgroup


ancine | agência nacional de cinema | ministério da culturaé um órgão de fomento, regulação e fiscalização da indústriacinematográfica e vídeofonográfica.

ancine | cpb | certificado de produto brasileiroreconhece que uma obra audiovisual foi produzida de acordo com as definições de obra audiovisual brasileira; é o certificado de origem.

18 de agosto de 2004 | portal | www.ancine.gov.br

30 de maio de 2005 | anci.net

ancine | sistemas de informação | equipe webresponsável pela manutenção do layout do portal, da intranet e dos sistemas de informação da agência: é composta por dois webdesigners e dois profissionais da informática.

ergonomiaIHC

usabilidade

abergo2006 ancine

4|20


focusgroup


ergonomiaIHC

usabilidade

abergo2006

criação de ícones | 15 x 15 pixels

método de pré-seleção: define-se as situações e ações que serão necessárias de acordo com cada tarefa dos sistema de informação;

pesquisa no google/imagem de procura por ícones usados em programas do pacote microsoft e/ou disponíveis na internet;

10 ícones são então selecionados, mas apenas três idéias são produzidas já no padrão visual das telas de sistemas da ANCINE. “EXCLUIR”

seleção:

aprovação/criação:

ancine

5|20

:: Tabela de Ícones de Ação

alterar

arquivar

associar

bloquear

cancelar

desbloquear

confirm

ar

incluir

liberar

15 pixels

15 pixels

ordenar

restaurar

salvar

selecionar

sugerir

limpar

relacionar

analisar

editar

excluir

imprimir

e-mail

:: Tabela de Ícones de Situação

bloqueado

certificado

definitivo

certificado

certificado

aguardando

liberação

certificado

bloqueado

certificado

cancelado

certificado

fase de análise

certificado

fase de

cadastramento

co

rodução

p

pagamento

conciliado

manualmente

pagamento

não conciliado

situação

está ok

situação

não está ok

term

onão preenchido

term

opreenchido

cadastro

incompleto

cancelado

CPB novo

certificado

pendente

certificado

suspenso

parcialmente

CPB renovação

desbloqueado

documento

liberado

manualmente

documento

pago

impressão

liberada

impressão

realizada

documento

expirado

em revisão

liberado

movimentação

não pago

pagamento

conciliado

automaticamente

6|20


focusgroup


ergonomiaIHC

usabilidade

abergo2006

telas de sistemas | padrão visual da agência

fonte utilizada nas informações textuais das telas: “Verdana”;

botões e determinados ícones: família “Linotype Frutiger”.

cor utilizada nas telas: amarelo-ouro (# F8C301);

botões são todos da mesma cor;

ícones possuem detalhes pequenos em cores contrastantes, tais como: azul (# 294AF6), verde (# 71BB28) e vermelho (# ED1C24); cor de apoio em ícones: marrom (# 502202).

As telas dos sistemas da ANCINE lembram o desenho de fichas parapreenchimento em papel. Esta forma foi escolhida com o objetivo de tornar mais amigável a interface, facilitando a realização das tarefas pelo usuário.

ancine

7|20

8|20


focusgroup


ergonomiaIHC

usabilidade

abergo2006

ícones utilizados na web devem vir sempre acompanhados de um texto com seu significado, ou seja, de uma legenda.

principal objetivo da legenda: dar suporte ao desenho dos ícones.

a legenda nas telas de sistemas da ANCINE encontram-se antes das tabelas que contêm os ícones, e os mesmos encontram-se em ordem alfabética, da esquerda para a direita.

todos os ícones são compostos por desenho + informação textual.

telas sem ícones, não apresentarão legenda.

ancine

(FLEMING, 1998).

9|20


focusgroup


hoje em dia, o designer se tornou multidisciplinar

o designer neste final de século muda de postura, vai buscar em outras disciplinas como a ergonomia, a IHC, a usabilidade e em outras ciências sociais e comportamentais apoio teórico para suas conclusões projetuais.

o designer tem, hoje, a tarefa de descobrir as necessidades do usuário e, se possível, participar de todo o ciclo do produto.Assim, o designer não só tem a responsabilidade de criar produtos para a indústria nacional, mas também de acompanhar todo o processo do seu desenvolvimento, gerando lucrospara a empresa e para o próprio país.

abergo2006

ergonomiaIHC

usabilidade

10|20


focusgroup


abergo2006

ergonomiaIHC

usabilidade

ergonomia | é o estudo da adaptação do trabalho ao homemIida (1992)

disciplina que utiliza métodos e técnicas científicas para observar o trabalho do homem em um determinado posto/local de trabalho, além de suas relações psicológicas com esse meio.

IHC | área multidisciplinar

IHC se refere aos estudos que procuram compreender a comunicação entre as pessoas e os computadores, considerando os seguintesfatores: tarefa, usuário, ambiente organizacional e sistema computacional.

Santos (2000)

usabilidade | tem-se que a questão fundamental da usabilidade é que o produto deve ser fácil de usar

11|20


focusgroup


abergo2006

ergonomiaIHC

usabilidade

interfaceusuário

cultura

ergodesign

produtos e serviços

usabilidadehabilid

ade

efetividadeagradab

ilidade

necessidade

flexibilidade

satisfa

çãofacilidade

capacid

ade

12|20


focusgroup

avaliaçãocooperativaancine

abergo2006

ergonomiaIHC

usabilidade

papper prototype | 19/11/2005

colaborador aidade: 23 anosprofissão: designerlocal: puc-rio (sala de aula)tempo total de duração: 15 min

obs: os dois participantes nunca haviam visto as telas dos sistemas!

início do teste: as fichas com os desenhos da telas de “registro de empresa” foram impressas no tamanho real e coladas em cartolina branca, cada ficha foi sendo mostrada na ordem de necessidade deuso de cada participante para realização das tarefas.

colaborador bidade: 27 anosprofissão: analista de marketing

local: puc-rio (sala de aula)tempo total de duração: 12min

13|20

1: exclua a empresa carlos drummond de andrade do cadastro ancine (nº registro 14751) 2: indique uma melhor ordem para a legenda dos ícones

14|20

resultado tarefa 1:

sugestão do ítem “ ::Exclusão ” na primeira tela”;

os participantes fizeram o caminho correto de navegação das telas, apenas diferenciaram-se no tempo de realização da mesma;

a legenda os confundiu na telas nº 2 e nº 3;

conclusão:a legenda só é realmente necessária no final da penúltima tela.

resultado tarefa 2:

ordem alfabética por coluna na vertical ou por semelhança de ícones.

focusgroup conclusãoprojetopuc-rio ancine

prototypepaper


15|20

ancine conclusãoprojetopuc-rio

avaliação cooperativa | 23/11/2005início do teste: computador ligado | estação ancrjo217 | tela do sistema de registro de empresa aberta

1. exclua sua empresa do cadastro da ancine (3min)os usuários-ancine demoraram de 5 segundos à 1 minuto para realizar a tarefa;80% clicou direto no link “ :: Empresa Nacional Exibidora/Inclusão”; ERRADO 20% foi no “ :: Manutenção de Entidades Cadastradas/Alteração”; CERTO100% sugeriu a inserção no menu de link “ :: Excluir”; SUGESTÃO

2. procure a empresa carlos drumond de andrade sob o nº registro 14751 (3min)os usuários-ancine demoraram de 8 à 40 segundos para selecionar o “Campo - nºregistro” e digitar “1-4-7-5-1” na combo box ao lado.

3. informe o cnpj desta empresa (2min)esta tarefa foi fácil: os usuários-ancine demoraram de 5 à 10 segundos para dizer o nº do cnpj com precisão.

4. indique a melhor ordem para a legenda (3min)0% ordem alfabética por linha;60% ordem alfabética por colunas;40% ordem por semelhança de função.


prototypepaper

focusgroup

16|20

ancine conclusãoprojetopuc-rio

focus group | 24/11/2005antes de começar o teste, o moderador |a| deve pedir a autorização do uso da imagem para fins de apresentação na puc-rio; ambientar os participantes quando chegarem ao local; provocar esta “climatização” no ambiente como se fosse um encontro de amigos oferecendo alimentação e bebidas a serem consumidas; comentar a proposta do estudo; pedir para desligar o celular!

1. Os desenhos dos ícones lhes parece “familiar” (dicas)

alguns ícones sim, são parecidos com ícones do pacote Microsoft(ex: arquivar, salvar, imprimir e excluir);

alguns têm uma funcionalidade muito específica, dificultando a sua compreensão do desenho, portanto precisam da leitura escrita para facilitar o entendimento (ex: alterar, associar e ordenar);

focusgroup

prototypepaper


17|20

ancine conclusãoprojetopuc-riofocusgroup

prototypepaper


2. Você utiliza no dia a dia ícones nos softwares? (3 à 4min)

20% não utiliza;80% sim utiliza;conclusão: desenhos são de mais fácil e rápida compreensão do que texto.

3. A utilização de ícones faz sentido nos sistemas da ANCINE? (10min)

100% sim, pois facilita e agiliza a compreensão da s informações;

portanto os ícones são necessários e a legenda tem o papel fundamental de complementar as informações visuais das telas dos sistemas de informação da ANCINE.

18|20

conclusãoancineprojetoprototypepaperpuc-rio


focusgroup

os ícones são de fácil compreensão pelo usuário-ancine e complementam no desenho e nas cores (comunicação visual) as informações textuais das telas dos sistemas de informação da agência;

o ítem legenda é fundamental nas telas onde os ícones aparecem, haja visto que determinadas tarefas específicas de ação são de maior complexidade e entendimento para o usuário-ancine.

o protótipo de papel foi eficiente para o trabalho da equipe web, pois diagnosticou com antecedência um possível erro na diagramação no ítem legenda das páginas. Foi após este método que surgiu a idéia de resolver este problema testando novas formas de diagramação dos ícones com os usuários reais.

surgiram, então, três versões, ou melhor, três possibilidades de leitura da legenda nas páginas: leitura em ordem alfabética por colunas, leitura em ordem alfabética por linhas da esquerda para à direita e leitura ordenada de ícones que apresentam ações opostas, como por exemplo “bloquear” e “desbloquear”.

diante dos resultados, com 60% de aceitação, optou-se pela utilização da leitura em ordem alfabética por colunas.

19|20

bibliografiaancineprojetoprototypepaperpuc-rio


focusgroup

BASTIEN, J. M. Christian, SCAPIN, Dominique L. Ergonomic criteris for the evaluation of human-computer interfaces. Raport Technique, Rocquencourt: Institut National de Recherche en Informatique et en Automatique.N. 153, jun. 1993.

BONSIEPE, Gui. Teoría y práctica Del diseño industrial: elementos para una manualística crítica. Barcelona:G.Gili, 1978. (Colección Comunicación Visual).

BONSIEPE,Gui. Palestra proferida em 05/09/2001. Disponível em: http//:www.esdi.uerj.br/novidades/p_bonsi.shtm.html, acessado em 17 de Abril de 2004.

DUMAS, Joseph S.; REDISH, Janice C. A practical guide to usability testing. Norwood/New Jersey, Ablex Publishing, 1994.

EDMUNDS, Holly. The Focus Group: Research Handbook. Chicago, Illinois. American Marketing Assossiation,1999.

FLEMING, Jennifer. Web Navigation the User Experience. Ed. O'Reilly, 1998.

KARWOWSKI, Waldemar. IEA Facts and Background. Louisville: IEA Press, January, 1996.

KRUG, Steve. Não me faça pensar. São Paulo: Market Books, 2001.IIDA, Itiro. Ergonomia - Projeto e Produção. São Paulo, Edgard Blücher, 1992.

LAVILLE, Antoine. Ergonomia. São Paulo, EPU/ EDUSP, 1977.

NIELSEN, Jakob. Projetando Websites. Designing Web Usability: Ana Gibson. Rio de Janeiro: Elsevier,2000.

PHEASANT, Steven. Bodyspace: antropometry, ergonomics and the design of work. London, Taylor & Francis, 1997.

RUBIN, Jeffery. Handbook of usability testing: how to plan, design and conduct effective tests. John Wiley & Sons, 1994.

SHACKEL, Brian. Usability: Context, Framework, Definition, Design and Evaluation. In: Human Factors for Information Usability. Cambridge University Press, 1993.

TEIXEIRA, Eduardo Ariel de Souza. Estudo ergonômico da interface de produtos web focados na transmissão de alta velocidade. 2003. 264 f. Dissertação (Mestrado) - Programa de Pós-Graduação em Design, Pontifícia Universidade Católica do Rio de Janeiro.

20|20

Documents

mscsílviahelena de carvalho schnaider agência do governo ... · abergo 2006 ancine conclusão prototype paper avaliação cooperativa focus group mscsílviahelena de carvalho schnaider