mscsílviahelena de carvalho schnaider agência do governo ... · abergo 2006 ancine conclusão...
TRANSCRIPT
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
avaliaçãocooperativa
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
avaliaçãocooperativa
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
avaliaçãocooperativa
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
conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
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
:: 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
conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
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
conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
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
ancine conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
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
ancine conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
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
ancine conclusãoprototypepaper
focusgroup
avaliaçãocooperativa
abergo2006
ergonomiaIHC
usabilidade
interfaceusuário
cultura
ergodesign
produtos e serviços
usabilidadehabilid
ade
efetividadeagradab
ilidade
necessidade
flexibilidade
satisfa
çãofacilidade
capacid
ade
12|20
conclusãoprototypepaper
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
avaliaçãocooperativa
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.
avaliaçãocooperativa
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
avaliaçãocooperativa
17|20
ancine conclusãoprojetopuc-riofocusgroup
prototypepaper
avaliaçãocooperativa
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
avaliaçãocooperativa
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
avaliaçãocooperativa
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