Vous êtes sur la page 1sur 106

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.

01 Transitional//EN"> <html> <head> <title>Destaque< Universidade Estadual Paulista Jlio de Mesquita Filho> <link href="Faculdade de Arquitetura, Artes e Comunicao.css" rel="stylesheet" type="text/css"> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table width="459" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="459" valign="top"><table border="0" cellpadding="0" cellspacing="0" bgcolor="#fbfbfb"> <!--DWLayoutTable--> <tr> <td width="459" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="459" height="13" valign="top" bgcolor="#005B88" class="dest-intertop"><strong>--NOT&Iacute;CIAS Programa de Ps-graduao em Desenho Industrial -- </strong></td> </tr> </table> </td> </tr> <tr> <td valign="top" bgcolor="#FDF5E6"><rea de Concentrao: Desenho do Produto="0" cellpadding="0" cellspacing="0" bgcolor="#Fbfbfb" class="ub"> <!--DWLayoutTable--> <tr> <td height="12" colspan="4" valign="top" class="mendestaque"><div align="left" class="dest-titulo"> <p align="left"> Linha de Pesquisa: Ergonomia </p> </div> </td> </tr> <tr> <td width="145" height="0"></td> <td width="9"></td> <td width="296"></td> <td width="7"></td> </tr> <tr> <td height="109" valign="top"><img src="Daniela Macrio Custdio" width="145" height="109"></td> <td>&nbsp;</td> <td valign="middle" class="noticias"><div align="justify" class="MarcaHorabranco"><a href="noticias/jan/1.htm" target="_blank" class="dest-link"><br>

Usabilidade na web: o usurio como agente-facilitador no desenvolvimento de interfaces de home pages,<br>


.</a></div> </td> <td>&nbsp;</td> </tr> </table> </td> </tr> <tr> <td></td> </tr> <tr> <td valign="top" bgcolor="#996633"><table border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <!--DWLayoutTable--> <tr bgcolor="#f9f9f9"> <td width="458" height="112" valign="top"><table border="0" cellpadding="0" cellspacing="0" class="noticias"> <!--DWLayoutTable--> <tr> <td width="458" valign="top" class="mendestaque"><div align="left" class="orientao">Dr. Jos Carlos

Plcido da Silva
</div></td> </tr> <tr> <td height="110" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="ub"> <!--DWLayoutTable--> <tr> <td width="145" height="109" valign="top"><img src="Bauru/SP" width="145" height="109"></td> <td width="10">&nbsp;</td> <td width="297" valign="middle"><div align="justify"><a href="2007/jan/index.htm" target="_blank" <td height="110" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="ub"> <!--DWLayoutTable--> <tr> <td height="110" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="ub"> <!--DWLayoutTable--> </tr>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

UNIVERSIDADE ESTADUAL PAULISTA


Faculdade de Arquitetura, Artes e Comunicao Programa de Ps-graduao em Desenho Industrial rea de Concentrao: Desenho do Produto Linha de Pesquisa: Ergonomia

usurio agente-facilitador Usabilidade na web: o usurio como agente-facilitador no desenvolvimento de interfaces de home pages

DANIELA MACRIO CUSTDIO

Bauru/SP 2007
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

UNIVERSIDADE ESTADUAL PAULISTA


Faculdade de Arquitetura, Artes e Comunicao Programa de Ps-graduao em Desenho Industrial rea de Concentrao: Desenho do Produto Linha de Pesquisa: Ergonomia

usurio agenteUsabilidade na web: o usurio como agente-facilitador no desenvolvimento de interfaces de home pages

Dissertao de Mestrado apresentada para o Programa de Ps-graduao em Desenho Industrial, rea de Concentrao em Desenho de Produto, Linha de Pesquisa em Ergonomia, da Faculdade de Arquitetura, Artes e Comunicao da UNESP Bauru, como requisito parcial para obteno do ttulo de Mestre em Desenho Industrial. Orientador: Prof. Dr. Jos Carlos Plcido da Silva.

DANIELA MACRIO CUSTDIO

Bauru/SP 2007
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

C984u Custdio, Daniela Macrio. Usabilidade na web: o usurio como agente-facilitador no desenvolvimento de interfaces de home pages. Daniela Macrio Custdio. Bauru: UNESP, 2007. 103.f.: il.

Dissertao de mestrado apresentada para o Programa de Psgraduao em Desenho Industrial, da Faculdade de Arquitetura, Artes e Comunicao da UNESP, 2007.

1. Usabilidade, 2. Web, 3. Usurio, 4. Agente-facilitador, 5. Home-Pages. II. Ttulo

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

BANCA EXAMINADORA Nvel: Dissertao de Mestrado

DANIELA MACRIO CUSTDIO

usurio agenteUsabilidade na web: o usurio como agente-facilitador no desenvolvimento de interfaces de home pages

Dissertao de Mestrado apresentada para o Programa de Ps-graduao em Desenho Industrial, rea de Concentrao em Desenho do Produto, Linha de Pesquisa em Ergonomia, da Faculdade de Arquitetura, Artes e Comunicao da UNESP Bauru, como requisito parcial para obteno do ttulo de Mestre em Desenho Industrial, para a seguinte banca examinadora:

Prof. Dr. Jos Carlos Plcido da Silva Orientador - Livre Docente Departamento de Desenho Industrial FAAC Universidade Estadual Paulista UNESP Campus de Bauru

Prof. Dr. Luis Carlos Paschoarelli Departamento de Desenho Industrial FAAC Universidade Estadual Paulista UNESP Campus de Bauru

Profa. Dra Profa. Dra. Nelyse Apparecida Melro Salzedas Departamento de Comunicao Fundao Dracenense de Educao e Cultura FUNDEC Dracena

Bauru, 13 abril de 2007.


<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Dedico este trabalho aos Alfeu, meus avs Alfeu Clarice e Terezinha, Terezinha que sempre me apoiaram e me ensinaram a lutar pela vida. Vocs so meus exemplos.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Agradecer? Misso difcil quando estamos rodeados por anjos. Sim, anjos enviados por Deus para poder nos ajudar, auxiliar, incentivar e mostrar que somos capazes, mesmo em meio a dificuldades, de conseguir o que queremos, principalmente quando fazemos com dedicao, amor e carinho.

Tememos sempre esquecer de algum. Mas, mesmo os no citados sabem, l no fundo, o quanto so importantes em nossas vidas.

Primeiramente, preciso agradecer, imensamente, a todos os meus amigos de jornada acadmica, discentes, docentes e funcionrios da Ps-graduao.

Agradeo...

Silva, ...em especial ao meu orientador, Prof. Dr. Jos Carlos Plcido da Silva que por mais de uma dcada se mantm meu amigo e mestre, me ensinando que independentemente de ttulos, temos que nos manter humildes com os semelhantes e tambm, srios em nosso trabalho...

...ao Prof. Dr. Milton Koji Nakata que num momento de dificuldade me acolheu e Milton Nakata, me orientou para que eu terminasse minha graduao; e que tambm me deu a honra de participar da minha Banca de Qualificao...

Paschoarelli, ...ao amigo e Prof. Dr. Luis Carlos Paschoarelli por estar presente durante essa jornada, possibilitando me espelhar em sua competncia enquanto pesquisador...

...a Profa. Dra. Nelyse Apparecida Melro Salzedas por me iniciar na pesquisa... Salzedas,

...ao meu eterno amigo Ivan Carriel por todos os momentos e dificuldades que Carriel, passamos e ainda passaremos juntos, afinal, a luta continua...

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

AIFIA-pt, ...aos meus amigos virtuais, da lista de discusso do AIFIA-pt dedicada a debater relacionamentos no campo de estudo da Arquitetura de Informao, que me ajudaram sem ao menos me conhecer pessoalmente; sem citar nomes, pois todos contriburam de alguma forma para o desenvolvimento deste trabalho...

...ao meu amigo Khristofferson Silveira que me apresentou ao grupo que pertence Silveira, lista do AIFIA-pt e que sempre me auxilia, trocando informaes sobre a rea de web...

...ao meu diretor, Prof. Wander Dorival Ramos pela confiana dedicada e por me Ramos, fornecer sempre o apoio necessrio...

Malheiros, ...a minha amiga Ellen Fabbro Malheiros profissional exmia, perfeita, que me ajuda com a correo dos trabalhos, mantendo-se sempre disponvel...

...ao meu amigo Leandro Gustavo Alberto dos Santos profissional competente, Santos, bibliotecrio da Unesp/Campus de Dracena (SP), por conferir a normalizao desta pesquisa...

...aos meus queridos Luis Fante e Fernando Nunes por me apoiarem Nunes, incondicionalmente, desenvolvendo minha funo no departamento de comunicao, nos momentos em que no pude estar presente...

...a minha amiga Tatiana Dantas de Oliveira pelo auxlio no momento em que Oliveira, mais precisei, deixando seus afazeres para ajudar nos meus...

...a minha amiga Ana Cludia B. Sharpe, por confiar a mim sua casa, me abrindo Sharpe as portas em Bauru...

...a minha famlia MACRIO por me acolher sempre com amor e me apoiar em MACRIO, minha vida acadmica, desde 1990...

...a minha me, Vanir por me incentivar e me ensinar o caminho do bem... Vanir,
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Custdio, ...aos meus sogros Irma e Jos Custdio por contriburem na formao de minha filha, estando sempre presentes em meus momentos de ausncia e por serem meus companheiros de congressos, vivenciando comigo uma parte muito importante de minha vida...

...a minha amiga Luciene que organiza minha casa, cuida de minha filha, enfim, Luciene, vivencia os momentos da nossa famlia com amor e carinho...

...aos meus amores: Isabela e Ronaldo pela pacincia e carinho. Principalmente, Ronaldo, ao Ronaldo pelo companheirismo e por estar presente em todos os momentos de minha vida...

alunos, ...enfim, aos meus alunos grandes incentivadores da minha vida acadmica.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Erro comum supor que os usurios so iguais. E iguais ao prprio desenvolvedor. Tcnicas de pesquisa e testes de usabilidade ajudam a descobrir o que o usurio pensa, quer e como age. Luiz Agner

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

CUSTDIO, Daniela Macrio. Usabilidade na web o usurio como agente-facilitador no web: desenvolvimento de interfaces de home pages. Bauru: UNESP, 2007. 103.p.: il. Dissertao (Mestrado em Desenho Industrial) UNESP

RESUMO

A internet, atravs da web, vem conquistando uma significativa parcela de usurios, o que se leva a considerar como vm sendo trabalhadas as questes ergonmicas e de usabilidade nesse meio. No Brasil, ainda pequeno o nmero de estudos que esto sendo publicados como resultados de pesquisas, no que diz respeito usabilidade da interao humano-computador, em que projetistas e desenvolvedores de sistemas informatizados pouco utilizam os parmetros ergonmicos para projetos e testes de avaliao de usabilidade de interfaces. Pior do que no se atentar a estas questes deixar de lado um dos fatores mais importantes deste processo: o usurio. nele que se deve fixar. Ele a resposta para muitas perguntas que ainda pairam sobre o assunto web. Pode ser considerado um grande colaborador, desde que seja convidado para participar do desenvolvimento e do crescimento desta nova rea. Afinal, a web, a internet e os sites, foram e so projetados para ele. Deixe-se ento que os mesmos apontem seus modelos mentais de como deve funcionar esse setor informtico, atravs da organizao das informaes, facilitando a comunicao entre ele e a mquina. Fixando-se no usurio, a pesquisa tece consideraes e aponta a tcnica de Card Sorting como uma das que pode auxiliar na busca pelos modelos mentais dos usurios, reorganizando informaes e criando novas taxonomias de forma que lhe faam mais sentido. Considerando a home page a pgina inicial dos sites e o primeiro contato dos usurios com os mesmos e com o mundo da internet, utilizou-a como foco da pesquisa, enquanto interface grfica.

PalavrasPalavras-chave: Usabilidade, Web, Usurio, Agente-facilitador, Home Pages.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

CUSTDIO, Daniela Macrio. Usability on the web the user as facilitator in the web: development of home pages interfaces. Bauru: UNESP, 2007. 103.p.: il. Dissertation (Masters in Industrial Design) UNESP

ABSTRACT

The internet, through the web, has gained a great number of users which leads us to consider how the usability and the ergonomic issues have been worked on this field. In Brazil, the number of studies released as results of researches is still small concerning the usability of human-computer interaction, in which projectors and information systems developers do not use the ergonomic parameters for the evaluation of interfaces usability projects and tests. Worst than not considering these questions is letting aside one of the most important factors in this process: the user. He has to be considered. He is the answer to many questions that follow this subject. He can be taken as a great collaborator, as soon as he is invited to participate in the development and growing of this area. After all, the internet, the web and the sites were and still are designed for the user. One must let the user point out his mental models of how this information field must work, through the information organization, allowing the communication between him and the machine. Based on the user, the research takes the Card Sorting technique as a tool in the search for the users mental models, rearranging information and creating new taxonomies in a more reasonable way. Considering the home page as the sites initial page and the users first contact with the internet world, it was used as the core in the research, as a graphic interface.

Key Words: Usability, Web, User, facilitator, Home Pages.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

LISTA DE FIGURAS Figura 1 Esquema da Comunicao Vanoye (1998) .............................................. 06 Figura 2 - Diagrama Ontolgico do Design (baseado de Bonsiepe, 1997, p. 10).......... 12 Figura 3 - Interao entre os sistemas humano e computacional atravs da Interface (adaptado de Padovini,1998) ................................................................................... 14 Figura 4 - Esquema de acesso a World Wide Web...................................................... 15 Figura 5 - Abrangncia da usabilidade em IHC .......................................................... 19 Figura 6 - Modelos envolvidos no processo de IHC (adaptado de Santos, 2000)........... 23 Figura 7 - Preocupao dos pesquisadores ................................................................ 27 Figura 8 - Problemas de usabilidade - Nielsen (2002, p. 144) ..................................... 28 Figura 9 - Problemas de usabilidade - Nielsen (2002, p. 166) ..................................... 29 Figura 10 - Excesso de unidades visuais - Gomes (2003, p. 183)................................. 29 Figura 11 Melhor organizao visual - Gomes (2003, p. 183).................................. 30 Figura 12 - Resultado dos questionrios avaliatrios ................................................... 33 Figura 13 - Resultado dos questionrios avaliatrios ................................................... 34 Figura 14 - Resultado dos questionrios avaliatrios ................................................... 34 Figura 15 - Interface grfica da home page do site..................................................... 43 Figura 16 - Laboratrio virtual .................................................................................. 48 Figura 17 - Momento em que os usurios recebiam instrues da pesquisadora ........... 50 Figura 18 - Cartes distribudos na mesa ................................................................... 50 Figura 19 - Participantes discutindo a organizao das informaes Card Sorting fechado ............................................................................................................... 54 Figura 20 - Participantes discutindo a organizao das informaes Card Sorting fechado ............................................................................................................... 55 Figura 21 - Formao de novas taxonomias Card Sorting fechado ......................... 56 Figura 22 - Participantes discutindo a organizao das informaes Card Sorting aberto.................................................................................................................. 57 Figura 23 - Insero e excluso de rtulos, de acordo com a opinio do grupo ............ 57 Figura 24 - Insero e excluso de rtulos, de acordo com a opinio do grupo ............ 58 Figura 25 - Formao da taxonomia do rtulo Sobre a Fundec ................................ 59 Figura 26 - Formao da taxonomia do rtulo Unidades.......................................... 61 Figura 27 - Formao da taxonomia do rtulo Projetos............................................ 62
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 28 - Formao da taxonomia do rtulo Vida Acadmica................................ 63 Figura 29 - Formao da taxonomia do rtulo Servios Comunidade........................ 64 Figura 30 - Resultado geral da taxonomia proposta pelos participantes/usurios atravs da aplicao da tcnica de Card Sorting fechado .................................................... 65 Figura 31 - Formao da taxonomia do rtulo Sobre a Fundec ................................ 66 Figura 32 - Formao da taxonomia do rtulo Ensino.............................................. 68 Figura 33 - Formao da taxonomia do rtulo Projetos............................................ 69 Figura 34 - Formao da taxonomia do rtulo Vida Acadmica................................ 70 Figura 35 - Formao da taxonomia do rtulo Servios Comunidade........................ 71 Figura 36 - Formao da taxonomia do rtulo Docente ........................................... 72 Figura 37 - Resultado geral da taxonomia proposta pelos participantes/usurios, atravs da aplicao da tcnica de Card Sorting aberto ........................................... 73

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

LISTA DE TABELAS Tabela 1- A prolixidade da home page ...................................................................... 44 Tabela 2 - Descrio da taxonomia formada para o rtulo Sobre a Fundec ............... 60 Tabela 3 - Descrio da taxonomia formada para o rtulo Unidades ........................ 61 Tabela 4 - Descrio da taxonomia formada para o rtulo Projetos........................... 62 Tabela 5 - Descrio da taxonomia formada para o rtulo Projetos........................... 63 Tabela 6 - Descrio da taxonomia formada para o rtulo Servios Comunidade ...... 64 Tabela 7 - Descrio da taxonomia formada para o rtulo Sobre a Fundec ............... 67 Tabela 8 - Descrio da taxonomia formada para o rtulo Ensino ............................ 68 Tabela 9 - Descrio da taxonomia formada para o rtulo Projetos........................... 69 Tabela 10 - Descrio da taxonomia formada para o rtulo Vida Acadmica ............ 70 Tabela 11 - Descrio da taxonomia formada para o rtulo Servios Comunidade .... 71 Tabela 12 - Descrio da taxonomia formada para o rtulo Docente ........................ 72 Tabela 13 - Levantamento Geral dos Dados Coletados............................................... 74

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

SUMRIO INTRODUO.................................................................................................... 01 1. INTRODUO DIRECIONAMENTO PESQUISA....................................................................... 04 2. DIRECIONAMENTO DA PESQUISA 2.1 Justificativa ................................................................................................. 04 2.2 Questo da Pesquisa ................................................................................... 04 2.3 Hiptese ..................................................................................................... 04 2.4 Objetivos .................................................................................................... 05 2.5 Tcnica de Pesquisa..................................................................................... 05 3. REVISO BIBLIOGRFICA .................................................................................... 06 3.1 O Ser Humano e os Veculos de Comunicao ............................................. 06 3.2 O surgimento da Internet ............................................................................. 07 3.2.1 A gerao da Web pela Internet ....................................................... 09 3.2.2 Home page: contato inicial do Usurio ............................................. 11 3.2.3 Interface x Home Page ..................................................................... 12 3.3 Projeto Centrado no Usurio (o homem como elemento fundamental) ............. 17 3.3.1 Interao Homem Computador (IHC) ............................................. 17 3.3.2 Falando de Ergonomia .................................................................... 18 3.3.3 Em busca de Usabilidade ................................................................. 19 3.3.4 Percepes Humanas....................................................................... 21 3.3.5 Design Centrado no Usurio para a Web .......................................... 25 3.4 Arquitetura de Informao............................................................................ 26 3.4.1 Apontamentos Anteriores.................................................................. 26 3.4.2 Especificidade ................................................................................. 31 3.4.3 Pr-teste ......................................................................................... 32 3.5 Card Sorting ............................................................................................... 34 3.5.1 Conceitos ....................................................................................... 34 3.5.2 Consideraes sobre o Mtodo ........................................................ 35 3.5.3 Procedimentos................................................................................. 36 4. METODOLOGIA ................................................................................................. 39 4.1 Apresentao da Metodologia...................................................................... 39 4.2 Tipo de Pesquisa Adotada ............................................................................ 39 4.3 Etapas da Pesquisa...................................................................................... 40
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

4.3.1 Levantamento Bibliogrfico............................................................... 40 4.3.2 Interface da Home Page Avaliada ..................................................... 41 4.3.3 Procedimentos................................................................................. 47 4.3.4 Escolha dos Sujeitos......................................................................... 47 4.3.5 Local da Pesquisa e Equipamentos Utilizados ..................................... 48 4.3.6 Procedimentos para Execuo da Avaliao da Home Page................ 49 4.3.6.1 Primeira Parte instrues sobre o Card Sorting fechado .... 52 4.3.6.2 Segunda Parte - instrues sobre o Card Sorting aberto ...... 53 4.3.6.3 Executando o Card Sorting fechado .................................. 53 4.3.6.4 Executando o Card Sorting aberto..................................... 56 5. RESULTADOS ...................................................................................................... 59 5.1 Apresentao dos Resultados - Card Sorting fechado ................................... 59 5.2 Apresentao dos Resultados - Card Sorting aberto ..................................... 66 5.3 Apresentao Geral dos Resultados .............................................................. 73 DISCUSSO........................................................................................................ 75 6. DISCUSSO 6.1 Sobre o Card Sorting fechado.................................................................... 75 6.2 Sobre o Card Sorting aberto ...................................................................... 76 6.3 Sobre o Trabalho em Grupo ........................................................................ 78 6.4 Sobre as Contribuies do Projeto ................................................................ 78 FINAIS.................................................................................... 80 7. CONSIDERAES FINAIS

REFERNCIAS BIBLIOGRFICAS ............................................................................... 81

APNDICE .............................................................................................................. 85 Apndice A - Questionrio Avaliatrio .................................................................. 86 Apndice B Termo de Consentimento Livre e Esclarecido ..................................... 87

ANEXOS ................................................................................................................. 88 Anexo A Os Elementos da Experincia do Usurio .............................................. 89

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 1 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

1 INTRODUO O ser humano h muito tempo vem se utilizando de veculos de comunicao para se comunicar, obtendo e transmitindo informaes, desde os primrdios at os dias atuais. De l para c, muitos veculos surgiram, deixando suas contribuies e fazendo histria. Mas um deles, atualmente, vem chamando ateno por alcanar um nmero grande de usurios muito pouco tempo: a web. Surgiu atravs da internet, pelas mos de militares, alcanou o meio acadmico e hoje est presente nas mais diversas reas, abrangendo diferentes raas, credos, idades, etc. Afinal, foi criada para o homem, para que ele a utilizasse da melhor forma, tirando dela o proveito necessrio no somente para efetuar comunicao com seus semelhantes, mas para beneficiar sua formao enquanto profissional e ser humano. Desde sua criao, h trinta dcadas, ela permite ao homem uma enorme liberdade de expresso. Ele pode inventar e criar para ela servios e produtos, utilizando ferramentas e softwares informticos, contribuindo assim para o seu desenvolvimento. Iniciou-se com a internet, em que era somente um meio de comunicao textual, mas em pouco tempo o homem arrumou uma maneira de torn-la mais agradvel visualmente, facilitando o uso e o entendimento da mesma, incorporou formas, cores, imagens, que contriburam ainda mais para o seu crescimento. O homem passou a se interessar cada vez mais por esse veculo e at mesmo a se identificar com ele. Esse crescimento repentino trouxe algumas preocupaes. Por crescer de forma descontrolada, podendo receber informaes e ser alimentada por qualquer pessoa, no havendo um proprietrio e pertencendo a todos os seres humanos, de maneira geral, ela acaba atuando sempre no imediatismo. Numa metamorfose diria, preocupa estudiosos dessa nova rea no que diz respeito aos profissionais que a operam e, principalmente, pelos usurios que a utilizam diariamente. Para utilizar esse novo veculo de comunicao, a web acessada atravs de sites e estes, atravs de suas home pages, ou seja, pginas iniciais que direcionam e indicam as informaes para seus usurios. Pode-se comparar as home pages com as pginas introdutrias de livros. A introduo de um livro deve estar bem redigida, de forma clara,

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 2 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

informando ao leitor o assunto que aborda. E o mais importante, deve instigar e atrair o leitor para que ele complete a leitura. Assim, tambm deve ocorrer com as home pages. Enquanto interface, a home page deve agir facilitando a vida do usurio na web. Ela deve lhe proporcionar o direcionamento certo para a busca e o reconhecimento de informaes. Orient-lo o seu maior papel. Mas essa tarefa no nada fcil. Atuando como um livro redobrado, a web disponibiliza aos seus usurios textos e mais textos, pginas e mais pginas, praticamente sobrepostas, de forma quase que infinita, pois, na web, uma informao puxa a outra e assim ocorre, sucessivamente. Uma interface bem elaborada agiliza e facilita a interao entre homem e computador, colaborando para o processo de reconhecimento e processamento de informaes, a interpretao dos dados e as tomadas de decises, por exemplo. Uma das formas de se trabalhar essas questes, na busca por solues, projetar de forma centrada no usurio, e o design pode contribuir, demasiadamente, para esse processo, por sempre tratar e considerar o homem com elemento fundamental no desenvolvimento de produtos, devendo estes sempre se adequar s suas caractersticas e necessidades, inclusive os tecnolgicos. Fatores ergonmicos e de usabilidade1 so estudados pelo design, que busca sempre aplic-los da melhor forma possvel, gerando benefcios aos usurios que vo desde conforto at a eficincia de uso de dispositivos que possibilitem aos mesmos realizar suas tarefas. Trabalhar com a percepo humana uma das formas de conhecer o modelo mental de usurios de produtos, inclusive de sistemas informatizados. Reconhecer de que forma eles decodificam as informaes que recebem, comparam com as representaes previamente armazenadas no crebro, tomam decises sobre as respostas que consideram apropriadas, etc., so de suma importncia para conhec-los ou reconheclos enquanto usurios.

Traduo livre do termo usability, da lngua inglesa. Verbete, atualmente, no incorporado pelos dicionrios de lngua portuguesa. No presente caso, est relacionado aos estudos de Ergonomia e de Interao Humano-Computador (IHC) e sinnimo de facilidade de uso, usvel, que pode ser usado.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 3 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

A busca por esse reconhecimento dos modelos mentais dos usurios pede a aplicao de tcnicas ou mtodos que corroborem para isso. Uma das tcnicas que pode ser utilizada, de forma eficaz, o Card Sorting. No presente caso, buscando organizar as informaes das home pages enquanto interfaces grficas, determinando estruturas, sugerindo navegaes e novas taxonomias. Diante dos fatos aqui relatados, o presente projeto realizou um levantamento bibliogrfico envolvendo todos os assuntos acima citados e aplicou a tcnica de Card Sorting numa tentativa de avaliar questes ergonmicas e de usabilidade da interface grfica da home page de um site educacional. Dezesseis usurios deste site participaram da pesquisa, que j contara anteriormente com a aplicao de questionrios, entrevistas, etc., acarretando o levantamento de informaes preliminares, importantes e indispensveis para o desenvolvimento deste. Aps aplicar a pesquisa, atravs da tcnica de Card Sorting, o projeto pde discutir alguns resultados e tecer consideraes sobre os mesmos. Consideraes estas relevantes para a rea.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 4 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

2. DIRECIONAMENTO DA PESQUISA 2.1 Justificativa Desde o incio dos estudos, a idia de desenvolver uma pesquisa que abrangesse o contedo web j estava formada. A reviso bibliogrfica realizada no decorrer da pesquisa s contribuiu para reforar ainda mais esse pensamento. Durante esse processo, pode-se perceber a necessidade de mais pesquisas na rea, principalmente no que envolvia as home pages dos sites, por se tratarem das pginas iniciais de acesso aos mesmos. A falta de referncias e, principalmente, da aplicao de conceitos ergonmicos e de usabilidade na rea estudada foi outro aspecto que despertou a necessidade de uma contribuio, atravs do desenvolvimento desta pesquisa. 2.2 Questo da Pesquisa Aps o entendimento de todos os dados coletados, questes foram surgindo e instigando a busca por respostas. Durante esse processo de reviso, foi possvel questionar o mais importante: como o usurio pode ser um colaborador no desenvolvimento de home pages? 2.3 Hiptese A hiptese da pesquisa est relacionada diretamente com o usurio. Acredita-se que conhecendo melhor o usurio, se tenha condies de aplicar os dados colhidos atravs da pesquisa, num processo de contribuio, na tentativa de resolver os problemas acima relacionados. Atravs da aplicao de uma tcnica que defina o modelo mental do usurio, as chances de conhec-lo tornam-se maiores, contribuindo assim para a melhoria da usabilidade de um produto, no caso da home page de um site; proporcionando segurana, eficcia e conforto ao usurio quando da necessidade da realizao de suas tarefas. A hiptese deste trabalho sugere ento que: uma maior ateno seja dada aos usurios, que atravs da formao de seus modelos mentais possam contribuir de forma direta, ou at mesmo indireta, para o desenvolvimento do design ou re-design da
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 5 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

interface de um produto, levando-se em considerao seus aspectos ergonmicos e de usabilidade. 2.4 Objetivos O projeto se prope a confirmar as hipteses levantadas, no somente atravs do levantamento bibliogrfico realizado, mas da aplicao de uma pesquisa, in loco, atravs de uma tcnica que possibilite resgatar o modelo mental do usurio de uma home page pr-definida. Os resultados obtidos devero fornecer os dados necessrios para que se possa tecer consideraes sobre o assunto. 2.5 Tcnica de Pesquisa A presente pesquisa foi realizada atravs de uma reviso bibliogrfica sobre o assunto web, na busca por um melhor direcionamento que proporcionasse o desenrolar do projeto. Na busca pela contribuio, decidiu-se por estudar as interfaces de home pages e sua importncia para a navegao do usurio atravs de um site, pela web. Aps entender a necessidade de se desenvolver projetos com o design centrado no usurio, iniciou-se uma busca por uma tcnica que possibilitasse conhecer melhor esse usurio, atravs de seu modelo mental, mostrando de que forma as informaes lhe faziam sentido. De posse de todas essas informaes, a pesquisa props-se a aplicar uma tcnica que possibilitasse entender de que forma o usurio se relaciona com as interfaces das home pages.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 6 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

BIBLIOGRFIC FICA 3. REVISO BIBLIOGRFICA 3.1 O Ser Humano e os Veculos de Comunicao As formas de comunicao e de transmisso de informaes tm evoludo rapidamente ao longo da trajetria da humanidade. O ser humano sempre precisou se comunicar. Desde os primrdios ele se depara com o surgimento de meios e veculos que o auxilia nos processos de comunicao e, o principal: se adequa a eles. Grafismos em cavernas, sinalizaes indgenas (atravs de fumaa), hierglifos2, emisso de cartas, telefone, rdio e televiso foram alguns dos meios e veculos que auxiliaram o homem a se comunicar, cada um em sua poca e a sua maneira. O processo de comunicao muito simples (Figura 1):

Referente

Emissor ou Destinador

Canal de Comunicao MENSAGEM

Receptor ou Destinatrio

Cdigo Figura 1 Esquema da Comunicao Vanoye (1998)

1. Mensagem: contedo das informaes transmitidas. 2. Canal de Comunicao: via de articulao das mensagens. 3. Emissor: emite a mensagem. 4. Receptor: recebe a mensagem.
2

Escrita egpcia, atravs de smbolos, que representavam letras ou sons.


<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 7 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

5. Referente: constitudo pelo contexto, pela situao e pelos objetos reais aos quais a mensagem remete. 6. Cdigo: conjunto de signos e regras de combinao destes signos. Quando se quer comunicar com algum, atravs deste processo que se faz, seja dentro da literatura, do design, das artes, no dia-a-dia, etc. (VANOYE, 1998). Pressupondo que o sistema seja simples, como fica o usurio em meio a tantas mudanas? Mudanas estas que englobam: inovaes tecnolgicas, bombardeios informacionais, desenvolvimento scio-cultural individual ou coletivo, adaptao e aceitao de novos meios e veculos de comunicao, maquinrios, equipamentos, entre outros. Segundo Kurose (2003), a histria est repleta de exemplos de tecnologias de comunicao eletrnica que provocaram enormes impactos sociais. Podemos citar exemplos como o telefone, que surgiu em 1870. Ele permitia que duas pessoas se comunicassem oralmente em tempo real, sem que estivessem na mesma localizao fsica, causando grande impacto na sociedade. J nas dcadas de 1920 e 1930, as transmisses de rdio e TV permitiram que o ser humano (usurio) recebesse vastas quantidades de informao. Os anos se passaram, chegou-se informtica e s formas digitais de expanso de conhecimento. Aqui surge um veculo de comunicao que, possivelmente, superou todos os outros, mudando o modo de viver das pessoas. Um veculo sem fronteiras fsicas, espaciais ou cognitivas, uma nova forma de receber e transmitir informaes. A globalizao trouxe a necessidade de um canal gil de comunicao que encurtou a distncia entre os homens: a internet. Surgimento 3.2 O Surgimento da Internet H mais de 30 anos, o ser humano vem tentando se adaptar a esse veculo de comunicao.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 8 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Segundo Dotta (2000), originalmente, em 1969, a internet interligava laboratrios de pesquisa e se chamava ARPAnet (ARPA: Advanced Research Projects Agency). Era uma rede do Departamento de Defesa Norte-americano. Cientistas, no auge da Guerra Fria, precisavam contar com uma rede de comunicao que continuasse funcionando em caso de bombardeio. Utilizavam um conceito central de internet, aparentemente simples: uma rede em que todos os pontos se equivaliam e no havia um comando central. Assim, se B deixasse de funcionar, A e C continuariam se comunicando. Inventada por Vinton Cerf, nos Estados Unidos, recebeu o nome de internet quando Cerf e seus colegas tentaram se conectar atravs de trs computadores diferentes. Eles chamavam esse processo de interneting, algo como criando redes entre redes. Encurtando-se o nome, surgiu a internet. Ela basicamente formada pela ligao entre computadores (via cabo). Para muitos, o matemtico e cientista da computao, atualmente com 63 anos, considerado o criador da internet. Mas ele, modestamente, abre mo desse ttulo e se considera apenas um dos pais da rede. O acadmico ajudou a desenvolver o que hoje conhecido como TCP/IP3 (Transmission Control Protocol/Internet Protocol) e atribui grande parte do sucesso da rede ao fato de ela ser a mesma para todos, independentemente do status social e econmico das pessoas (GRECO, 2006). Antes da internet, Cerf utilizou um modelo comum de comunicao: o ono-to-one, ou seja, um-para-um. Trocava-se informaes com outra pessoa e pronto, atravs de textos que eram vistos em monitores em cor verde com fundo preto (o nico recurso visual existente nos computadores daquela poca). Logo depois, a internet criou uma nova situao: a comunicao de muitos-para-muitos, podendo at mesmo interagir-se nessa conversa, de forma individual ou em grupo. Os outros meios de comunicao de massa no conseguiram fazer algo parecido. O primeiro contato do Brasil com a internet, em 1988, se deu tambm em ambiente acadmico, quando a Fundao de Amparo Pesquisa do Estado de So
3

Conjunto de regras, padres e especificaes tcnicas que permitem a troca de informaes entre computadores de diferentes marcas e tamanhos.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 9 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Paulo - FAPESP, ligada Secretaria Estadual de Cincia e Tecnologia, realizou a primeira conexo rede atravs de uma parceria com o Fermi National Accelerator Laboratory FERMILAB, um dos mais importantes centros de pesquisa cientfica dos Estados Unidos. Em 1992, foi montado o primeiro sistema de veiculao de informaes eletrnicas para acompanhar o andamento dos debates da 2 Conferncia Mundial para o Meio Ambiente e Desenvolvimento, a ECO-92, na cidade do Rio de Janeiro, no Brasil. J a internet comercial surgiu no mundo e no Brasil em 1995, e junto com ela, tambm os primeiros protagonistas da web brasileira, contribuindo maciamente para o aumento do nmero de usurios (VIEIRA, 2003). Em 2000, pesquisas indicavam que o nmero de usurios da internet mantinha-se instvel. Foi nesse momento que se iniciou a guerra pelo acesso gratuito, surgindo sites como o IG - Internet Grtis (DOTTA, 2000). Atualmente, a internet a maior revoluo deste final e incio de sculo e seu impacto em toda a vida da humanidade est longe de ser adequadamente imaginado, tantas so as perspectivas possveis e aquelas que nem mesmo temos condies de prever (SAMPAIO, 2000). Considerada um meio de comunicao que permite a contribuio de todos, atualmente, ela esbarra no fato de que a pessoa livre para inventar novos servios e produtos, de forma ainda descontrolada, atravs de ferramentas e softwares diversos. Gerao Internet 3.2.1 A Gerao da Web pela Internet A web foi gerada pelo surgimento da internet em 1969 e em 1972, mais especificamente, funcionou pela primeira vez interligando quatro computadores em locais distintos: no Stanford Researsh Institute SRI, na Universidade da Califrnia UCLA, na Universidade de Santa Brbara e na Universidade de Utah, em Salt Lake City, sendo estas universidades da Costa Oeste dos EUA. J com mais de 100 computadores interligados, em 1973, saiu do mundo acadmico e impressionou a todos. Neste momento, o governo americano entrou

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 10 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

definitivamente na jogada, assumindo a administrao dos pontos espalhados no pas (VIEIRA, 2003). Inicialmente, a internet no possua uma interface, digamos, amigvel, pois boa parte de seus recursos eram acessados puramente atravs de textos, utilizando-se comandos da linguagem Unix. A web veio para mudar isso, atravs do programa MOSAIC4, aproximou a internet do usurio comum que queria cores, cones, imagens, geralmente em ambiente Windows (CARVALHO, 2003). A web composta por recursos que conferem inteligncia a internet. Ela permite a interao entre milhes de pginas, atravs da conectividade. atravs da web que os usurios navegam pelos sites, iniciando suas operaes com as home pages. O responsvel por esta criao o fsico ingls Tim Berners-Lee, em 1990, no Centro Europeu de pesquisas voltadas ao estudo das Partculas CERN, na Sua. Ele foi o inventor da grande teia do tamanho do mundo e a considera uma criao social, um espao corporativo, que acabou gerando uma nova cultura. Para ele, a web proliferou rapidamente atravs da gratificao instantnea, para criadores de sites e para usurios. O imediatismo impera na web, seja para alojar um site como para obter informaes. Segundo Berners-Lee, a tecnologia simples e foi criada justamente para facilitar as coisas (GRECO, 2006, p.40-41). Mas importante ressaltar a importncia dos profissionais que trabalham com a rede e constrem sua infra-estrutura, afinal a rede no est no espao, ela o espao (LVY, 1993, p. 26). Os mesmos devem estar atentos aos possveis benefcios e ameaas que ela pode representar. O que era para ser acessvel a todos, devido a alguns problemas, pode se tornar inacessvel, inutilizvel e incompreensvel. A internet, atravs da World Wide Web, mundialmente o mais novo veculo de comunicao utilizado por usurios, devido quantidade e imediatismo de informaes nela contida. O acesso a ela possibilitado atravs dos sites (publicaes na web) e o acesso a estes, atravs das home pages (pginas iniciais dos sites).

Programa que funcionava em modo grfico e era capaz de exibir imagens.


<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 11 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Page: 3.2.2 Home Page: Contato Inicial do Usurio notrio que a internet ainda um meio de comunicao novo e complexo para milhes de usurios. Enquanto o homem tenta se adaptar e ela, todos os segmentos que a envolvem passam a ter um papel demasiadamente importante, tanto no mercado de trabalho, como na academia. Vrios estudos esto sendo realizados no intuito de conhec-la cada vez mais e, o principal, repassar os conhecimentos adquiridos para os seus usurios. Mas, em meio a todos esses segmentos importantes, h um em destaque: a home page. Afinal, cabe aqui o jargo a primeira impresso a que fica e ela a primeira impresso que se adquire quando se acessa a internet atravs dos sites hospedados na web. Segundo Nielsen (2002), a home page a pgina mais importante em qualquer website, sendo mais visualizada do que qualquer outra pgina. Ela orienta o usurio, atravs de sua interface, a utilizar o site atravs do sistema de navegao e a encontrar as informaes disponibilizadas. A responsabilidade da home page no pra por a. Ela tambm responsvel pelas primeiras impresses que os usurios tm sobre os sites. Ela quem d a orientao ao usurio para que o mesmo clique na direo dos seus objetivos (CHAK, 2004). Segundo Gomes (2003), ela a pgina original ou pgina base. Pgina de entrada de um site na web, ou de outro sistema de hipertexto5 ou hipermdia6. Normalmente, contm uma apresentao geral de um ndice, com elos de hipertexto que remetem s principais sees de contedo do site visando a facilitar a navegao pelo sistema.

Texto eletrnico interativo. Conjunto de textos estruturados ou organizados dessa forma, e geralmente implementado em meio eletrnico computadorizado, no qual as remisses correspondem a comandos que permitem ao leitor passar diretamente aos elementos associados. 6 Conjunto de informaes apresentadas na forma de textos, grficos, sons, vdeos e outros tipos de dados, e organizadas segundo o modelo associativo e de remisses, prprio do hipertexto.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 12 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Agner (2006) afirma que as home pages devem conter somente as informaes que interessam ao usurio. A criao de uma home page possibilitada atravs do desenvolvimento de uma interface grfica que visa, ou pelo menos deveria, a facilitar a comunicao entre a mesma e seu usurio, possibilitando entender suas informaes sem nenhum problema, oferecendo condies favorveis, seguras, confortveis e confiveis de navegao pelo site escolhido. 3.2.3 Interface X Home Page Ciente das necessidades do usurio, por conta dos avanos tecnolgicos e principalmente pelo avano da informtica, Bonsiepe (1997) cita a necessidade de se descentralizar as atenes para os problemas visuais e questionar o design de interface como agente facilitador tambm na estruturao do contedo. Surgida no campo da informtica, segundo Bonsiepe (1997), a interface revela o carter de ferramenta dos objetos e o contedo comunicativo das informaes, transformando objetos em produtos; e sinais em informao interpretvel. Transforma a simples presena fsica em disponibilidade. Bonsiepe utiliza um diagrama simples e esclarecedor (Figura 2):

USURIO

AO

INTERFACE

FERRAMENTA

Figura 2 - Diagrama Ontolgico do Design (baseado de Bonsiepe, 1997, p. 10)

O Diagrama Ontolgico do Design mostra a importncia e a necessidade da interface. Pode-se defini-lo da seguinte maneira: primeiramente, temos um usurio que quer realizar uma ao efetiva; depois temos a tarefa que o usurio quer cumprir e,
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 13 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

finalizando, a ferramenta ou o artefato de que o usurio precisa pra realizar efetivamente a ao. O acoplamento desses trs campos ocorre pela interface, atravs da interao. A interface um meio que pode: frustrar, irritar; facilitar ou dificultar a aprendizagem; pode ser divertida ou chata; pode revelar informaes ou deix-las confusas; pode abrir ou excluir possibilidades de ao efetiva - instrumental ou comunicativa, como o caso da home page na internet. Nesse caso, ela um meio pelo qual o usurio e o computador se comunicam, constituindo-se numa linguagem de entrada para o usurio e de sada para a mquina e um protocolo para a interao. Parente (1993) tece uma comparao entre livros e interfaces: os livros fazem com que o homem se interiorize, e o fazem, com efeito, na maior parte do tempo, trazendo tona toda sua experincia externa da vida real potencial. Os computadores, por sua vez, coletam o material interno do processo mental mais precioso do homem, para levlo ao exterior, nas telas. Pesquisas tm comprovado que a interface com o usurio deve considerar no somente aspectos tecnolgicos ou estticos, mas todos os elementos que possam de alguma forma interagir na comunicao ou na apreenso das informaes apresentadas (SANTOS, 2000).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 14 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Padovani (1998) representa a interao entre os sistemas humano e computacional atravs da interface (Figura 3):

Ao do usurio gerando input para o computador

Reconhecimento e interpretao dos inputs do usurio

Tomada de decises (o que fazer com a resposta recebida do computador)

Homem

Interface

Computador

Processamento do input de acordo com os algoritmos

Reconhecimento e interpretao da informao apresentada pelo computador

Resposta do computador enviada ao usurio

Figura 3 - Interao entre os sistemas humano e computacional atravs da interface (adaptado de Padovani,1998)

Essa representao pode ser assim descrita: 1. Tomando como ponto de partida o usurio que acessa uma entrada para o computador (como pressionar o boto do mouse), o sistema de

processamento do computador precisa primeiramente reconhecer e interpretar essa entrada; 2. A entrada processada de acordo com os algoritmos do programa; 3. Atravs de um processamento, um dado novo gerado; 4. Uma resposta enviada ao usurio atravs da apresentao na tela, do envio do dado para a impresso ou pela emisso de algum som. A partir do envio da resposta, o controle passa para o usurio, que primeiramente reconhece e interpreta a informao apresentada pelo computador, decide o que fazer com a resposta recebida e responde atravs de alguma ao que pode gerar uma nova entrada para o computador.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 15 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

De posse do conhecimento dessa representao, da interao entre os sistemas humano e computacional atravs da interface, pode-se afirmar que o usurio necessita, realmente, dentro do mbito da web, de uma interface visual para poder acessar a internet, atravs dos sites. A home page pode ser considerada como a primeira interface visual com a qual o usurio ter contato durante o acesso web (Figura 4). E a ela conferida a difcil tarefa de apresentar os sites a seus usurios, facilitando ou no o acesso s informaes disponibilizadas. A home page, neste caso, representa o aspecto visvel da interao homemcomputador. primeiramente atravs dela que ocorrem as trocas de informaes entre o usurio e o sistema.

Home Pages (Interface)

Sites

Internet

WWW

Figura 4 Esquema de acesso World Wide Web

Desta forma, ao se projetar uma tela, no presente caso, uma home page, deve-se levar em conta o que colocar, e onde colocar os elementos que a compem. Estes requisitos devem sempre ser cumpridos considerando as caractersticas dos usurios e as especificidades de cada tarefa a ser realizada. Moraes et al (1996) destacam que a ergonomizao da interface se apresenta em quatro nveis: 1. Apresentao externa do sistema computadorizado; 2. Recomendaes ergonmicas para o projeto de telas em termos de Ergodesign Visual; 3. Consideraes ergonmicas de usabilidade e; 4. Questes ergonmicas de usabilidade. Ao designer grfico cabe a tarefa de apresentar diversos elementos na tela interface, da home page, facilitando a comunicao entre o sistema e o usurio. Ele deve
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 16 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

ter em mente a quantidade de informaes a serem apresentadas, disponibilizando as que forem realmente necessrias e essenciais para a realizao de determinadas tarefas. Santos (2000) cita a padronizao das telas, no caso, da home page e seus links, como fator que pode contribuir para a navegao do usurio e, conseqentemente para a concretizao das tarefas. A padronizao adotada pode dar uma noo de unidade ao projeto. A disposio dos elementos componentes da interface auxilia o usurio a localizar as informaes. Mas falar em padronizao no significa falar somente numa mera repetio de posies de elementos, significa projetar uma unidade visual, que alm de funcional seja harmnica. O conjunto deve ser harmnico: a utilizao de formas, cores, alm de um diagrama bsico no qual sero dispostos os diversos componentes da interface. A apresentao do texto outro fator muito importante. As informaes textuais so muito utilizadas na internet. Tomar cuidado com o desenho dos alfabetos, propores das letras, espaos entre linhas, legibilidade dos textos, etc, so recomendaes totalmente necessrias. Se, antes, o designer e/ou programador visual se deparava com suportes, como por exemplo: o papel, para o desenvolvimento de projetos grficos, imagine neste novo contexto da internet; um mundo de movimentos e mutaes constantes. O uso de elementos grficos e ilustraes no desenvolvimento da interface grfica de home pages pode torn-las mais agradveis, amigveis e menos duras na interao entre usurios e sistema. cones tambm podem ser utilizados como elementos de reforo para as instrues ou comandos disponibilizados nas home pages. Moraes e Pampola (1993) ressaltam que a comunicao icnica, atravs do projeto de telas, surge para facilitar a comunicao entre o usurio e o sistema informatizado. Os autores orientam que os programadores visuais, ao desenvolverem cones, no devem utilizar como referncia nica e/ou principal a sua prpria opinio ou de seus colegas de trabalho quando da seleo de smbolos grficos, pelo fato de haver discrepncia entre os modelos mentais de projetistas e usurios.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 17 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

As representaes metafricas tambm podem ser utilizadas, facilitando o processo de reconhecimento das informaes pelo usurio. Esse reconhecimento pode ocorrer atravs de si (bagagem cultural do indivduo) ou do outro, atravs do conhecimento de mundo que possui. Para Preece (1997), o formato e contedo da informao apresentada so muito importantes na determinao do sucesso da interao do usurio com o sistema. Se a informao apresentada confusa ou no fornece ao usurio o que ele precisa, seu desempenho cai. 3.3 Projeto Centrado no Usurio (o homem como elemento fundamental) Homem-Computador 3.3.1 Interao Homem-Computador (IHC) A comunicao entre homens e computadores vem sendo estudada atravs da Interao Homem-Computador IHC. Ela tambm vem agindo de forma multifatorial, envolvendo: tarefa, usurio, ambiente organizacional e sistema computacional, alguns dos fatores estudados pelo IHC, nos quais se busca a compreenso dessa comunicao.
IHC o estudo e a teoria da interao entre humanos e tecnologia complexa (usualmente computadores) e diz respeito a como as atuais tecnologias de input e output afetam a interao e quando estas tecnologias e tcnicas devem ser postas para melhor uso. Em termos de design, IHC o estudo do processo de projeto, e seu objetivo global promover uma mudana do projeto centrado no sistema para projeto centrado no usurio. (BOOTH, 1989 apud. SANTOS, 2000, p. 7).

As disciplinas que compem os estudos de IHC variam de acordo com a abordagem aplicada e com a especificidade da tarefa estudada, entre elas encontra-se a ergonomia, principalmente no que abrange o design. A ergonomia provavelmente a disciplina que tem sido associada com o estudo de IHC por mais tempo, tornando-se fundamental para o desenvolvimento dos estudos nessa rea (SANTOS, 2000). A IHC a principal responsvel pela criao e propagao do termo design centrado no usurio, que trata de considerar o homem como elemento fundamental, devendo a tecnologia adequar-se s suas caractersticas e necessidades.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 18 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

A principal contribuio da IHC para a web e para a internet que ela v o site como uma interface para um software, preocupando-se demasiadamente com a satisfao do usurio ao us-lo, e com os passos que o mesmo toma para chegar ao seu objetivo. Garret (2000), em seu esquema Os elementos da Experincia do Usurio, descreve as terminologias apropriadas para esclarecer a relao dos vrios elementos que compem uma interface grfica. O autor justifica a evoluo da preocupao com interfaces devido evoluo da internet. O conhecimento e o entendimento dessas

terminologias so necessrios para todos os estudos relacionados IHC (Anexo A). Uma outra vertente dos estudos sobre a Interao Homem-Computador, atualmente, o design de interao, que visa a desenvolver produtos que sejam fceis, agradveis de utilizar e eficazes, sempre na perspectiva do usurio. Ele estuda a web como um produto interativo e sabe que nem sempre esse tipo de produto projetado tendo o usurio em mente. O objetivo do design de interao consiste em redirecionar essa preocupao, trazendo a usabilidade para dentro do processo de design (PREECE et al, 2005). 3.3.2 Falando de Ergonomia Segundo Moraes (2000), desde a dcada de 80, a ergonomia vem participando da revoluo produzida pela informtica, s que a preocupao com fatores humanos no acompanhou o progresso tecnolgico. A interao entre mquinas e seus usurios no foi uma prioridade, principalmente no caso da informatizao. Da a importncia da realizao de estudos ergonmicos. Atendendo ao apelo de Moraes, pesquisadores intensificaram os estudos ergonmicos nessa rea, obtendo resultados demasiadamente importantes. Afinal, conhecendo a associao da ergonomia com os estudos de Interao HomemComputador IHC, no se pode deixar de fomentar o fato de que as duas cincias tm o ser humano como objeto de estudos. Elas primam pelo bem estar do homem e seus relacionamentos, principalmente na rea de informtica e de novas tecnologias.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 19 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Segundo Gomes (2003), a ergonomia tem como objetivo adaptar ou adequar sempre da melhor maneira possvel os objetos aos homens. Itens como segurana, conforto, eficcia de uso ou operacionalidade dos objetos so particularmente estudados para facilitar as atividades e tarefas humanas. Estudos ergonmicos podem contribuir para solucionar problemas [...] principalmente os voltados para o conforto e eficincia (DUL & WEERDMEESTER, 2000). Segundo Iida (2001), a ergonomia est preocupada em fazer com que as tecnologias sejam adequadamente utilizadas para o bem estar da comunidade. Tratando o elemento humano como fator fundamental, durante o desenvolvimento de sistemas, o projetista ter condies de adequar s solues das tarefas as caractersticas dos usurios. A intuitividade, a facilidade e a eficincia de uso de um dispositivo informatizado contribuem para sua usabilidade, e a ergonomia tem muito em comum com tudo isso. 3.3.3 Em busca de Usabilidade Dentre os estudos desenvolvidos na rea de ergonomia da Interao HomemComputador (IHC), encontram-se aqueles que lidam com usabilidade de sistemas. Segundo Agner (2006), ergodesigners acreditam que, ao desconsiderar os princpios bsicos relacionados ao usurio (o elemento central dos sistemas interativos), os sites acabam tendo baixa usabilidade. Santos (2000) diz que a usabilidade pode ser compreendida como a capacidade, em termos funcionais humanos, que um sistema pode ser usado facilmente e com eficincia pelo usurio (Figura 5).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 20 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

USABILIDADE Interao Homem-Computador (IHC) Projeto de Interfaces Projeto de Telas Home Pages

Figura 5 Abrangncia da usabilidade em IHC

A usabilidade pode estar relacionada facilidade de uso de um produto ou quo facilmente esse produto pode ser usado. Assuntos sobre usabilidade so tratados formalmente pela International Standards Organisation (ISO), atravs da ISO DIS 924111, que define usabilidade como eficcia, eficincia e satisfao com que os usurios conseguem alcanar suas metas em ambientes particulares, sendo aqui a satisfao considerada como o nvel de conforto que o usurio sente quando utiliza um produto, e quo aceitvel o produto pelo usurio como veculo para atingimento de suas metas (JORDAN, 1998). Nielsen (1993) destaca que para o sistema ter boa usabilidade necessrio atender aos seguintes requisitos: - fcil aprendizado; - eficiente na utilizao; - fcil de lembrar; - ter poucos erros; e - satisfazer subjetivamente. Para o autor, esses cinco atributos compem a natureza multidimensional da usabilidade. Para Moraes (2003), a usabilidade deve ser vista como parte dos objetivos e da metodologia ergonmica de adequao das interfaces tecnolgicas s caractersticas e capacidades humanas: fsicas, cognitivas e emocionais. Portanto, pode-se afirmar que,
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 21 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

atravs do enfoque ergonmico, busca-se melhorar a Uuabilidade do sistema em desenvolvimento. Rios (2003) conceitua usabilidade como sendo: qualidade que avalia a utilizao de um sistema, facilidade de uso, de aprendizado, produtividade, flexibilidade e satisfao. Infelizmente, a preocupao com a usabilidade s ocorre, normalmente, no final do ciclo de design, j no perodo de avaliao do produto finalizado. Acaba-se resultando em poucas modificaes. notrio, ento, que desde o incio de cada projeto, a usabilidade deve estar presente. A melhor maneira de se obter informaes sobre as atividades da tarefa relacionadas com as comunicaes e interaes dos indivduos com os sistemas observando-os: nas tomadas de informaes, acionamentos, deslocamentos,

comunicaes, e/ou perguntar a eles como e por que o fazem (SANTOS, 2000). 3.3.4 Percepes Humanas Em meios eletrnicos / sistemas computacionais e, logicamente, na internet, as informaes so oferecidas mais usualmente de forma visual. Isso implica numa necessidade maior do ser humano utilizar sua percepo visual. Mas nem sempre ele consegue ver a imensa quantidade de informaes que lhe passa diante dos olhos. Podemos usar aqui, por exemplo, uma sucesso infinita de imagens ou at mesmo sua exposio a mensagens subliminares. O homem consegue ver o mundo seletivamente, atravs de sua capacidade de distinguir figura de fundo, de ajuste de foco das imagens e de profundidade visual. Quase perfeita, essa viso passvel de limitaes. Diante desses fatos, as informaes em uma tela de computador devem considerar estas caractersticas e considerar que a informao seja legvel, distinguvel, compreensvel, no truncada e estruturada de acordo com o sentido (PREECE, 1997 apud. SANTOS, 2000, p13).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 22 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Mas como manter a ateno do ser humano, principalmente em sistemas computacionais, visto que o mesmo est sendo atingido continuamente por uma enorme quantidade de informaes? O projetista deve ter em mente a necessidade de focalizar a ateno do usurio para determinada parte da informao apresentada em dado estgio da tarefa, atraindo a ateno do usurio sem perder as demais informaes. A apresentao das informaes em estruturas lgicas pode contribuir para isso. Segundo Santos (2000), a memria do usurio deve ser poupada, utilizando somente nomes e cones que sejam significantes e facilmente distinguveis e at mesmo reconhecveis. Os seguintes estgios compem o processamento humano das informaes: - Codificao da informao do ambiente em alguma forma de representao interna; - Comparao dessa representao, com as que se encontram previamente armazenadas no crebro; - Deciso sobre resposta apropriada; e - Organizao de uma resposta e ao necessria. A informao precisa, ainda, motivar o indivduo a agir de acordo com suas orientaes, provocando mudanas em seu comportamento. Durante o processo de codificao, a informao manipulada e reestruturada para promover ao ser humano um modelo constante do mundo. Entender a mente humana em termos de processo de informao foi e o desafio dos estudos de IHC. Segundo Preece (1997 apud. SANTOS, 2000), quando se interage com qualquer coisa, sejam o ambiente, outra pessoa ou artefatos tecnolgicos, formam-se modelos mentais internos de si mesmos interagindo. Quando executados ou repetidos do incio ao

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 23 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

fim, estes modelos mentais propiciam as bases a partir das quais se pode predizer ou explicar suas interaes. Para Moraes (1993), o termo modelo mental refere-se: - ao modelo que o usurio tem do sistema; - ao modelo que o projetista tem do sistema; e - ainda ao modelo que o projetista ou o sistema tem do usurio. Muitos autores preferem usar o termo modelo mental como o modelo que o usurio tem do sistema (Figura 6). mental usurio Modelo mental do usurio compreende o modelo do sistema, formado pelo usurio, atravs de experincias e interaes com o sistema e a partir de sua imagem do sistema. Modelo de projeto um modelo a ser construdo, de posse do projetista. Deve-se distingui-lo do modelo de usurios do sistema (o modelo que o projetista constri de usurios do sistema, com vistas ao desenvolvimento de projetos). Modelo inteligente modelo que um programa inteligente constri da pessoa com a qual ele est interagindo (se projetado com estes atributos), a partir das aes do usurio; do mesmo modo que o modelo mental interno do usurio um modelo conceitual parcial. Modelo conceitual de projeto conceito que o projetista possui do sistema; um modelo a ser construdo de posse do projetista; modelo conceitual do modo como os projetistas pensam que o sistema deve trabalhar; busca ser um modelo completo e consistente do sistema, ou seja, um modelo operacional; trabalha com o modelo de usurio tpico do sistema visando a projetar uma imagem do sistema que propicie um modelo interno do usurio apropriado, diminuindo a carga cognitiva.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 24 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Experincia anterior, sugestes de colegas, etc.

PROJETISTA Modelo do projeto

Como o usurio pensa que o sistema funciona

USURIO Modelo mental do usurio

Como o designer pensa que o sistema deve funcionar

SISTEMA Imagem do sistema

Como o uso do sistema sugere seu funcionamento

Figura 6 Modelos envolvidos no processo de IHC (adaptado de Santos, 2000)

Descobrir o modelo que o usurio tem do sistema ou da tarefa pode ser de grande valia para os desenvolvedores. Uma forma de alcanar este objetivo atravs do uso de tcnicas que captem e permitam trabalhar o conhecimento do usurio. Esta tcnica pode ser til na descoberta do modelo mental que o usurio tem do espao de informao. Quando se abre uma pgina, com ou sem um objetivo definido, para-se para decidir (nem que seja por milsimos de segundos) em que link clica-se primeiro. Para se fazer esse julgamento, monta-se um modelo mental das opes disponveis seguindo a lgica percebida da pgina. Essa percepo no igual para todas as pessoas, nem mesmo para a mesma pessoa em ocasies diferentes.
Um modelo mental uma projeo de uma idia que se forma em nossa mente com o objetivo de entend-la melhor. Essa idia pode ser a maneira como vamos usar, por exemplo, um martelo, navegar por um website ou provar uma teoria cientfica. Dado seu carter analtico, antes de mont-lo, precisamos arrebanhar todos os meandros de idia projetada e, em seguida, estabelecer relaes entre eles. Esse processo contnuo e interativo. Nossos modelos mentais so mutveis, mas tendem ao refinamento das relaes e papis de cada elemento constituinte de modelo. Ou seja, a construo de um modelo mental um processo de estudo sobre o assunto em questo e possui uma curva de aprendizado que pode ser lenta e rpida (AMSTEL, 2004, p. 5).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 25 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

3.3.5 Design Centrado no Usurio para a Web Infelizmente, ainda comum hoje em dia encontrar empresas que falham ao disponibilizar informaes em seus sites. Segundo Pvoa (2000), com o festival de novas tecnologias on-line, os sites que buscam o sucesso em longo prazo tero que centrar sua viso nos usurios. Em pesquisa realizada nos Estados Unidos, os usurios responderam disparados que uma das principais razes que os fazem retornar a um site a facilidade de uso. Isso ocorre porque seus desenvolvedores nem imaginam qual o modelo mental de seus usurios. No perguntam a eles quais as informaes que querem que sejam disponibilizadas, no perguntam simplesmente do que eles precisam. Os sites devem ser desenvolvidos exclusivamente para seus usurios. As empresas e seus desenvolvedores nessa rea devem estar sempre preparados e de prontido para atend-los de forma eficiente. Aps identificar as necessidades dos usurios, o grande desafio saber, corretamente, como supri-las. Muitas vezes, com a aplicao de tcnicas, at mesmo simples, que possibilitem conhecer melhor o modelo mental do usurio, pode se obter resultados significativos que permitam melhorar a usabilidade dos sites, disponibilizando as informaes de forma correta em suas home pages. Ao tentar suprir essas necessidades, tanto em sites com maior ou menor nmero de informaes, as dificuldades no esbarram somente em se conhecer o modelo mental dos usurios, mas tambm na forma como essa necessidade tratada por dirigentes de empresas, no conhecimento suficiente ou no dos desenvolvedores; no suporte que lhes dado, nas condies tcnicas oferecidas, entre outros. Quase sempre, os dirigentes diro que todas as informaes da empresas so importantes e merecem destaque. Essa condio est a um passo de uma grande poluio visual. Mas, na verdade, cabe ao desenvolvedor e/ou sua equipe de trabalho

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 26 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

decidir o que realmente interessa e como diagramar, formando uma melhor arquitetura de informao. Segundo Wodtke (2002, apud AMSTEL, 2004, p. 3), os primeiros passos para organizar informaes so classificar e agrupar. Pode-se fazer isso de duas maneiras 1. Baseando-se unicamente na experincia do(s) profissional(is); ou 2. Ouvindo e interpretando o usurio. A primeira mais rpida, mas implica em menos confiabilidade. A segunda a mais apropriada, oferece mais confiana, pois a chance da organizao fazer sentido tanto para um usurio quanto para outro grande. Mesmo cientes de que os usurios so seres humanos e que seres humanos so imprevisveis, parte-se do pressuposto de que todos agem da mesma forma. Podemos notar isso na web. Tm-se infinitas opes de pginas interessantes a visitar, porm, a maioria dos indivduos acessa quase sempre as mesmas pginas. Ou ser que estas pginas oferecem informaes seguras, de forma coesa, amigveis, etc, e por isso so procuradas e acessadas constantemente? Com certeza elas devem atender as necessidades mnimas de seus usurios, seno no teriam sua fidelidade. Tornam-se, assim, um porto-seguro de navegao. 3.4 Arquitetura de Informao Anteriores 3.4.1 Apontamentos Anteriores No incio do desenvolvimento deste projeto de pesquisa, vrios artigos foram selecionados, todos dentro da rea de estudo da ergonomia, no intuito de levantar quais assuntos relacionados internet vinham sendo mais estudados por pesquisadores da rea. Depois da reviso de 22 (vinte e dois) artigos, levantou-se que eles manifestaram em seus contedos preocupaes relacionadas usabilidade em home pages brasileiras. Os artigos eram datados do perodo de 2001 a 2004, visto que um dos objetos do levantamento foi trabalhar, na poca, com dados recentes.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 27 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Os artigos apontaram preocupaes relacionadas: - Arquitetura de Informao; - ao Design de Interface; - ao Hipertexto (texto eletrnico interativo); - aos Recursos de udio; - aos Peridicos Eletrnicos; - empregabilidade da Cor; e - aplicao de Questionrios Ergonmicos. Os resultados esto apresentados na Figura 7:
Questionrios Ergonmicos Empregabilidade da Cor

2 1 1 1 4 4 9

Peridicos Eletrnicos Recursos de udio Hipertextos Design de Interface Arquitetura da Informao

10

Figura 7 Preocupao dos pesquisadores

O objeto de estudo dos pesquisadores que mais sobressaiu durante a pesquisa foi a arquitetura de informao (Figura 8), que, segundo Dotta (2000), tem em sua essncia desenhar a organizao e o sistema de navegao que ajudam os usurios a encontrar as informaes que procuram. A navegao atravs de um site deve ser facilitada e se torna o objetivo principal de uma home page facilitar esse processo.
[...] fundamental que os usurios consigam encontrar, sem muito trabalho, a rea de navegao adequada, distinguir as opes e ter uma noo bsica do que existe por trs dos links. Os usurios no devem clicar em itens apenas para descobrir o que significam (NIELSEN, 2002, p. 19).
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 28 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Mesmo na atualidade, poucos estudos esto sendo publicados como resultados de pesquisas, no que diz respeito usabilidade da Interao Humano-Computador (IHC), sendo uma rea ainda pouco investigada por pesquisadores brasileiros. Mas Moraes (2002) afirma que essa rea de interesse vem crescendo. Entretanto, projetistas e desenvolvedores de sistemas informatizados pouco utilizam os parmetros ergonmicos para projetos e testes de avaliao de usabilidade e interfaces. Alguns exemplos de problemas de usabilidade em home pages so apontados por Nielsen (2002), como se pode verificar na Figura 8, cuja linha superior est acima do banner principal, com itens apontando para sites externos e para um link que j oferecido em outro local da pgina, dificultando o processo de navegao do usurio (NIELSEN, 2002).

Figura 8 Problemas de usabilidade Nielsen (2002, p. 144)

Outro problema de usabilidade em home pages o excesso de informaes como, por exemplo, o oferecimento de duas caixas de busca (Figura 9), ocasionando problemas aos usurios, deixando-os na dvida sobre qual a correta, oferecendo possibilidade de erros atravs de resultados indesejados (NIELSEN, 2002).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 29 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 9 Problemas de usabilidade Nielsen (2002, p. 166)

O excesso de unidades visuais (textuais, icnicas, fotogrficas, famlias tipogrficas diferenciadas, uso de muitas cores), diagramao desequilibrada, com seus pesos visuais desbalanceados (Figura 10), tambm podem ocasionar problemas de usabilidade em home pages (GOMES, 2003).

Figura 10 Excesso de unidades visuais - Gomes (2003, p. 183)

Uma melhor organizao visual (Figura 11), mais adequada ergonomicamente, pode auxiliar no processo de navegao de uma home page, tornando sua leitura mais rpida para o usurio (GOMES, 2003).

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 30 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 11 Melhor organizao visual - Gomes (2003, p. 183)

Segundo JORDAN (1998), assuntos de usabilidade receberam ateno crescente durante os ltimos anos e se manifestaram de vrios modos. Mesmo diante desta afirmao, atravs deste levantamento, pde-se constatar que ainda eram poucos os estudos na rea, principalmente no que dizia respeito a home pages brasileiras. A ergonomia aliada aos estudos sobre usabilidade tem o papel de auxiliar o usurio a se integrar e at mesmo se socializar atravs do mais novo mundo denominado World Wide Web. O que se tem de mais importante neste processo o usurio. As atenes devero sempre ser fixadas nele. Para JORDAN (1998), vital se ter mais conhecimento sobre quem sero os usurios do produto e quais suas caractersticas. Todas essas problemticas apontam para a necessidade de se ter uma ateno maior sobre os usurios. Somente intensificando os estudos na rea, podero ser obtidos os caminhos para solucion-los. O foco principal dos estudos voltados para a web e seus segmentos dever ser sempre o usurio. V-se na arquitetura de informao uma forma de melhorar a usabilidade nessa rea. Uma das opes trabalhar o usurio como agente facilitador durante os processos de seu desenvolvimento ou de reavaliao.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 31 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

3.4.2 Especificidade Antes de executar qualquer tarefa o ser humano pra, provavelmente por milsimos de segundos, para decidir o que deve fazer. No mbito da internet isso no poderia ser diferente. O usurio abre uma pgina, com ou sem um objetivo definido, e decide o que quer fazer, qual tarefa deve executar e em que link deve entrar para isso. Segundo Santos (2000), durante esse momento de deciso, entra em jogo o modelo mental do usurio, ou seja, o modelo mental das opes disponveis seguindo a lgica percebida da pgina acessada. Vale ressaltar que, logicamente, essa percepo no igual pra todos e nem mesmo para a mesma pessoa em ocasies e situaes diferenciadas. Trata-se como modelo mental a projeo que o usurio tem de uma idia que se forma em sua mente, tentando entend-la; e isso ocorre constantemente quando se tenta navegar pela web, atravs da internet. A mente do usurio tenta estabelecer relaes entre as informaes disponveis, perante um processo contnuo e interativo; afinal, ela composta de representaes; ou seja, uma informao remete a outra, atravs de smbolos. As representaes metafricas tambm so bem aceitas pela mente humana, que cria associaes entre uma informao e outra. Todo esse processo de aprendizado ou de reconhecimento das informaes pode ser lento ou rpido e a arquitetura de informao tem muito a ver com isso tudo. A arquitetura de informao de um site na web deve ser trabalhada de forma que permita ao usurio um processo de aprendizagem ou de reconhecimento rpido das informaes. Atravs das home pages, esse processo comea a ocorrer, tornando-as um objeto de estudo importante. Ela o incio de uma boa navegao atravs do site. Quanto mais rpido e precisamente se formar o modelo mental do usurio, melhor pra ele. Dessa forma, as informaes devem ser disponibilizadas numa ordem lgica, atravs de rtulos claros (que no proporcionem ambigidade, eliminando a possibilidade de erros), com terminologias simples ou conhecidas dos usurios e; em ordem lgica, com agrupamentos claros e precisos. Tudo isso pode ser conseguido atravs de um bom desenvolvimento de arquitetura de informao dos sites, iniciando pelas suas home pages, na web.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 32 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

A essncia da arquitetura de informao desenhar a organizao e o sistema de navegao que ajudam os usurios a encontrar as informaes que procuram [...]. A informao para publicao na internet deve ser organizada em camadas, mas seu acesso no se restringe a uma ordem hierrquica, cuja importncia definida por quem cria o site. Isso porque cada pessoa pensa de maneira diferente e, por isso, cria ordenaes de acordo com o seu ponto de vista. Quando um internauta acessa um site, ele define mentalmente sua prpria hierarquia, independentemente de como o site esteja organizado. Sendo assim, pode-se considerar que a interface da home page tem a funo de auxiliar o usurio a entender o que so, como esto organizados e como se comportam seus elementos, podendo at mesmo tornar-se mais amigvel. Tecendo consideraes entre a IHC e a arquitetura de informao, percebe-se que, enquanto a primeira v o site como uma interface para um software, a segunda trata o site como um hipertexto, tendo como principal preocupao a forma como as informaes so estruturadas. De qualquer forma, uma completa a outra; e as duas juntas trabalham com o objetivo de satisfazer o usurio, maximizando o acesso s informaes, permitindo-lhe assimil-las e facilitando-lhe o entendimento. Segundo Santos (2000, p.7), tanto a IHC como a arquitetura de informao adotam abordagens distintas para resolver os problemas do site, as duas disciplinas tm em comum o compromisso com o mtodo cientfico-analtico para elaborar suas solues. 3.4.3 Pr-teste 3.4.3 PrSabendo da importncia de se estudar a arquitetura de informao de um site, enfatizando principalmente sua home page, na busca por informaes que colaborassem para o desenvolvimento da pesquisa, aplicou-se um pr-teste com os usurios da home page de um site educacional. Para tanto, colheu-se uma amostra de navegao, aplicando-se uma pesquisa com 25 (vinte e cinco) sujeitos, de ambos os gneros, distribudos entre alunos da Fundao Dracenense de Educao e Cultura, instituio localizada na cidade de Dracena, no Estado de So Paulo.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 33 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Os sujeitos foram conduzidos ao laboratrio virtual da prpria Instituio, numa sala climatizada, com mobilirio adequado, sem interferncias de fatores externos e ambientais. Utilizando computadores Pentium 4, conectados via rdio, os sujeitos, todos com conhecimentos bsicos de navegao na internet, navegaram individualmente, por 20 minutos pelo site, informados de que o foco da pesquisa era a home page. Aps o trmino do tempo, cada sujeito respondeu in loco, um questionrio avaliatrio (Apndice A). Os questionrios foram adotados por serem considerados uma entrevista estruturada; uma tcnica de avaliao prospectiva, pois busca atravs de perguntas, que podem ter carter fechado ou aberto, captar a opinio do usurio, pblico alvo do sistema, sobre o processo de interao. Busca avaliar o grau de satisfao ou insatisfao com a interface grfica do sistema interativo mas, principalmente, objetiva determinar os principais problemas detectados durante o processo de interao da realizao de tarefas (CYBIS, 2002). Dentre as repostas obtidas, algumas vieram confirmar a necessidade de uma reavaliao da home page: Quase metade dos entrevistados (Figura 12) afirmou sentir dificuldades em navegar pelo site utilizando a interface grfica de sua home page. Trs no souberam responder.

sim no nda 0

11 11 3 5 10 15

Figura 12 Resultado dos questionrios avaliatrios

Quase todos os entrevistados (Figura 13) apontaram a poluio visual e o excesso de informaes como um dos fatores que dificultava a navegao pelo site.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 34 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

sim no nda 0 5 10 15 20

23 2

25

Figura 13 - Resultado dos questionrios avaliatrios

E foi pequeno (Figura 14) o nmero de usurios que identificavam, com facilidade e rapidez, as unidades da instituio atravs de sua home page.

sim no nda 0 5 10 15 20

22 3

25

Figura 14 - Resultado dos questionrios avaliatrios

Esses dados vieram colaborar para o desenvolvimento da pesquisa. Firmou-se ainda mais a idia de que era necessrio desenvolver uma metodologia que, atravs da anlise de seus resultados, corroborasse com o usurio em seu processo de navegao. Durante esse processo de pesquisa, deparou-se com uma tcnica aparentemente simples, mas com alguns resultados positivos j comprovados atravs de referncias. Uma tcnica barata que, se aplicada, ajudaria a descobrir o modelo mental do usurio da pgina, contribuindo assim para uma melhor usabilidade: o Card Sorting. 3.5 Card Sorting 3.5.1 Conceitos Maurer (2004) aponta o Card Sorting como uma tcnica utilizada por arquitetos de informao e outros profissionais da rea para organizar a estrutura das informaes
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 35 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

de um local ou produto; e afirma que o Card Sorting vem sendo descrito atravs de textos diversos, em vrios locais, mas na maioria das vezes de forma breve. No h um artigo definitivo que descreva a tcnica e suas variantes. Segundo Moraes (2003, apud FRISONI e STEIL, 2005), o Card Sorting simples e fcil de aprender; de baixo custo, tendo como um desses custos o tempo que se leva para prepar-lo. De rpida aplicao, permite que mais usurios sejam envolvidos. Envolve os usurios no processo do projeto, mostrando-lhes que o novo sistema ser criado de acordo com suas necessidades. O Card Sorting permite conhecer como pessoas reais categorizam informaes, identificam as que so difceis de categorizar e principalmente, identifica provveis terminologias que podem ser mal entendidas. Hom (1996) descreve Card Sorting como sendo um mtodo de categorizao atravs do qual usurios sorteiam cartes representando vrios conceitos em diversas categorias. Assis (2005) define Card Sorting como uma ferramenta interessante, que pode ser utilizada para colaborar na arquitetura de informao de um aplicativo, site, software, ou outra face interativa. De acordo com a pesquisadora, alguns autores tratam o Card Soting como uma tcnica de usabilidade, cujo objetivo avaliar o modelo mental do usurio procurando expor a maneira como os usurios organizam as informaes espaciais, conhecimento e hbitos que formam em suas mentes. 3.5.2 Consideraes sobre o Mtodo Considerado um mtodo rpido, barato e fidedigno, serve para designar e determinar a estrutura geral das informaes, sugerindo navegaes e novas taxonomias. um mtodo centrado no usurio, pois sua aplicao aumenta a fidcia de um sistema. De acordo com a arquitetura de informao, para a World Wide Web, o Card Sorting pode apontar os modelos mentais dos usurios, verificando como eles agrupam as informaes, os tipos de tarefas e seus contedos, contribuindo para suas funcionalidades e conseqentemente para sua usabilidade.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 36 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Como em qualquer outro mtodo, o Card Sorting tem vantagens e desvantagens. Lembrando-se que a tcnica deve ser aplicada de acordo com as necessidades de cada situao. Pode ser considerado vantajoso quando se leva em considerao: sua simplicidade; seu baixo custo; sua rapidez de execuo; sua utilizao entre desenhistas (por mais de 10 anos); sua boa fundamentao para a estruturao de um local ou produto e, principalmente por envolver usurios. Pode ser considerado desvantajoso por ser aplicado com usurios que, durante o processo, no executam tarefas reais. Precisa-se analisar bem este aspecto para que o usurio no corra o risco de ter seu processo de navegao prejudicado. Aconselha-se aplicar o Card Sorting em projetos centrados no usurio para projetar um novo local ou redesenh-lo. Ele no apontar os erros, mas sim, auxiliar na organizao de uma melhor estruturao das informaes. 3.5.3 Procedimentos Seu procedimento simples, mas possui suas variveis e pode ser aplicado da seguinte forma, segundo Santos (2001, apud Assis, 2005): - preparar dois grupos de cartes: colorido e branco; - escrever nos cartes coloridos as chamadas principais; - escrever nos cartes brancos os itens de assunto que compe a interface (links secundrios ou dados relevantes, por exemplo); - distribuir os cartes coloridos sobre uma superfcie; - embaralhar os cartes brancos e disponibiliz-los aos participantes; - solicitar aos participantes que agrupem os cartes brancos de acordo com as chamadas principais, escritas nos cartes coloridos, da forma como lhe parecerem mais sensata; - ao final deste agrupamento, registra-se a disposio dos assuntos em relao s chamadas principais;
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 37 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

- se ao final sobrarem cartes, deve-se pensar na incluso de uma nova chamada, tpico, ou nome, mais abrangente ou pertinente. Os participantes podem ou no ser requisitados a escrever um rtulo para cada carto. Tambm podem ou no ser requisitados a definir rtulos para as categorias. Isso depende da forma como o mtodo for aplicado. Segundo Amstel (2004), o Card Sorting pode ser aplicado de duas maneiras: 1. Aberto = o usurio descreve os rtulos. indicado quando o arquiteto de informao no tem domnio sobre o assunto; no consegue definir por conta prpria uma taxonomia razovel antes de fazer testes no desenvolvimento de produtos ou locais novos. 2. Fechado = o usurio escolhe somente dentre as opes disponveis. indicado para re-avaliar a eficcia de uma taxonomia existente ou quando se somam novos contedos a ela. Ao se preparar o Card Sorting, alm de selecionar os contedos e preparar os cartes, deve-se selecionar tambm os participantes. Estes devem preencher os requisitos exigidos pela pesquisa. O Card Sorting pode ser aplicado com usurios; individualmente, dividindo grupos pelo nmero de participantes; ou ser aplicado em grupo, elegendo-se representantes. Maurer (2004) sugere que o nmero mximo de grupos a participar do Card Sorting no deve passar de cinco, dependendo da necessidade e da complexidade do projeto. Os cartes devem ser preparados, em papel, com os contedos listados anteriormente, de forma bem legvel (favorecendo a leitura com a utilizao do tipo e tamanho do texto). Quando necessrio, uma etiqueta pode ser inserida no verso do carto, contendo uma pequena descrio do contedo. Esses textos podem ser impressos ou mesmo escritos mo. O nmero geral recomendvel de cartes a serem utilizados deve ficar entre 30 (trinta) e 100 (cem) cartes. Alm dos cartes j descritos, no se pode esquecer de
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 38 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

disponibilizar cartes em branco para serem oferecidos aos participantes, que tambm devem receber canetas. Os usurios devem ser instrudos sobre a pesquisa antes de dar incio aplicao da tcnica. Eles tambm devem ser informados de que podem executar perguntas no decorrer da mesma, se necessrio, garantindo assim uma melhor compreenso. O pesquisador deve responder somente o necessrio, evitando direcionar os resultados da pesquisa; seu maior papel no momento escutar e observar. Cabe ao pesquisador, tambm, verificar se h usurios no participativos, se houver, deve-se incentivar todos os membros do grupo para que participem ativamente da pesquisa. Ao se trabalhar com poucos cartes, pode-se disponibiliz-los sob uma mesa, garantindo a todos os participantes a acessibilidade aos cartes. No caso de muitos cartes, sugere-se utilizar uma planilha eletrnica. necessrio solicitar silncio em alguns momentos da aplicao, para que um usurio no prejudique o outro, falando em voz alta em ocasies imprprias. Aps a finalizao do mtodo, definida a taxonomia, possvel aplic-la na construo da hierarquia do site. Ela o cerne da arquitetura de informao, por isso o usurio tem um papel to importante no auxlio de seu desenvolvimento. Se o menu de navegao no fizer sentido para o usurio, o site ser provavelmente inutilizvel.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 39 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

4. METODOLOGIA 4.1 Apresentao da Metodologia O presente projeto foi elaborado no PPGDI7, na rea de Concentrao em Desenho do Produto, ou seja, remetendo preocupao de se pesquisar, projetar ou reprojetar um produto que seja resultado da interao das necessidades sociais e ergonmicas dos indivduos; e na Linha de Pesquisa em Ergonomia, preocupando-se com o relacionamento entre o homem e seu ambiente de trabalho e com os objetos que o cercam. Dados coletados pelo projeto, datados desde 2004, mostraram que o assunto web demasiadamente recente, principalmente no Brasil. Afinal, so menos de 20 anos de estudos, considerados insuficientes para responder a maioria das questes que cercam esse assunto to complexo. Falar sobre web falar sobre o mais novo meio de comunicao entre os indivduos. A nica coisa que se pode afirmar que a presena da ergonomia torna-se imprescindvel na batalha de se melhorar, a cada dia, o relacionamento dos indivduos com os veculos informacionais, visto que ela o estudo da adaptao do trabalho8 ao homem (IIDA, 2001). Pensou-se, ento, em contribuir de alguma forma com o aumento dos estudos j realizados na rea, baseando-se no diagrama: Os elementos da Experincia do Usurio (Anexo A), do arquiteto de informao Jasse James Garret, que provocou, logo aps sua publicao, uma estruturao e consolidao das metodologias utilizadas em projetos para a web por profissionais do mundo inteiro, e tambm na tcnica de Card Sorting, que consiste em projetar interfaces levando em conta o modelo mental dos usurios. 4.2 Tipo de Pesquisa Adotada Questes de usabilidade, o funcionamento do sistema de navegao e o acesso s informaes pelos indivduos, aqui tratados como usurios, so fatores que necessitam de observao, registros, anlises e correlao com fatos ou fenmenos (variveis) sem

Programa de Ps-graduao em Desenho Industrial da Unesp de Bauru. Podendo tambm ser considerado como tarefa.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 40 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

sofrer manipulao; encaixando-se assim, perfeitamente, nos parmetros da pesquisa descritiva. Atravs dela, pesquisa-se a freqncia com que um fenmeno ocorre, as suas dependncias e caractersticas no mundo fsico ou humano, sem a interferncia do pesquisador. Esse tipo de pesquisa utilizado em todos os ramos da Cincia, mas principalmente em Cincias Sociais e Humanas, analisando relaes que ocorrem na vida social, poltica, econmica e demais aspectos do comportamento humano (FERNANDES, 1997). Segundo Gil (1996), na pesquisa descritiva, o que se procura reconhecer e interpretar a realidade sem interferir nela ou modific-la. J para Rudio (1997), a pesquisa descritiva est interessada em descobrir e observar fenmenos, procurando descrev-los, classific-los e interpret-los. A presente pesquisa foi desenvolvida atravs de raciocnio indutivo; um processo mental por meio do qual, partindo-se de fatos particulares, suficientemente aceitos e constatados, infere-se uma verdade geral ou universal, no contida dos fatos examinados (FERNANDES, 1997). Os dados obtidos atravs deste tipo de pesquisa podem ser qualitativos, fornecendo subsdios para que, posteriormente, se possa descrever o fenmeno. 4.3 Etapas da Pesquisa 4.3.1 Levantamento Bibliogrfico Em uma primeira etapa, realizou-se um levantamento bibliogrfico para obter informaes que proporcionassem um bom embasamento terico, considerado fundamental dentro do mbito da pesquisa. Segundo Rudio (1997), a pesquisa bibliogrfica feita a partir de material j elaborado, principalmente de livros e artigos cientficos. Santos (2000, apud. VERGARA,1998) destaca que a pesquisa bibliogrfica um estudo sistematizado desenvolvido com base em material j publicado, seja em livros,

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 41 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

revistas, jornais. Logicamente, a internet tambm foi utilizada como fonte de coleta de informaes. Na literatura, pesquisou-se sobre a web, a internet; e, conseqentemente, sobre os sites e suas home pages. As informaes coletadas, tanto histricas como tcnicas (neste caso, muito abrangentes em se tratando de web), foram importantes para o bom desenvolvimento da pesquisa. Questes ergonmicas e de usabilidade tambm foram bem exploradas pela pesquisa, chegando assim importncia da arquitetura de informao dos sites, e necessidade, cada vez maior, de projetar interfaces centradas nos usurios. Em meio ao turbilho de informaes coletadas, surgiu a possibilidade de se aplicar a tcnica de Card Sorting (descrita no item 3.5), na tentativa de se melhorar a interface da home page escolhida e utilizada como objeto de estudos. Interface 4.3.2 A Interface da Home Page Avaliada Aps o estabelecimento do referencial terico, realizou-se a etapa que tinha como finalidade avaliar, na prtica, alguns dos conceitos encontrados. Para tanto, escolheu-se a home page da Fundao Dracenense de Educao e Cultura FUNDEC, instituio educacional, pblica de direito privado, localizada na cidade de Dracena, interior do Estado de So Paulo, com populao aproximada de 45.000 habitantes. A Instituio conta atualmente com mais de 200 (duzentos) funcionrios, entre administrativos e docentes; e 1.200 (mil de duzentos) alunos. A FUNDEC atua no campo educacional h trinta e oito anos e foi pioneira, tanto na implantao um provedor de internet, beneficiando assim usurios de sua cidade e regio, como na disponibilizao de informaes da prpria instituio na grande rede. Como provedora, atravs de uma de suas unidades, mais especificamente da Fundecnet, atua h oito anos na rea, com o site: www.fundec.com.br (site comercialprovedor); e disponibiliza informaes de suas unidades educacionais e seus respectivos cursos no site: www.fundec.edu.br (site educacional), desde 05 de novembro de 2002.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 42 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Considerando: - que a instituio no possui um profissional academicamente qualificado para projetar produtos para a web; - que termos como ergonomia, usabilidade, design centrado no usurio, etc., eram desconhecidos at o incio do desenvolvimento deste projeto; - que nunca foram aplicados testes de usabilidade, ou outros testes especficos (mesmo que amadores), que revelassem a satisfao do usurio com a interface grfica; - que nunca foram levantadas questes capazes de mensurar a facilidade (ou no) do usurio em ter um acesso rpido e fcil s informaes; - que aps um levantamento efetuado pela pesquisadora (atravs de amostragem com 25 usurios), anterior a este projeto, dados importantes foram encontrados indicando descontentamento de alguns usurios em utilizar o site (conforme item 3.4.3); - entre outros fatores relevantes que, se estudados, desenvolvidos e aplicados de forma correta, possibilitariam uma maior satisfao do usurio com a interface da home page; a mesma foi escolhida para ser utilizada como objeto de estudos e como fonte de informaes para o desenvolvimento de outras interfaces de home pages, educacionais ou no. Vale ressaltar que a instituio possui um sistema de ouvidoria, implantado h trs anos, que detectou, atravs de usurios do site da instituio, problemticas como: incompreenso de alguns dados j existentes, falta de algumas informaes julgadas como importantes pelos usurios, falta de um sistema de busca interno, etc. O site em questo possui um pblico bem definido: em primeiro e principal plano plano, encontram-se os estudantes (pertencentes instituio ou no) que buscam informaes sobre cursos, notas, vestibulares, etc.; em segundo plano funcionrios administrativos e plano, professores da prpria instituio; e em terceiro e ltimo plano usurios que podem ser plano, considerados como no freqentes que buscam informaes paralelas: cadastram seus currculos para possveis admisses, buscam informaes sobre os projetos existentes, etc.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 43 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

1 22 12 3 15 13

4 6 19 7 18 8 9 5 22

14 20 21 17

23

24

10

16 11

25

Figura 15 Interface grfica da home page do site (vide tabela). Disponvel em:<http://www.fundec.edu.br>. Acesso em: dez. 2006

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 44 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Tabela 1- A prolixidade da home page Item


1

Descrio
Identidade visual da Instituio

Problema
Endereo eletrnico desnecessrio no cabealho. Falta o fornecimento do nome completo da Instituio. Links com informaes da Fundec, sendo que o link principal no remete a lugar nenhum; em alguns casos de acesso s pginas, funciona como um boto de retorno home page. Links direcionados s pginas das unidades. Informaes duplicadas, fornecidas tambm nos itens 4 e 5. Link direto com o site da UNOPAR Virtual, localizada na cidade de Londrina, Paran. No h nenhuma informao sobre a parceria firmada entre as duas instituies para o oferecimento de cursos a distncia, causando confuso na mente do usurio. Links que direcionam para as pginas das unidades. Informao duplicada nos itens 3 e 4. Ausncia do cone da UNOPAR Virtual (se fosse o caso). Link da pgina da biblioteca, que no oferecido em todas as pginas das unidades.

1 menu considerado como principal 2 menu considerado como secundrio

Unidade UNOPAR Virtual (banner)

cones das unidades da Fundec

Biblioteca (banner)

Cadastre-se Currculo on-line (banner)

Link direcionando ao cadastramento de professores, mas somente clicando nele se obtm essa informao. Link para uma pgina de instrues, com o oferecimento dos cones das unidades para que o aluno possa entrar na pgina da sua unidade, no fornecendo acesso direto s notas. O usurio tem que buscar a informao em meio a outras oferecidas. Link direcionando para a pgina do departamento de comunicao, que presta servios para a Fundec e todas as suas unidades mantidas. No oferece possibilidade de erro ao usurio. Link direcionando para a pgina da Organizao NoGovernamental: Associao PROEDUC de Incluso Social na Educao. No fornece essa informao ao usurio. Fornece informaes de contato e localizao. Acaba confundindo o usurio com o oferecimento das informaes do item 2. Os usurios de internet j esto acostumados com a utilizao de sites de busca como: Google, Radar UOL, etc.

Vida Acadmica notas on-line (banner)

Depto. de Comunicao (banner)

10

PROEDUC (banner)

11

Rodap da home page

12

Sistema de busca na internet

13

Previso do tempo

Este link no oferece problemas. Funciona como informao adicional, que pode ou no ser acessada pelo usurio.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 45 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Continuao da Tabela 1- A prolixidade da home page

14

ltimas Notcias - em forma de barra de rolagem

Notcias em forma de barra de rolagem, trazendo informaes das unidades mantidas e da prpria Instituio. Normalmente, so fornecidas as mais recentes, chocando-se muitas vezes com os itens 15 e 16, que trazem as notcias em forma de destaque. Notcias em forma de destaque, trazendo informaes das unidades mantidas e da prpria Instituio. Chocando-se com o item 16 que tambm tem a mesma funo; e com o item 14 que tambm traz informaes recentes.

15

Notcias Fundec

16

Espao em branco Notcias anteriores, trazendo informaes das unidades mantidas e da prpria Instituio. No deveria trazer problemas para o usurio, mas diante da repetio da palavra notcias e de tantos links de acesso a elas, pode ocasionar erro na busca por informaes. Alerta para o novo telefone da Instituio. Link direcionando para a pgina da CIPA (Comisso Interna de Preveno de Acidentes) da Instituio. Esse tipo de informao interessa muito mais para os usurios internos do que externos da Instituio. Informao necessria somente aos professores da Instituio, ou seja, usurios internos. No h um espao destinado somente ao professor na home page. No oferece riscos de erro ao usurio, pois no interage com ele. Link direcionando para um projeto disponibilizado na home page da Fundec. Links que direcionam para outras pginas. Link direcionando para um projeto da disponibilizado na home page da Fundec. Link direcionando para um projeto disponibilizado na home page da Fundec. da unidade Anglo-CID, da unidade Unifadra,

17

Notcias anteriores

18

Ligue-se (banner)

19

Fundec CIPA (banner)

20

Plataforma Lattes (banner)

21

Contador de visitantes

22

Interatividade (banner)

23

Sites de pesquisa

24

Incluso Digital (banner) Projeto Teia do Saber-Artes (banner)

25

unidade

Unifadra,

Diante da imagem da home page (Figura 15), pode-se notar a falta de uma melhor estruturao das informaes, ou seja, a falta de uma arquitetura de informao adequada e de uma taxonomia que classifique adequadamente as informaes facilitando a vida dos usurios. So 25 (vinte e cinco) informaes oferecidas pela home page sem nenhum estudo prvio sobre o modelo mental do usurio.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 46 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

notria a necessidade de uma re-avaliao, primeiramente dessa home page, podendo e devendo ser estendida, posteriormente, para todo o site. O site da FUNDEC, diante das informaes disponibilizadas em sua home page, entra em conflito at mesmo quando analisamos o processo de categorizao de websites. Ele pode ser considerado, de forma subcategrica, um site que contm informaes objetivas, por conter informaes estveis (principalmente em relao aos cursos) e em fornecer informaes que possam se fazer necessrias em diversas ocasies; e tambm ser considerado um site de notcias, pois seu apelo, muitas vezes baseia-se em fornecer informaes dinmicas e atualizadas. Segundo Shneiderman (1996, apud, SANTOS, 2000), os websites podem ser categorizados de acordo com as seguintes dimenses: 1. Pela identidade indivduo, grupo, universidade, organizaes sem fins lucrativos, agncias governamentais, etc. 2. Pelo nmero de pginas sites pequenos, mdios ou grandes; 3. Pela medida de sucesso sites bem sucedidos so os que conseguem alcanar seu objetivo junto ao pblico a que se destina; 4. Pelos objetivos ao considerar o objetivo dos sites. Fleming (1998) os classifica como: de compras, comunitrio, de entretenimento, de identidade corporativa, de aprendizado, de informao (considerando os que tm a informao como seu foco principal). Neste ltimo, se encaixam melhor as instituies educacionais e a prpria FUNDEC. Fleming (1998) atenta para questes importantes voltadas s necessidades dos usurios. Alm das fundamentais como: onde estou? Para onde posso ir? Entre outras questes que devem ser consideradas e respeitadas como: 1. Como saberei se um site tem o que estou procurando? 2. Como encontrarei a informao exata que procuro? 3. E se eu no estiver certo sobre o que procurar? 4. A informao ser certa para mim?
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 47 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

5. Posso crer nessa informao? 6. Posso guardar o que encontrei para uso posterior? Diante dessas questes, o desafio em centrar o projeto no usurio, no caso da home page em questo, torna-se mais complexo visto que a FUNDEC mantenedora de cinco unidades educacionais: 1. Colgio Anglo-CID (ensino fundamental e mdio); 2. CEP - Centro de Educao Profissional Francisco Graziano Filho (ensino tcnico-profissionalizante); 3. UME Unidade Modelo de Ensino (ensino tcnico-profissionalizante); 4. UNIFADRA Unio das Faculdades Dracena (ensino superior) e; 5. UNIVIRTUAL (cursos tcnicos superiores de ensino a distncia), numa parceria com a UNOPAR (Universidade Norte do Paran). 4.3.3 Procedimentos A home page do site foi avaliada e teve suas informaes re-organizadas por um grupo de usurios, pr-determinado, utilizando-se a tcnica de Card Sorting. 4.3.4 Escolha dos Sujeitos A tcnica de Card Sorting deve ser aplicada, segundo Nielsen (2004), com um nmero de 15 a 20 sujeitos, trs vezes mais que um teste de usabilidade normal. Executar o teste com mais usurios melhora muito pouco a qualidade do resultado. Sendo assim, no presente caso, optou-se por aplicar a tcnica com dezesseis alunos do curso de Educao Artstica da unidade educacional UNIFADRA, de ensino superior, mantida pela Fundao Dracenense de Educao e Cultura. A escolha dos sujeitos foi um tanto quanto difcil. A busca por alguns critrios de incluso que, hipoteticamente, garantiriam o sucesso da pesquisa foram:

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 48 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

1. conhecimento sobre informtica (manuseio do equipamento oferecido e reconhecimento dos termos tcnicos utilizados durante a aplicao da pesquisa); 2. facilidade em navegar pela internet, mesmo utilizando somente a pgina principal do site, no caso, a home page, como objeto de estudos; 3. de forma um tanto subjetiva, de acordo com o contato profissional existente entre pesquisadora e alunos h algum tempo, escolheu-se entre os trs termos existentes no curso, usurios de raciocnio rpido e lgico e que apresentam facilidade para resolver problemas. Os sujeitos eram de ambos os gneros, com idades entre 19 (dezenove) e 44 (quarenta e quatro anos) anos (MDIA: 25,13; D.P.: 11,52). 4.3.5 Local da Pesquisa e Equipamentos Utilizados Para a realizao da pesquisa, utilizaram-se 16 (dezesseis) computadores Pentium 4 conectados via rdio (sistema speedy) web, numa sala climatizada, com mobilirio adequado para que a pesquisa no recebesse interferncias de fatores externos e ambientais (16).

Figura 16 Laboratrio virtual

O laboratrio em questo de propriedade da prpria instituio, tendo sido seu uso devidamente autorizado para a aplicao da pesquisa.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 49 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Execuo 4.3.6 Procedimentos para Execuo da Avaliao da Home Page Aps a escolha dos sujeitos, os mesmo foram convidados, verbalmente, para participar da pesquisa. Informou-se aos sujeitos que todo o procedimento seria fotografado e filmado, para fins de registro, no ocorrendo nenhuma rejeio. Foi necessria uma explicao prvia sobre o objetivo da pesquisa. Aps entendimento, os sujeitos atenderam prontamente, sem nenhum problema. O fato de poder contribuir para a home page da instituio de alguma forma, que eles ainda no tinham condies de prever, facilitou a adeso ao projeto e aguou, de certa forma, a curiosidade de todos. Individualmente, todos os sujeitos foram contatados, perante a necessidade de se levantar a disponibilidade de cada um, possibilitando definir a data e o horrio em que a pesquisa poderia ser aplicada. Definida a data e o horrio, todos os sujeitos foram informados e solicitou-se para que os mesmo chegassem ao local determinado com meia hora de antecedncia. Um Termo de Consentimento Livre e Esclarecido foi preenchido e assinado por cada participante (Apndice B). Como material de apoio, foram distribudas a cada participante 3 (trs) folhas tamanho A4, margeadas, com linhas e uma caneta, em um saco plstico, devidamente identificado com os dados do projeto. Esse material serviu para que cada participante fizesse suas anotaes individuais, podendo ser devolvido, ou no, ao final da pesquisa. Dentro do horrio estabelecido, ou seja, s 19h do dia 22 de setembro de 2006, iniciou-se a pesquisa solicitando que cada usurio cumprisse as seguintes tarefas prvias e individuais, de forma que um no influenciasse no comportamento do outro: - ligar o seu computador (equipamento); - conectar-se internet; - entrar no site: www.fundec.edu.br; - analisar e anotar todas as informaes contidas na home page, num perodo de 20 (vinte) minutos (podia-se navegar pelo site, se o sujeito achasse necessrio).
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 50 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Durante esse perodo, foi solicitado para que todos os participantes se mantivessem em silncio, facilitando a concentrao.

Figura 17 Momento em que os usurios recebiam instrues da pesquisadora

Aps o cumprimento dessas tarefas, determinadas pela pesquisadora e cumpridas sem a ocorrncia de nenhum problema, cartes foram dispostos sobre uma mesa, relativamente grande, possibilitando, sem restries, o acesso de todos os participantes s informaes disponibilizadas. Iniciava-se, assim, a tcnica de Card Sorting.

Figura 18 Cartes distribudos na mesa

Mesmo ciente das diferenas de se aplicar o Card Sorting aberto e o fechado, a presente pesquisa optou, mesmo correndo riscos e contradizendo algumas referncias,
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 51 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

por aplicar os dois formatos, considerando o fato de que nunca havia sido realizado nenhum teste de usabilidade, ou mesmo uma avaliao prvia que descrevesse os usurios da home page em questo, antes da concretizao de seu projeto final, e mesmo antes de ser disponibilizada na web. Baseando-se na taxonomia j existente na home page, rtulos foram criados previamente, representando as informaes disponibilizadas pela instituio. Todos apresentavam o formato de um retngulo, no formato 5,5 cm x 9,5 cm, recortados em papel resistente, diferenciados por cores e com seus contedos escritos mo. Os rtulos apresentados foram os seguintes: Em Amarelos, com texto apresentado em vermelho, totalizando 5 (cinco), a classificao dos rtulos de categoria categoria:

SOBRE A FUNDEC

UNIDADES

PROJETOS

VIDA ACADMICA

SERVIOS COMUNIDADE

As categorias acima foram definidas pela pesquisa, da seguinte forma: 1. O site da Fundec, portanto informaes sobre ela so consideradas fundamentais; 2. A existncia da Fundec se deve ao fato de ela ser mantenedora de suas unidades; 3. A Fundec enfatiza seus projetos. Isso notrio na prpria home page. 4. Tem seu alunado como principal cliente/usurio. 5. mantenedora de certificado de filantropia, considerada Patrimnio da Comunidade, mantm vnculo com a Prefeitura Municipal, prestando muitos servios para Dracena (SP) e regio. Em Brancos, com texto apresentado em preto, totalizando 28 (vinte e oito), a descrio dos rtulos de contedo, j existentes:
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 52 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

UNIFADRA

PROEDUC

NOTAS ON-LINE

NOTCIAS

UNOPAR VIRTUAL

ORGANOGRAMA

TEIA DO SABER

BIBLIOTECA

CEP

DEPTO. COMUNICAO

UME

OUVIDORIA

ANGLOCID

CIPA

FUNDECNET

PALESTRAS

WEB-MAIL

CADASTRAMENTO CURRCULO PROFESSOR

INTERATIVIDADE

INCLUSO DIGITAL

PLATAFORMA LATTES

CONTATO

BUSCA NA NET

LOCALIZAO

CONTADOR DE VISITANTES

PRINCIPAL

PREVISO DO TEMPO

SITES DE PESQUISA

Todos os cartes foram dispostos sobre a mesa sem nenhuma ordem definida. Em busca de uma nova taxonomia que melhorasse a usabilidade da home page, o sistema de navegao e o acesso s informaes por usurios (de primeiro, segundo ou terceiro plano), explicou-se aos participantes que a pesquisa seria dividida em 2 (duas) partes: Parte 4.3.6.1 Primeira Parte instrues sobre o Card Sorting fechado Atravs da tcnica de Card Sorting fechado, os participantes no poderiam inserir, de forma alguma, nenhum outro tipo de carto alm dos j existentes e definidos pela pesquisa.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 53 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Aps o perodo inicial, dedicado anlise da home page, deveriam distribuir os rtulos de contedo (brancos), pelos de categoria (amarelos) j existentes, da seguinte forma: - os rtulos de categoria (amarelos) deveriam ser dispostos, da esquerda para a direita, em escala de maior para menor valor; e - os rtulos de contedo (brancos) deveriam ser distribudos logo depois, entre as categorias, tambm em escala de maior para menor valor, s que no sentido de cima para baixo. Parte 4.3.6.2 Segunda Parte instrues sobre o Card Sorting aberto Em seguida, numa segunda parte, explicou-se aos participantes que, dentro da tcnica de Card Sorting aberto, os mesmos estavam autorizados a incluir cartes, ou seja, rtulos que achassem necessrios; e tambm a excluir cartes, se fosse o caso. Tudo isso seguindo as mesmas recomendaes da primeira parte da pesquisa. O grande desafio seria montar essas novas taxonomias em grupo, respeitando e discutindo o modelo mental de cada um dos participantes. Como suporte para a formao de novas taxonomias, foi utilizada uma placa de isopor de 2,5cm de espessura, coberta de papel veludo vermelho, num formato que disponibilizasse bastante espao para ser utilizado pelos participantes. Registra-se aqui que no houve, em nenhum momento, interferncia da pesquisadora nas decises tomadas pelos participantes. A mesma limitou-se a explicar somente o contedo de alguns rtulos e tirar algumas dvidas quando solicitada, conforme descrito e permitido pela tcnica de Card Sorting. 4.3.6.3 Executando o Card Sorting fechado Durante um perodo de aproximadamente 20 minutos, estipulado pelo projeto, cada participante pde analisar e anotar (se achasse conveniente), todas as informaes disponibilizadas na home page do site em questo, no necessariamente tendo que

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 54 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

navegar por entre ele, ficando a critrio de cada um verificar a necessidade ou no do mesmo. Para tal tarefa, cada participante fez uso do material que lhe fora oferecido. Passado esse perodo, todos os participantes foram convidados a conhecer os cartes pr-definidos pela pesquisa, com as informaes contidas no site e disponibilizadas atravs de sua home page (conforme item 4.3.2). Os cartes foram dispostos numa mesa de forma aleatria, somente diferenciados por suas cores; Amarelos para as categorias e Brancos para os contedos, de forma que todos pudessem formar novas taxonomias, discutindo e ponderando entre si, visto que o consenso da equipe de participantes formaria a nova proposta, conforme havia sido informado no incio da pesquisa. Diante dos cartes, num primeiro contato, foi oferecida a cada participante a condio de manipul-los com facilidade ao redor da mesa (utilizada como suporte). Cada um exps sua idia, ou seja, seu modelo mental, de como as informaes poderiam ser organizadas e agrupadas, de forma que lhe fizesse sentido. Os participantes foram lembrados de que deveriam separar primeiramente as categorias e depois distribuir os contedos entre elas, sempre na ordem de maior para menor valor.

Figura 19 Participantes discutindo a organizao das informaes Card Sorting fechado

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 55 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 20 Participantes discutindo a organizao das informaes Card Sorting fechado

Durante esse processo de discusso, notou-se que, apesar de ser um site j conhecido pelos usurios, muitos itens contidos no mesmo ainda lhes eram desconhecidos. Quase todos os participantes tiveram que voltar aos seus lugares, por diversas vezes, para verificar novamente as informaes que a home page oferecia. Houve tambm a necessidade de se fazer algumas perguntas sobre o contedo de alguns rtulos para a pesquisadora, que se limitou a responder somente o necessrio, eliminando assim a possibilidade de induzir o direcionamento da pesquisa. Os termos utilizados nos cartes (rtulos) eram iguais ou similares, muito prximos mesmo, dos prprios contedos oferecidos. Os 28 (vinte e oito) rtulos Brancos descrevendo os contedos estavam relacionados com os contedos dos rtulos Amarelos, das categorias. Iniciou-se assim a busca por novas taxonomias:

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 56 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 21 Formao de novas taxonomias Card Sorting fechado

4.3.6.4 Executando o Card Sorting aberto Dando seguimento na pesquisa, os participantes retornaram ao Laboratrio. Novamente diante dos cartes, j num segundo contato, foi oferecida a cada participante a condio de manipul-los. Os mesmos j no se encontravam mais sobre a mesa, mas sim fixados no suporte de isopor, coberto por papel veludo vermelho e fixados somente com alfinetes. Os participantes foram lembrados de que deveriam separar primeiramente as categorias e depois distribuir os contedos entre elas, sempre na ordem de maior para menor valor. Porm, nesta segunda parte, eles podiam inserir ou excluir cartes; possibilitando assim criar novos rtulos: de categoria ou de contedo. Cada um exps sua idia, ou seja, seu modelo mental, de como as informaes poderiam ser organizadas e agrupadas, de forma que lhe fizessem sentido.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 57 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 22 Participantes discutindo a organizao das informaes Card Sorting aberto

Figura 23 Insero e excluso de rtulos, de acordo com a opinio do grupo

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 58 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Figura 24 Insero e excluso de rtulos, de acordo com a opinio do grupo

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 59 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

5. RESULTADOS 5.1 Apresentao dos Resultados - Card Sorting fechado O primeiro rtulo de categoria a ser separado pelos participantes foi o que trazia a inscrio: Sobre a Fundec.

SOBRE A FUNDEC

A este rtulo, os participantes relacionaram:

PRINCIPAL

OUVIDORIA

PLATAFORMA LATTES

NOTCIAS

CIPA

CONTATO

ORGANOGRAMA

WEB-MAIL

LOCALIZAO

DEPTO. COMUNICAO

CADASTRAMENTO CURRCULO PROFESSOR

CONTADOR DE VISITANTES

Figura 25 Formao da taxonomia do rtulo Sobre a Fundec

Ou seja, relacionaram com o rtulo/categoria Sobre a Fundec, os seguintes rtulos/contedos:

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 60 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Tabela 2 - Descrio da taxonomia formada para o rtulo Sobre a Fundec Rtulos


PRINCIPAL NOTCIAS ORGANOGRAMA

Descries Descries
Link de retorno pgina principal. Notcias da Instituio e suas unidades mantidas. Fornece a hierarquia da Instituio. No caso de precisar se reportar a algum. Setor que trabalha com todas as informaes/notcias da Instituio, bem DEPTO. DE COMUNICAO como de suas unidades mantidas, atravs de rdio, TV, jornais, etc. Mantm tambm, como meio de comunicao, um sistema de Rdio Interno. Sistema existente para sugestes, dvidas e crticas dos clientes da Instituio OUVIDORIA Busca oferecer solues para os problemas levantados. Comisso Interna de Preveno de Acidentes da Fundec (direcionada aos

SOBRE A FUNDEC FUNDEC

CIPA funcionrios). WEB-MAIL CADASTRAMENTO CURRCULO PROFESSOR Sistema de endereo eletrnico (direcionado somente aos funcionrios). Sistema de cadastramento de currculos para o usurio externo que tenha interesse em lecionar nas unidades da Instituio. Sistema de cadastro de currculo on-line, direcionado aos professores da PLATAFORMA LATTES Instituio. Link que proporciona o contato de qualquer usurio com a Instituio, suas CONTATO unidades mantidas e respectivos setores. Link que possibilita localizar o prdio da Instituio, dentro da cidade de LOCALIZAO Dracena (SP). Sistema que possibilita Instituio saber quantos usurios visitaram a pgina CONTADOR DE VISITANTES at certo momento.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 61 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O segundo rtulo de categoria a ser separado pelos participantes foi o que trazia a inscrio: Unidades.

UNIDADES

A este rtulo, os participantes relacionaram:

UNIFADRA

UME

UNOPAR VIRTUAL

ANGLOCID

CEP

FUNDECNET

Figura 26 Formao da taxonomia do rtulo Unidades

Tabela 3 - Descrio da taxonomia formada para o rtulo Unidades Rtulos


UNIFADRA UNOPAR VIRTUAL UNIDADES CEP UME ANGLO-CID FUNDECNET

Descries
Unidade que oferece ensino atravs de cursos superiores. Unidade que oferece ensino atravs de cursos a distncia. Unidade que oferece ensino atravs de cursos tcnico-profissionalizantes. Unidade que oferece ensino atravs de cursos tcnico-profissionalizantes. Unidade que oferece ensino fundamental e mdio. Unidade mantenedora de provedor de Internet.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 62 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O terceiro rtulo de categoria a ser separado pelos participantes foi o que trazia a inscrio: Projetos.

PROJETOS

A este rtulo, os participantes relacionaram:

PROEDUC

INTERATIVIDADE

TEIA DO SABER

INCLUSO DIGITAL

Figura 27 Formao da taxonomia do rtulo Projetos

Tabela 4 - Descrio da taxonomia formada para o rtulo Projetos Rtulos Descries


Organizao No-Governamental: Associao PROEDUC de Incluso PROEDUC Social na Educao. Projeto para capacitao de professores da Rede Pblica (Governo do PROJETOS TEIA DO SABER Estado de So Paulo). INTERATIVIDADE Projeto interno para captao de alunos. Projeto de incluso digital (informtica) para alunos do ensino INCLUSO DIGITAL fundamental.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 63 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O quarto rtulo de categoria a ser separado pelos participantes foi o que trazia a inscrio: Vida Acadmica.

VIDA ACADMICA

A este rtulo, os participantes relacionaram:

NOTAS ON-LINE

SITES DE PESQUISA

BIBLIOTECA

PALESTRAS

Figura 28 Formao da taxonomia do rtulo Vida Acadmica

Tabela 5 - Descrio da taxonomia formada para o rtulo Projetos Rtulos


NOTAS ON-LINE VIDA ACADMICA BIBLIOTECA

Descries
Sistema on-line que permite ao aluno verificar suas notas. Link que permite conhecer a biblioteca, seu acervo, entre outros servios. Link que d acesso a outros sites para pesquisa, oferecidos aos usurios

SITES DE PESQUISA por rea de conhecimento. PALESTRAS Notcias sobre palestras que a Fundao e suas unidades oferecem.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 64 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O quinto e ltimo rtulo de categoria a ser separado pelos participantes foi o que trazia a inscrio: Servios Comunidade.

SERVIOS COMUNIDADE

A este rtulo, os participantes relacionaram:

BUSCA NA NET

PREVISO DO TEMPO

Figura 29 Formao da taxonomia do rtulo Servios Comunidade

Tabela 6 - Descrio da taxonomia formada para o rtulo Servios Comunidade Rtulos Rtulos
COMUNIDADE

Descries
BUSCA NA NET Sistema de busca na internet, atravs do site do Google.

SERVIOS

PREVISO DO TEMPO

Link que permite ao usurio saber qual vai ser a previso do tempo.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 65 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O resultado geral da nova taxonomia, proposta pelos participantes/usurios, para a home page da Fundec, atravs da aplicao da tcnica de Card Sorting fechado, foi:

Figura 30 Resultado geral da taxonomia proposta pelos participantes/usurios, atravs da aplicao da tcnica de Card Sorting fechado

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 66 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Apresentao Resultados 5.2 Apresentao dos Resultados - Card Sorting aberto O primeiro rtulo de categoria, que faria parte da nova taxonomia que estava prestes a ser formada, continuou sendo o rtulo Sobre a Fundec, ou seja, foi mantido em primeiro lugar pelos participantes. Numa ordem de maior para menor valor, entre as categorias oferecidas, ele foi tido como prioritrio. Mas os participantes fizeram alteraes nos rtulos de contedo, excluindo alguns cartes e inserindo outros (destacados aqui pela cor cinza), conforme pode ser visto a seguir:

SOBRE A FUNDEC

A este rtulo, os participantes relacionaram:

INSTITUCIONAL

OUVIDORIA

CONCURSOS CONCURSOS

NOTCIAS

CIPA

CONTATO

ORGANOGRAMA

WEB-MAIL

LOCALIZAO

DEPTO. COMUNICAO

GALERIA

CONTADOR DE VISITANTES

Figura 31 Formao da taxonomia do rtulo Sobre a Fundec

Cartes de contedo excludos pelo grupo: PRINCIPAL, CADASTRAMENTO CURRCULO PROFESSOR e PLATAFORMA LATTES.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 67 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Ou seja, relacionaram com o rtulo/categoria Sobre a Fundec, os seguintes rtulos/contedos:


Tabela 7 - Descrio da taxonomia formada para o rtulo Sobre a Fundec Rtulos Descries
Link contendo informaes sobre a Instituio dentro de um contexto INSTITUCIONAL histrico. NOTCIAS Notcias da Instituio e suas unidades mantidas. Fornece a hierarquia da Instituio. No caso de precisar se reportar a ORGANOGRAMA algum. Setor que trabalha com todas as informaes/notcias da Instituio, bem DEPTO. DE COMUNICAO como de suas unidades mantidas, atravs de rdio, TV, jornais, etc. Mantm tambm, como meio de comunicao, um sistema de rdio interno. Sistema existente para sugestes, dvidas e crticas dos clientes da Instituio SOBRE A FUNDEC OUVIDORIA Busca oferecer solues para os problemas existentes. Comisso Interna de Preveno de Acidentes da Fundec (direcionada aos CIPA funcionrios). WEB-MAIL GALERIA CONCURSOS Sistema de endereo eletrnico (direcionado somente aos funcionrios). Link contendo fotos da Instituio, num contexto geral. Links sobre concursos. Link que proporciona o contato de qualquer usurio com a Instituio, suas CONTATO unidades mantidas e respectivos setores. Link que possibilita localizar o prdio da Instituio, dentro da cidade de LOCALIZAO Dracena (SP). Sistema que possibilita Instituio saber quantos usurios visitaram a CONTADOR DE VISITANTES pgina at certo momento. Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 68 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O segundo rtulo de categoria a ser apontado pelos participantes foi criado pelo grupo, denominado Ensino. Os rtulos de contedo tambm foram criados e inseridos na taxonomia.

ENSINO

A este rtulo, os participantes relacionaram:

PSPSGRADUAO

ENSINO A DISTNCIA

FUNDAMENTAL E MDIO

GRADUAO

TCNICO PROFISSIONAPROFISSIONALIZANTE

Figura 32 Formao da taxonomia do rtulo Ensino

Carto de categoria excludo pelo grupo: UNIDADES. Cartes de contedo excludos pelo grupo: UNIFADRA, UNOPAR VIRTUAL, CEP, UME e FUNDECNET.

Tabela 8 - Descrio da taxonomia formada para o rtulo Ensino Rtulos Descries


PS-GRADUAO GRADUAO ENSINO ENSINO A DISTNCIA TCNICOOferecimento de ensino atravs de cursos tcnico-profissionalizantes. PROFISSIONALIZANTE FUNDAMENTAL E MDIO Oferecimento de ensino fundamental e mdio. Oferecimento de ensino atravs de cursos de ps-graduao. Oferecimento de ensino atravs de cursos de graduao. Oferecimento de ensino atravs de cursos a distncia.

Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 69 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O terceiro rtulo de categoria a ser separado pelos participantes continuou sendo o que trazia a inscrio: Projetos.

PROJETOS

A este rtulo, os participantes relacionaram:

INTERATIVIDADE

TEIA DO SABER

INCLUSO DIGITAL

Figura 33 Formao da taxonomia do rtulo Projetos

Carto de contedo excludo pelo grupo: PROEDUC.


Tabela 9 - Descrio da taxonomia formada para o rtulo Projetos Rtulos Descries
Projeto para capacitao de professores da Rede Pblica (Governo do TEIA DO SABER Estado de So Paulo). PROJETOS INTERATIVIDADE Projeto interno para captao de alunos. Projeto de incluso digital (informtica) para alunos do ensino INCLUSO DIGITAL fundamental.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 70 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O quarto rtulo de categoria a ser separado pelos participantes continuou sendo o que trazia a inscrio Vida Acadmica, mas com 4 (quatro) rtulos includos:

VIDA ACADMICA

A este rtulo, os participantes relacionaram:

VESTIBULAR

CALENDCALENDRIO

BIBLIOTECA

SITES DE PESQUISA

MATRCULAS ONON-LINE

NOTAS ON-LINE

PALESTRAS

MURAL DE RECADOS

Figura 34 Formao da taxonomia do rtulo Vida Acadmica

Tabela 10 - Descrio da taxonomia formada para o rtulo Vida Acadmica Rtulos Descries
VESTIBULAR MATRCULAS ON-LINE Link com informaes sobre os vestibulares. Sistema on-line de matrculas. Informaes sobre os eventos da Instituio e suas unidades, bem como CALENDRIO VIDA ACADMICA de datas importantes como: matrculas, re-matrculas, provas, incio e trmino dos semestres, etc. NOTAS ON-LINE BIBLIOTECA PALESTRAS Sistema on-line que permite ao aluno verificar suas notas. Link que permite conhecer a biblioteca, seu acervo, entre outros servios. Notcias sobre palestras que a Fundao e suas unidades oferecem. Link que d acesso a outros sites para pesquisa, oferecidos aos usurios SITES DE PESQUISA por rea de conhecimento. MURAL DE RECADOS Link destinado a recados e contatos entre alunos e egressos.

Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 71 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O quinto rtulo de categoria a ser separado pelos participantes continuou sendo o que trazia a inscrio: Servios Comunidade.

SERVIOS COMUNIDADE

A este rtulo, os participantes relacionaram:

BUSCA NO SITE

PROEDUC

PREVISO DO TEMPO

FUNDECNET

Figura 35 - Formao da taxonomia do rtulo Servios Comunidade

Carto de contedo excludo pelo grupo: BUSCA NA NET. Cartes de contedo remanejados de outros rtulos de categoria: PROEDUC e FUNDECNET.

Tabela 11 - Descrio da taxonomia formada para o rtulo Servios Comunidade Rtulos Descries Descries
BUSCA NO SITE Sistema de busca na home page, do prprio site.

COMUNIDADE

PREVISO DO TEMPO

Link que permite ao usurio saber qual vai ser a previso do tempo. Organizao No-Governamental: Associao PROEDUC de Incluso

SERVIOS

PROEDUC Social na Educao. FUNDECNET Unidade mantenedora de provedor de internet.

Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 72 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O sexto e ltimo rtulo de categoria foi criado pelos participantes, sendo denominado: Docente.

DOCENTE

A este rtulo, os participantes relacionaram:

CADASTRAMENTO CURRCULO PROFESSOR

LEGISLAO

PLATAFORMA LATTES

Figura 36 - Formao da taxonomia do rtulo Docente

Cartes de contedo remanejados de outros rtulos de categoria: CADASTRAMENTO CURRCULO PROFESSOR e PLATAFORMA LATTES.

Tabela 12 - Descrio da taxonomia formada para o rtulo Docente Rtulos Descries


CADASTRAMENTO CURRCULO PROFESSOR DOCENTE Sistema de cadastramento de currculos para o usurio externo que tenha interesse em lecionar nas unidades da Instituio. Sistema de cadastro de currculo on-line, direcionado aos professores PLATAFORMA LATTES da Instituio. LEGISLAO Informaes sobre as legislaes vigentes na rea do Magistrio.

Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 73 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

O resultado geral da nova taxonomia proposta pelos participantes/usurios para a home page da Fundec, atravs da aplicao da tcnica de Card Sorting aberto, foi:

Figura 37 Resultado geral da taxonomia proposta pelos participantes/usurios, travs da aplicao da tcnica de Card Sorting aberto

5.3 Apresentao Geral dos Resultados De posse de todas as informaes obtidas, aps a aplicao das tcnicas de Card Sorting fechado e aberto, chegou-se ao seguinte Levantamento Geral dos Dados Coletados:

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 74 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Tabela 13 Levantamento Geral dos Dados Coletados Taxonomias Formadas pelo Modelo Mental dos Participantes / Usurios
Card Sorting - FECHADO
Rtulo de Categoria Rtulo de Contedo

Card Sorting - ABERTO


Rtulo de Categoria Rtulo de Contedo

Principal Notcias Organograma Depto. Comunicao Ouvidoria CIPA SOBRE A FUNDEC Web-Mail
Cadastramento Currculo Professor

Institucional Notcias Organograma Depto. Comunicao Ouvidoria CIPA SOBRE A FUNDEC Web-Mail Galeria Concursos Contato Localizao Contador de Visitantes Ps-graduao Graduao ENSINO Ensino a Distncia Tcnico-profissionalizante Fundamental e Mdio

Plataforma Lattes Contato Localizao Contador de Visitantes Unifadra Unopar Virtual UNIDADES CEP UME Anglo-CID Fundecnet PROEDUC PROJETOS Teia do Saber Interatividade Incluso Digital Notas on-line Biblioteca Sites de Pesquisa VIDA ACADMICA Palestras VIDA ACADMICA PROJETOS

Teia do Saber Interatividade Incluso Digital

Vestibular Matrcula on-line Calendrio Notas on-line Biblioteca Palestras Sites de Pesquisa Mural de Recados

Busca na Net SERVIOS COMUNIDADE Previso do Tempo SERVIOS COMUNIDADE

Busca no Site Previso do Tempo PROEDUC FUNDECNET Cadastramento Currculo Professor Plataforma Lattes Legislao

DOCENTE

Obs.: Os rtulos marcados pela cor cinza foram criados pelos participantes.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 75 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

DISCUSS 6. DISCUSSO 6.1 Sobre o Card Sorting fechado Diante dos resultados apresentados, pde-se notar que a aplicao das tcnicas de Card Sorting, tanto fechado como aberto, refletiram positivamente. O fato de a home page em questo j ser considerada um produto pronto para ser utilizada pelos usurios indicou uma primeira necessidade: de se trabalhar com o Card Sorting fechado, onde os usurios atuariam somente na reorganizao das informaes j existentes, definindo por ordem classificatria, as taxonomias mais relevantes e a partir da, formando uma nova taxonomia em escala degradativa. O resultado da aplicao dessa tcnica veio somar uma melhoria na usabilidade da interface grfica. O Card Sorting fechado apontou, dentro dos rtulos que foram prestabelecidos para os usurios, e que j faziam parte da taxonomia da interface da home page, uma reorganizao das informaes que facilitaria a usabilidade da mesma, visto que foi remodelada de acordo com os modelos mentais dos usurios, ou seja, de uma forma tal em que os mesmos encontrariam as informaes com mais facilidade, lhes fazendo mais sentido e que tambm, lhes eram de maior interesse (Figura 30). Essa nova taxonomia no proporcionaria somente maior conforto ao usurio, mas tambm tranqilizaria os dirigentes da instituio que, de certa forma, garantiriam uma melhor usabilidade da home page. Manter seus usurios informados um dos objetivos da mesma. Mas, apesar de ser a mais indicada, segundo Maurer (2004) e AMSTEL (2004), por ser a home page um produto j existente, alguns questionamentos ainda permaneciam. Ser que a nica contribuio do usurio deveria ser a reorganizao das informaes? Somente isto bastaria para melhorar a usabilidade da home page pelos usurios? Essa mudana atenderia as suas necessidades? Apesar de toda a reorganizao, uma questo ainda deveria ser considerada: as terminologias no foram alteradas. Segundo Moraes (2003, apud FRISONI e STEIL, 2005), terminologias mal empregadas correm o risco de serem mal entendidas, confundindo a cabea do usurio.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 76 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

6.2 Sobre o Card Sorting aberto Os resultados do Card Sorting fechado mostraram que o arquiteto de informao ou profissional responsvel pelo desenvolvimento da interface da home pages no conseguiu definir, por conta prpria, uma taxonomia razovel que satisfizesse as necessidades dos usurios. A necessidade de o usurio atuar como agente-colaborador no desenvolvimento da home page estava clara. Diante dos questionamentos que ainda pairavam sobre o projeto, contrariando o fato de que, por ser um produto existente, deveria se aplicar somente o Card Sorting fechado e considerando a importncia de se aplicar o Card Sorting em projetos centrados no usurio, decidiu-se aplicar tambm a tcnica de Card Sorting aberto, em que os usurios, segundo AMSTEL (2004), tm a liberdade de descrever rtulos. Diante dessa nova tcnica, os usurios puderam, alm de reorganizar as informaes, descrever novas terminologias, ou seja, criar novos rtulos, e manter outros que foram considerados satisfatrios e compreensveis. Sendo assim, pode-se ressaltar algumas das mudanas que ocorreram (Tabela 13): 1. alguns rtulos de contedo estavam, segundo o modelo mental dos usurios, em rtulos de categorias que no lhe faziam sentido, por exemplo: os rtulos Cadastramento Currculo Professor e Plataforma Lattes estavam no rtulo de categoria Sobre a Fundec. Os mesmos foram remanejados para um novo rtulo de categoria, com uma nova terminologia criada pelos usurios: DOCENTE. Para fazer parte tambm deste rtulo de categoria, foi criado o Rtulo de Contedo: LEGISLAO, trazendo informaes sobre as legislaes vigentes na rea do Magistrio. 2. ainda no rtulo de categoria Sobre a Fundec, a terminologia principal foi trocada por institucional, ressaltando que, realmente, os rtulos de contedo que a acompanham esto diretamente relacionados com a instituio. Vale ressaltar que o uso da terminologia principal pela instituio confundiu a cabea do usurio, que questionou: principal? Para quem? Por qu?

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 77 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

3. Foram criados tambm os rtulos de contedo galeria, que deve trazer, segundo os usurios, informaes visuais sobre a instituio, tanto de infraestrutura, como histrica, e, concursos que, como a prpria terminologia j diz, traria informaes sobre concursos em diversas reas do saber. 4. Um dos aspectos mais relevantes desse resultado foi no do rtulo de categoria Unidades. Enquanto a instituio mantinha-se preocupada em fazer com que os usurios identificassem suas unidades pelo nome, os participantes da pesquisa apontaram mudanas radicais, alterando o nome da categoria para ENSINO e retirando os nomes das unidades para colocar os graus de ensino oferecidos pela Instituio. Para os usurios, encontrar essa informao atravs dos nomes das Unidades mantidas pela Instituio era uma tarefa rdua. Pensou-se tambm em como usurios externos encontrariam essas informaes atravs das terminologias que estavam sendo oferecidas. 5. No rtulo de categoria projetos, somente uma categoria de contedo foi retirada: a PROEDUC, por ser considerada pertencente ao rtulo de categoria Servios Comunidade. 6. O rtulo de categoria Vida Acadmica chamou a ateno, de forma diferenciada, dos usurios, por se tratar de um dos rtulos que mais est ligado ao grupo. Alm dos rtulos de contedo j existentes, foram includos pelos alunos: Vestibular, Matrcula on-line, Calendrio e Mural de Recados, ou seja, informaes que eles consideram de suma importncia para a vida acadmica. 7. E, por fim, no rtulo Servios Comunidade, os usurios eliminaram o rtulo de categoria busca na net, por j ser um servio oferecido por outros sites, e incluram o rtulo de contedo busca no site, uma busca interna, realizada atravs do mapa do site, que facilita e agiliza a busca por informaes dentro do mesmo. O rtulo de contedo Fundecnet foi includo por ser considerado servio prestado comunidade e no diretamente ao aluno.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 78 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Ao aplicar a tcnica de Card Sorting aberto, notou-se que a contribuio do usurio como agente-colaborador no desenvolvimento de interfaces de home pages foi to produtivo quanto tcnica de Card Sorting fechado. Possibilitou ao usurio, mesmo diante de um produto existente, adequar sua taxonomia de forma que lhe fizesse ainda mais sentido, alterando ou criando terminologias para os rtulos e reestruturando a organizao das informaes (Figura 37). Trabalho 6.3 Sobre o Trabalho em Grupo Nielsen (2004) afirma que o nmero mximo de participantes no pode passar de 20. J Maurer (2004) aponta que a tcnica de Card Sorting pode ser aplicada individualmente ou em grupos, sendo que estes devero ser compostos, preferivelmente, por 15 participantes. Acredita-se que um nmero no elevado de participantes facilita a aplicao da tcnica. O projeto optou por trabalhar com um grupo de 16 alunos, indivduos que apresentavam o perfil de lderes, justamente para fomentar a discusso entre os mesmos. notrio que se aplicado individualmente, em grupos ou em grupos liderados por um indivduo somente, os resultados se apresentariam de formas diferentes, mas no muito contrrios aos que foram alcanados. Acredita-se que mudanas ocorreriam na reorganizao das informaes e que novas terminologias poderiam surgir para os rtulos, mas nada muito significativo, visto que os indivduos, sejam eles quais fossem, fariam parte de um pblico j definido, ou seja, usurios da home page em questo, que possuem necessidades seno iguais, muito prximas dos participantes desta. Obviamente, no se descarta a possibilidade de se ampliar a pesquisa futuramente, confrontando novos resultados que venham a ser obtidos. Contribuies 6.4 Sobre as Contribuies do Projeto Os resultados do projeto j corroboram mudanas na mentalidade da prpria Instituio, que apesar de sempre atuar em prol dos usurios do seu site, no tinha subsdios suficientes para reconhecer terminologias como ergonomia, usabilidade, design centrado no usurio, modelo mental do usurio, etc.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 79 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Recentemente, o setor de Ouvidoria da Instituio educacional incluiu em sua pesquisa semestral questes como: Com que freqncia o usurio acessa o site da sua escola? O usurio encontra com facilidade as informaes que procura? A maneira como as informaes esto dispostas no site agrada o usurio? Entre outras, que acabam colaborando para o incio de um novo processo de pesquisa. Um questionrio on-line j est sendo estudado para que fique de forma permanente no site, proporcionando condies tanto ao desenvolvedor da home page, como aos dirigentes da Instituio, de conhecer, constantemente, os modelos mentais de seus usurios, podendo antecipar o resultado de suas intervenes e usar suas experincias acumuladas.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 80 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

FINAIS 7. CONSIDERAES FINAIS O presente projeto justificou-se por trazer resultados que apontaram a necessidade de se aumentar ainda mais as pesquisas na rea da web, principalmente no que se refere construo de home pages, enquanto interfaces grficas, por serem consideradas de suma importncia no acesso a sites. Essas pginas iniciais so os elos que permitem um melhor processo de interao entre usurio e web, facilitando sua vida na busca por informaes. Diante dos resultados, pde-se perceber como fcil utilizar o usurio como colaborador, ou agente-facilitador, no desenvolvimento de home pages. Possibilitar que o usurio participe de processos de desenvolvimento, ou de re-desenho de um produto, acarreta em diminuio de problemas futuros, tanto para usurio como para o profissional que o projeta. Afinal, ele projeta para o usurio, em prol dele. Conhecer melhor o usurio ainda o melhor caminho para projetar produtos melhores, que facilitem a vida do mesmo, garantindo-lhe maior satisfao em us-los, no se esquecendo de levar sempre em considerao aspectos ergonmicos e de usabilidade. Conhecer melhor o usurio tambm significa conhecer melhor seu modelo mental, ou seja, de que forma ele acredita ser mais fcil realizar suas tarefas. Vale ressaltar o fato de que, na home page, a interface informtica difere, por exemplo, de um jornal que tem sempre as informaes mostra, a mesma coloca o usurio diante de um pacote terrivelmente redobrado, com uma quantia inumervel de informaes, em uma superfcie considerada pequena, para que torne as informaes diretamente acessveis em um mesmo instante (LVY, 1993). Essa afirmao sugere que a ateno seja redobrada diante dessa nova situao que os usurios enfrentam para se manterem informados, num mundo totalmente globalizado. Cabe aos profissionais da rea e tambm aos designers se conscientizarem a cada dia sobre as mudanas constantes que a web oferece ao profissional e ao usurio. Acompanhar essas mudanas pede estudos constantes sobre o assunto e resultados que possam ser aplicados em forma de contribuies futuras.
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 81 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

BIBLIOGRFICAS REFERNCIAS BIBLIOGRFICAS AGNER, Luiz. Ergodesign e arquitetura de informao Trabalhando com o usurio. Rio informao. de Janeiro: Quartet, 2006. AMSTEL, Frederick Van. Design centrado no usurio para website Curitiba: UFPR, 2004. website. ASSIS, Vnia Fonseca de Freitas. Avaliao do sistema de informatizao processual por meio do design macroergonmico. Santa Catarina: 2005. Disponvel em: <http://teses.eps.ufsc.br/defesa/pdf/4922.pdf> Acesso em: 22 jan. 2006.
ASSOCIAO BRASILEIRA DE NORMAS TCNICAS. NBR 6023: informao e documentao referncias - elaborao. Rio de Janeiro: ABNT, 2002. ______. NBR 10520: informao e documentao citaes em documentos - apresentao. Rio de Janeiro: ABNT, 2002. ______. NBR 14724: informao e documentao - trabalhos acadmicos- apresentao. 2.ed. Rio de Janeiro: ABNT, 2005.

BONSIEPE, Gui. Design do material ao digital Florianpolis: FIES/IEL, 1997. digital. BOOTH, Paul. An introduction to human-computer interaction. London: Lawrence humaninteraction Erlbaum Associates, 1989. CARVALHO, R. F. Webdesign Goal: uma metodologia de auxlio no desenvolvimento de sistemas inteligentes para a busca de informaes na web. Bauru: Unesp, 2003. CHAK, A. Como criar sites persuasivos So Paulo: Pearson Education do Brasil, 2004. persuasivos. COSTA NETO, P. L. de O. Estatstica 2.ed. 2005. So Paulo: Edgard Blcher, 2002. Estatstica. CYBIS, Walter de Abreu. Ergonomia de interfaces humano-computador Florianpolis: humano-computador. 2002. Disponvel em: <http//www.labiutil.inf.ufsc.br/apostila.htm> Acesso em: 26 out. 2004. DOTTA, Silvia. Construo de sites So Paulo: Global, 2000. sites. DUL, J., WEERDMEESTER, B. Ergonomia prtica So Paulo: Edgard Blcher, 2000. prtica. FERNANDES, Joo Candido. Metodologia cientfica Bauru: UNESP, 1997. 49 p. cientfica. (Apostila desenvolvida para a disciplina de Metodologia do Ensino e da Pesquisa Cientfica do curso de Ps-graduao em Engenharia rea de Concentrao em Engenharia Industrial da Universidade Estadual Paulista - UNESP) FLEMING, Jeniffer. Web navigation: designing the user experience. Sebastopol, CA: ORielly, 1998.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 82 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

FRISONI, Bianca Cappucci, STEIL, Viviane. Como estruturar melhor a rea de contato com o usurio? A utilizao da tcnica de Card Sorting para desenvolver a estrutura do website do ncleo de inovao em design da cadeia txtil. In: 5 Congresso Internacional de Ergonomia e Usabilidade, Design de Interfaces e Interao Humano-Computador, 5. Anais... Rio de Janeiro: USIHC: 2005. GARRET, Jesse James. Os elementos da experincia do usurio. Disponvel em <http://www.jjg.net/ia/elements_pt.pdf>Acesso em: 17 jan. 2000. GIL, Antonio Carlos. Como elaborar projetos de pesquisa 3 ed. So Paulo: Atlas, 1996. pesquisa esquisa. GOMES, J. F. Ergonomia do objeto: sistema tcnico de leitura ergonmica. So Paulo: . Escrituras, 2003. GRECO, Alessandro. Ele inventou a internet...VEJA So Paulo, v. 39, n. 71, p. 38-39, VEJA, VEJA jul. 2006. Edio Especial. GRECO, Alessandro. Ele inventou a internet...VEJA So Paulo, v. 39, n. 71, p. 40-41, VEJA, VEJA jul. 2006. Edio Especial. HOM, James. The usability method toolbox. Card Sorting 1996. Disponvel Sorting. em<http://jthom.best.vwh.net/usability/index.htm>Acesso em: 01 ago. 2006. IIDA, Itiro. Ergonomia, projeto e produo So Paulo: Edgard Blcher, 2001. produo. JORDAN, Patrick. An introduction to usability London: Taylor & Francis, 1998. usability. KUROSE, James F; ROSS, Keith W. Redes de computadores e a internet: uma nova abordagem. So Paulo: Assison Wesley, 2003. LVY, Pierre. As tecnologias da inteligncia o futuro do pensamento na era da inteligncia: informtica. Rio de Janeiro:1993. MAURER, Donna, WARFEL, Todd. Card Sorting: a definitive guide. Disponvel em: <http://www.boxesandarrows.com/view/card_sorting_a_definitive_guide> Acesso em: 16 abr. 2004. MORAES, Anamaria de. Interao homem-computador: modelo mental do usurio. In: Congresso Latinoamericano, II e Seminrio brasileiro de Ergonomia, 6. Anais... Florianpolis: ABERGO: 1993. MORAES, Anamaria de, PAMPLONA, Ricardo dAlbergaria. Interao homemcomputador, projeto de interface, ergonomizao do dilogo: compreensibilidade de cones de programa grfico entre designers. Estudos em design Rio de Janeiro, v. 1, n. 1, design. p. 54-59, ago. 1993.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 83 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

MORAES, Anamaria de, MONTEIRO, Andr, SOARES, Flvia. A ergonomizao da comunicao informatizada em sistemas multimdia de uso pblico. In: P&D Design 96 96, Anais... Rio de Janeiro, AEnD. 1996. p. 37-46. MORAES, Anamaria de. Ergonomia: conceitos e aplicaes 2.ed. Rio de Janeiro: 2AB, aplicaes icaes. 2000. MORAES, Anamaria de. Design e avaliao de interface Rio de Janeiro: IUsEr, 2002. interface. MORAES, Anamaria de. Usabilidade de interfaces, interao humano-computador, arquitetura da informao. In. 2 USIHC. Anais... Rio de Janeiro, LEUI / PUC-Rio, 2003. CD-ROM. NIELSEN, Jacob. Usability engineering EUA: Morgan Kaufmann, 1993. engineering. NIELSEN, Jacob. Homepage: 50 websites desconstrudos Rio de Janeiro: Campus, 2002. desconstrudos. NIELSEN, Jacob. Card Sorting: how many users to test. Disponvel em <http://www.useit.com/alertbox/20040719.html>Acesso em: 03 ago. 2004. PADOVANI, Stephania. Avaliao ergonmica de sistemas de navegao em hipertextos fechados. fechados Rio de Janeiro: PUCRio, 1998. PARENTE, Andr. Imagem mquina: a era das tecnologias do virtual Rio de Janeiro: Ed, virtual. 1993. PVOA, Marcello. Anatomia da internet: Investigaes estratgicas sobre o universo digital. Rio de Janeiro: Casa da Palavra, 2000. PREECE, Jennifer. A guide to usability human factors in computing England: Addison computing. Wesley, 1997. PREECE, Jennifer, ROGERS, Yvonne, SHARP, Helen. Design de interao: alm da interao homem-computador. Porto Alegre: Bookman, 2005. RIOS, Rosngela Siqueira Hickson. Projeto de sistemas Web orientados a interface Rio de interface. Janeiro: Campus, 2003. RUDIO, Franz Victor. Introduo ao projeto de pesquisa cientfica 21.ed. Petrpolis: cientfica. Vozes, 1997. SAMPAIO, R. Propaganda de A a Z Rio de Janeiro: Campus, 2000. Z. SANTOS, Robson Lus Gomes dos. Ergonomizao da interao homem-comutador: homemabordagem heurstica para a avaliao da usabilidade de interfaces. Rio de Janeiro: PUC, 2000.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 84 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

SANTOS, Robson. Usabilidade de interfaces e arquitetura de informao: alguns aspectos da organizao de contedo para o meio digital. In: CONGRESSO BRASILEIRO DE ERGONOMIA, 11, 2001, Gramado, Anais... Abergo, Associao Brasileira de Ergonomia. SHNEIDERMAN, Bem. Designing information-abundant websites. Maryland: 1997. informationDisponvel em: <http://www.cs.umd.edu/hcil/members/bshneiderman/ijhcs/main.html > Acesso em: 03 ago. 2006. WODTKE, Christina. Information Architeture: Blueprints for the Web. New Riders, 2002. VANOYE, Francis. Usos da Linguagem So Paulo: Martins Fontes, 1998. Linguagem. VERGARA, Sylvia Constant. Projetos e relatrios de pesquisa em administrao 2 ed. So administrao. Paulo: Atlas, 1998. VIEIRA, Eduardo. Os bastidores da internet no Brasil. So Paulo: Manole, 2003. Brasil.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 85 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

APNDICE

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 86 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

AVALIATRIO APNDICE A - QUESTIONRIO AVALIATRIO

UNIVERSIDADE ESTADUAL PAULISTA


Faculdade de Arquitetura, Artes e Comunicao Campus de Bauru

AVALIATRIO QUESTIONRIO AVALIATRIO

1)

Voc sente alguma dificuldade em navegar no site da Fundec atravs de sua home page? ( ) sim ( ) no

2) (

Essa home page, em sua opinio, contem informaes em excesso? ) sim ( ) no

3)

Voc acredita que o excesso de informaes (poluio visual) dificulta a navegao em um site? ( ) sim ( ) no

4)

A home page deixa claro que as unidades: Colgio anglo-CID, CEP, UME, Unifadra e Provedor de Internet so mantidas pela Fundec? ( ) sim ( ) no

5) (

Se sim, voc sente dificuldades em acessar as pginas dessas unidades? ) sim ( ) no

O presente questionrio ser utilizado como instrumento de pesquisa no desenvolvimento de um trabalho acadmico, pela mestranda Daniela Macrio Custdio, na linha de pesquisa em ergonomia. rea: usabilidade na web.

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 87 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

APNDICE B - Termo de Consentimento Livre e Esclarecido

UNESP Universidade Estadual Paulista Jlio de Mesquita Filho FAAC Faculdade de Arquitetura, Artes e Comunicao Departamento de Desenho Industrial Laboratrio de Ergonomia e Interfaces TERMO DE CONSENTIMENTO LIVRE E ESCLARECIDO (TERMINOLOGIA OBRIGATRIA EM ATENDIMENTO A RESOLUO 196/96CNS-MS) As informaes contidas neste Termo de Consentimento Livre e Esclarecido tm por objetivo firmar um acordo por escrito, no qual o indivduo que participar da metodologia cientfica aplicada para o desenvolvimento da pesquisa Usabilidade na web: o usurio como agente-facilitador no desenvolvimento de home pages, autoriza sua participao, bem como a utilizao dos dados que sero obtidos, para fins nicos e exclusivamente acadmicos e cientficos, com pleno conhecimento da natureza da pesquisa, com a capacidade de livre arbtrio e sem qualquer coao. Eu, .................................................................................................................., RG n.:.......................................-SSP/............, estou de acordo em participar como voluntrio deste estudo/pesquisa, autorizando a divulgao dos dados, nica e exclusivamente para fins acadmicos e cientficos, conforme proposto para este levantamento. Este Termo de Consentimento Livre e Esclarecido atende a Resoluo 196/96CNS-MS e o Cdigo de Deontologia do Ergonomista Certificado Norma ERG BR 1002 ABERGO.
Dracena (SP), ............ de .......................... de 2006.

__________________________________
Assinatura do Voluntrio

__________________________________
Daniela Macrio Custdio
R.Visconde do Rio Branco, 2069 Dracena SP dmacario@faac.unesp.br - Tel.: (18)3822 3064

__________________________________
Prof. Dr. Jos Carlos Plcido da Silva
R.Manoel Santos Quialheiro, 1078 - Bauru SP. placido@faac.unesp.br Tel.: (14) 32391296

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 88 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

ANEXOS

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

<td>&nbsp;</td> 89 href= "mestre/mar/1.htm" "_blank" usabilidade na web<br> </a></div>usurio</a>agente-facilitador href="interfaces/1.htm" target= "_blank" home pages<td>&nbsp;</td>

Elementos ANEXO A - Os Elementos da Experincia do Usurio

<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>

Vous aimerez peut-être aussi