Вы находитесь на странице: 1из 105

<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA 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












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
















DANIELA MACRIO CUSTDIO









Bauru/SP
2007
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA 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












Usabilidade na web: o u Usabilidade na web: o u Usabilidade na web: o u Usabilidade na web: o usurio como agente surio como agente surio como agente surio como agente- -- -facilitador facilitador facilitador facilitador
no desenvolvimento de interfaces de home pages no desenvolvimento de interfaces de home pages no desenvolvimento de interfaces de home pages 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
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 Ps-
graduao 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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
BANCA EXAMINADORA BANCA EXAMINADORA BANCA EXAMINADORA BANCA EXAMINADORA
Nvel: Dissertao de Mestrado Nvel: Dissertao de Mestrado Nvel: Dissertao de Mestrado Nvel: Dissertao de Mestrado




DANIELA MACRIO CUSTDIO



Usabilidade na web: o u Usabilidade na web: o u Usabilidade na web: o u Usabilidade na web: o usurio como agente surio como agente surio como agente surio como agente- -- -facilitador facilitador facilitador facilitador
no desenvolvimento de interfaces de home pages no desenvolvimento de interfaces de home pages no desenvolvimento de interfaces de home pages 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 Prof. Dr. Jos Carlos Plcido da Silva Prof. Dr. Jos Carlos Plcido da Silva Prof. Dr. Jos Carlos Plcido da Silva
Orientador - Livre Docente
Departamento de Desenho Industrial FAAC
Universidade Estadual Paulista UNESP Campus de Bauru




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




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




Bauru, 13 abril de 2007.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>





































Dedico este trabalho aos
meus avs Alfeu Alfeu Alfeu Alfeu, Clarice Clarice Clarice Clarice e
Terezinha Terezinha Terezinha Terezinha, que sempre me
apoiaram e me ensinaram a
lutar pela vida. Vocs so
meus exemplos.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></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... Agradeo... Agradeo... Agradeo...

...em especial ao meu orientador, Prof. Dr. Jos Carlos Plcido da Silva Dr. Jos Carlos Plcido da Silva Dr. Jos Carlos Plcido da Silva 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. Milto Dr. Milto Dr. Milto Dr. Milton Koji Nakata n Koji Nakata n Koji Nakata n Koji Nakata, que num momento de dificuldade me acolheu e
me orientou para que eu terminasse minha graduao; e que tambm me deu a honra
de participar da minha Banca de Qualificao...

...ao amigo e Prof. Dr. Luis Carlos Paschoarelli Dr. Luis Carlos Paschoarelli Dr. Luis Carlos Paschoarelli 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 Dra. Nelyse Apparecida Melro Salzedas Dra. Nelyse Apparecida Melro Salzedas Dra. Nelyse Apparecida Melro Salzedas, por me iniciar na pesquisa...

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

<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
...aos meus amigos virtuais, da lista de discusso do AIFIA amigos virtuais, da lista de discusso do AIFIA amigos virtuais, da lista de discusso do AIFIA amigos virtuais, da lista de discusso do AIFIA- -- -pt pt pt 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 Khristofferson Silveira Khristofferson Silveira Khristofferson Silveira, que me apresentou ao grupo que pertence
lista do AIFIA-pt e que sempre me auxilia, trocando informaes sobre a rea de web...

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

...a minha amiga Ellen Fabbro Malheiros Ellen Fabbro Malheiros Ellen Fabbro Malheiros 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 Leandro Gustavo Alberto dos Santos Leandro Gustavo Alberto dos Santos Leandro Gustavo Alberto dos Santos, profissional competente,
bibliotecrio da Unesp/Campus de Dracena (SP), por conferir a normalizao desta
pesquisa...

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

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

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

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

...a minha me, Vanir Vanir Vanir Vanir, por me incentivar e me ensinar o caminho do bem...
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
...aos meus sogros Irma e Jos Custdio Irma e Jos Custdio Irma e Jos Custdio 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 Luciene Luciene Luciene, que organiza minha casa, cuida de minha filha, enfim,
vivencia os momentos da nossa famlia com amor e carinho...

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

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





























<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></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 Luiz Agner Luiz Agner Luiz Agner
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
CUSTDIO, Daniela Macrio. Usabilidade na web Usabilidade na web Usabilidade na web Usabilidade na web: o usurio como agente-facilitador no
desenvolvimento de interfaces de home pages. Bauru: UNESP, 2007. 103.p.: il.
Dissertao (Mestrado em Desenho Industrial) UNESP

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

Palavras Palavras Palavras Palavras- -- -chave: chave: chave: chave: Usabilidade, Web, Usurio, Agente-facilitador, Home Pages.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
CUSTDIO, Daniela Macrio. Usability on the web Usability on the web Usability on the web Usability on the web: the user as facilitator in the
development of home pages interfaces. Bauru: UNESP, 2007. 103.p.: il. Dissertation
(Masters in Industrial Design) UNESP
ABSTRACT ABSTRACT ABSTRACT 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: Key Words: Key Words: Key Words: Usability, Web, User, facilitator, Home Pages.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
LISTA DE FIGURAS LISTA DE FIGURAS LISTA DE FIGURAS 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
LISTA DE TABELAS LISTA DE TABELAS LISTA DE TABELAS 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
SUMRIO SUMRIO SUMRIO SUMRIO
1. INTRODUO 1. INTRODUO 1. INTRODUO 1. INTRODUO.................................................................................................... 01
2. DIREC 2. DIREC 2. DIREC 2. DIRECIONAMENTO DA PESQUISA IONAMENTO DA PESQUISA IONAMENTO DA PESQUISA IONAMENTO DA PESQUISA....................................................................... 04
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. 3. 3. 3. REVISO BIBLIOGRFICA REVISO BIBLIOGRFICA REVISO BIBLIOGRFICA 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 4. METODOLOGIA 4. METODOLOGIA 4. METODOLOGIA................................................................................................. 39
4.1 Apresentao da Metodologia...................................................................... 39
4.2 Tipo de Pesquisa Adotada............................................................................ 39
4.3 Etapas da Pesquisa...................................................................................... 40
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></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 5. RESULTADOS 5. RESULTADOS 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
6. DISCUSSO 6. DISCUSSO 6. DISCUSSO 6. DISCUSSO........................................................................................................ 75
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
7. CONSIDERAES FINAIS 7. CONSIDERAES FINAIS 7. CONSIDERAES FINAIS 7. CONSIDERAES FINAIS.................................................................................... 80

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

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

ANEXOS ANEXOS ANEXOS ANEXOS ................................................................................................................. 88
Anexo A Os Elementos da Experincia do Usurio .............................................. 89
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
1
1 INTRODUO 1 INTRODUO 1 INTRODUO 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
2
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 usabilidade
1
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 reconhec-
los enquanto usurios.

1
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
3
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
4
2. DIRECIONAMENTO DA 2. DIRECIONAMENTO DA 2. DIRECIONAMENTO DA 2. DIRECIONAMENTO DA PESQUISA PESQUISA PESQUISA PESQUISA
2.1 Justificativa 2.1 Justificativa 2.1 Justificativa 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 2.2 Questo da Pesquisa 2.2 Questo da 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 2.3 Hiptese 2.3 Hiptese 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
5
interface de um produto, levando-se em considerao seus aspectos ergonmicos e de
usabilidade.
2.4 Objetivos 2.4 Objetivos 2.4 Objetivos 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 2.5 Tcnica de Pesquisa 2.5 Tcnica de Pesquisa 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
6
3. REVISO BIBLIOGR 3. REVISO BIBLIOGR 3. REVISO BIBLIOGR 3. REVISO BIBLIOGRFIC FIC FIC FICA AA A
3.1 O Ser Humano e os 3.1 O Ser Humano e os 3.1 O Ser Humano e os 3.1 O Ser Humano e os V VV Veculos de eculos de eculos de eculos de C CC Comunicao omunicao omunicao omunicao
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), hierglifos
2
,
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):













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.
MENSAGEM
Canal de Comunicao
Emissor ou
Destinador
Cdigo
Receptor ou
Destinatrio
Referente
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
7
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.
3.2 O S 3.2 O S 3.2 O S 3.2 O Surgimento da Internet urgimento da Internet urgimento da Internet urgimento da Internet
H mais de 30 anos, o ser humano vem tentando se adaptar a esse veculo de
comunicao.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
8
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/IP
3
(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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
9
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.
3.2.1 A G 3.2.1 A G 3.2.1 A G 3.2.1 A Gerao da Web pela Int erao da Web pela Int erao da Web pela Int erao da Web pela Internet ernet ernet ernet
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
10
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
MOSAIC
4
, 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).

4
Programa que funcionava em modo grfico e era capaz de exibir imagens.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
11
3.2.2 Home P 3.2.2 Home P 3.2.2 Home P 3.2.2 Home Page: age: age: age: C CC Contato ontato ontato ontato I II Inicial do Usurio nicial do Usurio nicial do Usurio nicial 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 hipertexto
5
ou hipermdia
6
.
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.

5
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
12
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 3.2.3 Interface X Home Page 3.2.3 Interface X Home Page 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):








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,
INTERFACE INTERFACE INTERFACE INTERFACE
AO
USURIO
FERRAMENTA
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
13
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 lev-
lo 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
14
Padovani (1998) representa a interao entre os sistemas humano e
computacional atravs da interface (Figura 3):













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.
Homem Computador Interface
Ao do usurio
gerando input para
o computador
Tomada de
decises (o que
fazer com a
resposta recebida
do computador)
Reconhecimento e
interpretao dos
inputs do usurio
Processamento do
input de acordo
com os algoritmos
Reconhecimento e
interpretao da
informao apresentada
pelo computador
Resposta do
computador
enviada ao usurio
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
15
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 homem-
computador. primeiramente atravs dela que ocorrem as trocas de informaes entre o
usurio e o sistema.


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
Home Pages (Interface) Sites
Internet
WWW
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
16
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
17
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) 3.3 Projeto Centrado no Usurio (o homem como elemento fundamental) 3.3 Projeto Centrado no Usurio (o homem como elemento fundamental) 3.3 Projeto Centrado no Usurio (o homem como elemento fundamental)
3.3.1 Interao Homem 3.3.1 Interao Homem 3.3.1 Interao Homem 3.3.1 Interao Homem- -- -Comput Comput Comput Computador (IHC) ador (IHC) ador (IHC) ador (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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
18
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 3.3.2 Falando de Ergonomia 3.3.2 Falando de Ergonomia 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 Homem-
Computador 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
19
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 3.3.3 Em busca de Usabilidade 3.3.3 Em busca de Usabilidade 3.3.3 Em busca de Usabilidade
Dentre os estudos desenvolvidos na rea de ergonomia da Interao Homem-
Computador (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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
20


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 9241-
11, 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,
USABILIDADE
Interao
Homem-Computador (IHC)
Projeto de Interfaces
Projeto de Telas
Home Pages
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
21
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 3.3.4 Percepes Humanas 3.3.4 Percepes Humanas 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
22
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
23
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).
Modelo men Modelo men Modelo men Modelo mental do u tal do u tal do u tal do usurio surio surio surio 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 Modelo de projeto Modelo de projeto 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 inteligente Modelo inteligente 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 Modelo conceitual de projeto Modelo conceitual de projeto 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
24


























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).
Como o usurio
pensa que o sistema
funciona
Como o designer
pensa que o sistema
deve funcionar
Como o uso do
sistema sugere seu
funcionamento
Experincia anterior,
sugestes de colegas,
etc.
USURIO
Modelo mental do
usurio
SISTEMA
Imagem do sistema
PROJETISTA
Modelo do projeto
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
25
3.3.5 Design Centrado no Usurio para a Web 3.3.5 Design Centrado no Usurio para a Web 3.3.5 Design Centrado no Usurio para a Web 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
26
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 3.4 Arquitetura de Informao 3.4 Arquitetura de Informao 3.4 Arquitetura de Informao
3.4.1 Apontamentos A 3.4.1 Apontamentos A 3.4.1 Apontamentos A 3.4.1 Apontamentos Anteriores nteriores nteriores nteriores
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
27
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:










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).
4
4
1
1
1
2
9
0 2 4 6 8 10
Questionrios Ergonmicos
Empregabilidade da Cor
Peridicos Eletrnicos
Recursos de udio
Hipertextos
Design de Interface
Arquitetura da Informao
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
28
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
29







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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
30









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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
31
3.4.2 Especificidade 3.4.2 Especificidade 3.4.2 Especificidade 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
32
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. 3. 3. 3.4.3 Pr 4.3 Pr 4.3 Pr 4.3 Pr- -- -teste teste teste teste
Sabendo 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
33
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 re-
avaliao 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.
3
11
11
0 5 10 15
nda
no
sim

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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
34
2
23
0 5 10 15 20 25
nda
no
sim

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.
3
22
0 5 10 15 20 25
nda
no
sim

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 3.5 3.5 3.5 Card Sorting Card Sorting Card Sorting Card Sorting
3.5.1 Conceitos 3.5.1 Conceitos 3.5.1 Conceitos 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
35
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 3.5.2 Consideraes sobre o Mtodo 3.5.2 Consideraes sobre o Mtodo 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
36
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 3.5.3 Procedimentos 3.5.3 Procedimentos 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
37
- 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 Aberto Aberto 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 Fechado Fechado 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
38
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
39
4. METODOLOGIA 4. METODOLOGIA 4. METODOLOGIA 4. METODOLOGIA
4.1 Apresentao da Metodologia 4.1 Apresentao da Metodologia 4.1 Apresentao da Metodologia 4.1 Apresentao da Metodologia
O presente projeto foi elaborado no PPGDI
7
, na rea de Concentrao em
Desenho do Produto, ou seja, remetendo preocupao de se pesquisar, projetar ou re-
projetar 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 trabalho
8
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 4.2 Tipo de Pesquisa Adotada 4.2 Tipo de Pesquisa Adotada 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

7
Programa de Ps-graduao em Desenho Industrial da Unesp de Bauru.
8
Podendo tambm ser considerado como tarefa.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
40
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 Etapas da Pesquisa 4.3 Etapas da Pesquisa 4.3 Etapas da Pesquisa
4.3.1 Levantamento Bibliogrfico 4.3.1 Levantamento Bibliogrfico 4.3.1 Levantamento Bibliogrfico 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
41
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.
4.3.2 A I 4.3.2 A I 4.3.2 A I 4.3.2 A Interface da Home Page Avaliada nterface da Home Page Avaliada nterface da Home Page Avaliada nterface 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 comercial-
provedor); 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
42
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 em primeiro e principal plano em primeiro e principal plano em primeiro e principal plano,
encontram-se os estudantes (pertencentes instituio ou no) que buscam informaes
sobre cursos, notas, vestibulares, etc.; em segundo plano em segundo plano em segundo plano em segundo plano, funcionrios administrativos e
professores da prpria instituio; e em terceiro e ltimo plano terceiro e ltimo plano terceiro e ltimo plano terceiro e ltimo plano, usurios que podem ser
considerados como no freqentes que buscam informaes paralelas: cadastram seus
currculos para possveis admisses, buscam informaes sobre os projetos existentes, etc.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
43


Figura 15 Interface grfica da home page do site (vide tabela). Disponvel
em:<http://www.fundec.edu.br>. Acesso em: dez. 2006
5 55 5
3 33 3
4 44 4
6 66 6
7 77 7
8 88 8
9 99 9
1 11 1
2 22 2
2 22 2

10 10 10 10
11 11 11 11
16 16 16 16
12 12 12 12
13 13 13 13

14 14 14 14
22 22 22 22
18 18 18 18
19 19 19 19
20 20 20 20
21 21 21 21
15 15 15 15
17 17 17 17
23 23 23 23
24 24 24 24
25 25 25 25
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
44
Tabela 1- A prolixidade da home page
Item Item Item Item Descrio Descrio Descrio Descrio Problema Problema Problema Problema
1 Identidade visual da Instituio
Endereo eletrnico desnecessrio no cabealho. Falta o fornecimento
do nome completo da Instituio.
2
1 menu considerado como
principal
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.
3
2 menu considerado como
secundrio
Links direcionados s pginas das unidades. Informaes duplicadas,
fornecidas tambm nos itens 4 e 5.
4 Unidade UNOPAR Virtual (banner)
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.
5 cones das unidades da Fundec
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).
6 Biblioteca (banner)
Link da pgina da biblioteca, que no oferecido em todas as
pginas das unidades.
7
Cadastre-se
Currculo on-line (banner)
Link direcionando ao cadastramento de professores, mas somente
clicando nele se obtm essa informao.
8
Vida Acadmica notas on-line
(banner)
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.
9 Depto. de Comunicao (banner)
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.
10
PROEDUC (banner)

Link direcionando para a pgina da Organizao No-
Governamental: Associao PROEDUC de Incluso Social na
Educao. No fornece essa informao ao usurio.
11 Rodap da home page
Fornece informaes de contato e localizao. Acaba confundindo o
usurio com o oferecimento das informaes do item 2.
12 Sistema de busca na internet
Os usurios de internet j esto acostumados com a utilizao de sites
de busca como: Google, Radar UOL, etc.
13 Previso do tempo
Este link no oferece problemas. Funciona como informao
adicional, que pode ou no ser acessada pelo usurio.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
45
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.
15 Notcias Fundec
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.
16 Espao em branco
17 Notcias anteriores
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.
18 Ligue-se (banner) Alerta para o novo telefone da Instituio.
19 Fundec CIPA (banner)
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.
20 Plataforma Lattes (banner)
Informao necessria somente aos professores da Instituio, ou
seja, usurios internos. No h um espao destinado somente ao
professor na home page.
21 Contador de visitantes No oferece riscos de erro ao usurio, pois no interage com ele.
22 Interatividade (banner)
Link direcionando para um projeto da unidade Unifadra,
disponibilizado na home page da Fundec.
23 Sites de pesquisa Links que direcionam para outras pginas.
24 Incluso Digital (banner)
Link direcionando para um projeto da unidade Anglo-CID,
disponibilizado na home page da Fundec.
25
Projeto Teia do Saber-Artes
(banner)
Link direcionando para um projeto da unidade Unifadra,
disponibilizado na home page da Fundec.
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
46
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
47
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 4.3.3 Procedimentos 4.3.3 Procedimentos 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 4.3.4 Escolha dos Sujeitos 4.3.4 Escolha dos Sujeitos 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
48
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 4.3.5 Local da Pesquisa e Equipamentos Utilizados 4.3.5 Local da Pesquisa e Equipamentos Utilizados 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
49
4.3.6 Procedimentos para E 4.3.6 Procedimentos para E 4.3.6 Procedimentos para E 4.3.6 Procedimentos para Execuo da Avaliao da Home Page xecuo da Avaliao da Home Page xecuo da Avaliao da Home Page xecuo 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
50
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
51
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 rtulos de categoria rtulos de categoria rtulos de categoria:


1 2 3 4 5
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:
UNIDADES
PROJETOS
VIDA ACA-
DMICA
SERVIOS
COMUNI-
DADE
SOBRE A
FUNDEC
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
52












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:
4.3.6.1 Primeira P 4.3.6.1 Primeira P 4.3.6.1 Primeira P 4.3.6.1 Primeira Parte arte arte arte instrues sobre o instrues sobre o instrues sobre o instrues sobre o Card Sorting Card Sorting Card Sorting Card Sorting fechado fechado fechado 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.
UNIFADRA
PROEDUC
NOTAS
ON-LINE
NOTCIAS UNOPAR
VIRTUAL
ORGANO-
GRAMA
TEIA DO
SABER
BIBLIOTECA CEP
DEPTO.
COMUNI-
CAO
UME
OUVIDORIA
ANGLO-
CID
CIPA
FUNDECNET
PALESTRAS
WEB-MAIL
CADASTRA-
MENTO
CURRCULO
PROFESSOR
INTERATIVI-
DADE
INCLUSO
DIGITAL
PLATAFORMA
LATTES
CONTATO
BUSCA NA
NET
LOCALIZAO
CONTADOR
DE
VISITANTES
PRINCIPAL
PREVISO
DO
TEMPO
SITES DE
PESQUISA
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
53
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.
4.3.6.2 Segunda P 4.3.6.2 Segunda P 4.3.6.2 Segunda P 4.3.6.2 Segunda Parte arte arte arte instrues sobre o instrues sobre o instrues sobre o instrues sobre o Card Sorting Card Sorting Card Sorting Card Sorting aberto aberto aberto 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 4.3.6.3 Executando o 4.3.6.3 Executando o 4.3.6.3 Executando o Card Sorting Card Sorting Card Sorting Card Sorting fechado fechado fechado 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
54
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
55

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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
56

Figura 21 Formao de novas taxonomias Card Sorting fechado
4.3.6.4 Executando o 4.3.6.4 Executando o 4.3.6.4 Executando o 4.3.6.4 Executando o Card Sorting Card Sorting Card Sorting Card Sorting aberto aberto aberto 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
57

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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
58

Figura 24 Insero e excluso de rtulos, de acordo com a opinio do grupo
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
59
5. RESULTADOS 5. RESULTADOS 5. RESULTADOS 5. RESULTADOS
5 55 5.1 Apresentao dos .1 Apresentao dos .1 Apresentao dos .1 Apresentao dos R RR Resultados esultados esultados esultados - -- - Card Sorting Card Sorting Card Sorting Card Sorting fechado fechado fechado fechado
O primeiro rtulo de categoria a ser separado pelos participantes foi o que trazia
a inscrio: Sobre a Fundec.

A este rtulo, os participantes relacionaram:




















Figura 25 Formao da taxonomia do rtulo Sobre a Fundec
Ou seja, relacionaram com o rtulo/categoria Sobre a Fundec, os seguintes
rtulos/contedos:







SOBRE A
FUNDEC
PRINCIPAL
NOTCIAS
ORGANO-
GRAMA
DEPTO.
COMUNI-
CAO
OUVIDORIA
CIPA
WEB-MAIL
CADASTRA-
MENTO
CURRCULO
PROFESSOR
PLATAFORMA
LATTES
CONTATO
LOCALIZAO
CONTADOR
DE
VISITANTES
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
60
Tabela 2 - Descrio da taxonomia formada para o rtulo Sobre a Fundec
Rtulos Rtulos Rtulos Rtulos Descri Descri Descri Descries es es es
PRINCIPAL Link de retorno pgina principal.
NOTCIAS Notcias da Instituio e suas unidades mantidas.
ORGANOGRAMA Fornece a hierarquia da Instituio. No caso de precisar se reportar a algum.
DEPTO. DE COMUNICAO
Setor que trabalha com todas as informaes/notcias da Instituio, bem
como de suas unidades mantidas, atravs de rdio, TV, jornais, etc. Mantm
tambm, como meio de comunicao, um sistema de Rdio Interno.
OUVIDORIA
Sistema existente para sugestes, dvidas e crticas dos clientes da Instituio
Busca oferecer solues para os problemas levantados.
CIPA
Comisso Interna de Preveno de Acidentes da Fundec (direcionada aos
funcionrios).
WEB-MAIL Sistema de endereo eletrnico (direcionado somente aos funcionrios).
CADASTRAMENTO
CURRCULO PROFESSOR
Sistema de cadastramento de currculos para o usurio externo que tenha
interesse em lecionar nas unidades da Instituio.
PLATAFORMA LATTES
Sistema de cadastro de currculo on-line, direcionado aos professores da
Instituio.
CONTATO
Link que proporciona o contato de qualquer usurio com a Instituio, suas
unidades mantidas e respectivos setores.
LOCALIZAO
Link que possibilita localizar o prdio da Instituio, dentro da cidade de
Dracena (SP).
S
O
B
R
E

A
S
O
B
R
E

A
S
O
B
R
E

A
S
O
B
R
E

A

F

F

F

F
U
N
D
E
C
U
N
D
E
C
U
N
D
E
C
U
N
D
E
C

CONTADOR DE VISITANTES
Sistema que possibilita Instituio saber quantos usurios visitaram a pgina
at certo momento.





<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
61
O segundo rtulo de categoria a ser separado pelos participantes foi o que trazia
a inscrio: Unidades.


A este rtulo, os participantes relacionaram:










Figura 26 Formao da taxonomia do rtulo Unidades

Tabela 3 - Descrio da taxonomia formada para o rtulo Unidades
Rtulos Rtulos Rtulos Rtulos Descries Descries Descries Descries
UNIFADRA Unidade que oferece ensino atravs de cursos superiores.
UNOPAR VIRTUAL Unidade que oferece ensino atravs de cursos a distncia.
CEP Unidade que oferece ensino atravs de cursos tcnico-profissionalizantes.
UME Unidade que oferece ensino atravs de cursos tcnico-profissionalizantes.
ANGLO-CID Unidade que oferece ensino fundamental e mdio.
U
N
I
D
A
D
E
S
U
N
I
D
A
D
E
S
U
N
I
D
A
D
E
S
U
N
I
D
A
D
E
S

FUNDECNET Unidade mantenedora de provedor de Internet.
UNIDADES
UNIFADRA
UNOPAR
VIRTUAL
CEP
UME
ANGLO-
CID
FUNDECNET
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
62
O terceiro rtulo de categoria a ser separado pelos participantes foi o que trazia a
inscrio: Projetos.

A este rtulo, os participantes relacionaram:











Figura 27 Formao da taxonomia do rtulo Projetos

Tabela 4 - Descrio da taxonomia formada para o rtulo Projetos
Rtulos Rtulos Rtulos Rtulos Descries Descries Descries Descries
PROEDUC
Organizao No-Governamental: Associao PROEDUC de Incluso
Social na Educao.
TEIA DO SABER
Projeto para capacitao de professores da Rede Pblica (Governo do
Estado de So Paulo).
INTERATIVIDADE Projeto interno para captao de alunos.
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S

INCLUSO DIGITAL
Projeto de incluso digital (informtica) para alunos do ensino
fundamental.
PROJETOS
PROEDUC
TEIA DO
SABER
INCLUSO
DIGITAL
INTERATIVI-
DADE
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
63
O quarto rtulo de categoria a ser separado pelos participantes foi o que trazia a
inscrio: Vida Acadmica.

A este rtulo, os participantes relacionaram:







Figura 28 Formao da taxonomia do rtulo Vida Acadmica

Tabela 5 - Descrio da taxonomia formada para o rtulo Projetos
Rtulos Rtulos Rtulos Rtulos Descries Descries Descries Descries
NOTAS ON-LINE Sistema on-line que permite ao aluno verificar suas notas.
BIBLIOTECA Link que permite conhecer a biblioteca, seu acervo, entre outros servios.
SITES DE PESQUISA
Link que d acesso a outros sites para pesquisa, oferecidos aos usurios
por rea de conhecimento.
V
I
D
A

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A

PALESTRAS Notcias sobre palestras que a Fundao e suas unidades oferecem.

VIDA ACA-
DMICA
NOTAS
ON-LINE
BIBLIOTECA
SITES DE
PESQUISA
PALESTRAS
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
64
O quinto e ltimo rtulo de categoria a ser separado pelos participantes foi o que
trazia a inscrio: Servios Comunidade.

A este rtulo, os participantes relacionaram:









Figura 29 Formao da taxonomia do rtulo Servios Comunidade
Tabela 6 - Descrio da taxonomia formada para o rtulo Servios Comunidade
Rt Rt Rt Rtulos ulos ulos ulos Descries Descries Descries Descries
BUSCA NA NET Sistema de busca na internet, atravs do site do Google.
S
E
R
V
I

O
S
S
E
R
V
I

O
S
S
E
R
V
I

O
S
S
E
R
V
I

O
S

C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E

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

SERVIOS
COMUNI-
DADE
PREVISO
DO
TEMPO
BUSCA NA
NET
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
65
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
66
5.2 A 5.2 A 5.2 A 5.2 Apresentao dos R presentao dos R presentao dos R presentao dos Resultados esultados esultados esultados - -- - Card Sorting Card Sorting Card Sorting Card Sorting aberto aberto aberto 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:

A este rtulo, os participantes relacionaram:









Figura 31 Formao da taxonomia do rtulo Sobre a Fundec

Cartes de contedo excludos pelo grupo: PRINCIPAL, CADASTRAMENTO
CURRCULO PROFESSOR e PLATAFORMA LATTES.
SOBRE A
FUNDEC
INSTITUCIONAL INSTITUCIONAL INSTITUCIONAL INSTITUCIONAL
NOTCIAS
ORGANO-
GRAMA
DEPTO.
COMUNI-
CAO
OUVIDORIA
CIPA
WEB-MAIL
GALERIA GALERIA GALERIA GALERIA
CON CON CON CONCURSOS CURSOS CURSOS CURSOS
CONTATO
LOCALIZAO
CONTADOR
DE
VISITANTES
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
67
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 Rtulos Rtulos Rtulos Descries Descries Descries Descries
INSTITUCIONAL
Link contendo informaes sobre a Instituio dentro de um contexto
histrico.
NOTCIAS Notcias da Instituio e suas unidades mantidas.
ORGANOGRAMA
Fornece a hierarquia da Instituio. No caso de precisar se reportar a
algum.
DEPTO. DE COMUNICAO
Setor que trabalha com todas as informaes/notcias da Instituio, bem
como de suas unidades mantidas, atravs de rdio, TV, jornais, etc. Mantm
tambm, como meio de comunicao, um sistema de rdio interno.
OUVIDORIA
Sistema existente para sugestes, dvidas e crticas dos clientes da Instituio
Busca oferecer solues para os problemas existentes.
CIPA
Comisso Interna de Preveno de Acidentes da Fundec (direcionada aos
funcionrios).
WEB-MAIL Sistema de endereo eletrnico (direcionado somente aos funcionrios).
GALERIA Link contendo fotos da Instituio, num contexto geral.
CONCURSOS Links sobre concursos.
CONTATO
Link que proporciona o contato de qualquer usurio com a Instituio, suas
unidades mantidas e respectivos setores.
LOCALIZAO
Link que possibilita localizar o prdio da Instituio, dentro da cidade de
Dracena (SP).
S
O
B
R
E

A

F
U
N
D
E
C
S
O
B
R
E

A

F
U
N
D
E
C
S
O
B
R
E

A

F
U
N
D
E
C
S
O
B
R
E

A

F
U
N
D
E
C

CONTADOR DE VISITANTES
Sistema que possibilita Instituio saber quantos usurios visitaram a
pgina at certo momento.
Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
68
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.

A este rtulo, os participantes relacionaram:





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 Rtulos Rtulos Rtulos Descries Descries Descries Descries
PS-GRADUAO Oferecimento de ensino atravs de cursos de ps-graduao.
GRADUAO Oferecimento de ensino atravs de cursos de graduao.
ENSINO A DISTNCIA Oferecimento de ensino atravs de cursos a distncia.
TCNICO-
PROFISSIONALIZANTE
Oferecimento de ensino atravs de cursos tcnico-profissionalizantes.
E
N
S
I
N
O
E
N
S
I
N
O
E
N
S
I
N
O
E
N
S
I
N
O

FUNDAMENTAL E MDIO Oferecimento de ensino fundamental e mdio.
Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.
ENSINO ENSINO ENSINO ENSINO
PS PS PS PS- -- -
GRADUAO GRADUAO GRADUAO GRADUAO
GRADUAO GRADUAO GRADUAO GRADUAO
TCNICO TCNICO TCNICO TCNICO
PROFISSIONA PROFISSIONA PROFISSIONA PROFISSIONA- -- -
LIZANTE LIZANTE LIZANTE LIZANTE
FUNDAMENTAL FUNDAMENTAL FUNDAMENTAL FUNDAMENTAL
E MDIO E MDIO E MDIO E MDIO
ENSINO ENSINO ENSINO ENSINO
A AA A
DISTNCIA DISTNCIA DISTNCIA DISTNCIA
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
69
O terceiro rtulo de categoria a ser separado pelos participantes continuou sendo
o que trazia a inscrio: Projetos.

A este rtulo, os participantes relacionaram:




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 Rtulos Rtulos Rtulos Descries Descries Descries Descries
TEIA DO SABER
Projeto para capacitao de professores da Rede Pblica (Governo do
Estado de So Paulo).
INTERATIVIDADE Projeto interno para captao de alunos.
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S
P
R
O
J
E
T
O
S

INCLUSO DIGITAL
Projeto de incluso digital (informtica) para alunos do ensino
fundamental.

PROJETOS
TEIA DO
SABER
INCLUSO
DIGITAL
INTERATIVI-
DADE
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
70
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:

A este rtulo, os participantes relacionaram:




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

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A
V
I
D
A

A
C
A
D

M
I
C
A

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.
VIDA ACA-
DMICA
CALEND CALEND CALEND CALEND- -- -
RIO RIO RIO RIO
BIBLIOTECA
PALESTRAS
VESTIBULAR VESTIBULAR VESTIBULAR VESTIBULAR
MATRCULAS MATRCULAS MATRCULAS MATRCULAS
ON ON ON ON- -- -LINE LINE LINE LINE
SITES DE
PESQUISA
MURAL DE MURAL DE MURAL DE MURAL DE
RECADOS RECADOS RECADOS RECADOS
NOTAS
ON-LINE
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
71
O quinto rtulo de categoria a ser separado pelos participantes continuou sendo o
que trazia a inscrio: Servios Comunidade.

A este rtulo, os participantes relacionaram:




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 Rtulos Rtulos Rtulos Des Des Des Descries cries cries cries
BUSCA NO SITE Sistema de busca na home page, do prprio site.
PREVISO DO TEMPO Link que permite ao usurio saber qual vai ser a previso do tempo.
PROEDUC
Organizao No-Governamental: Associao PROEDUC de Incluso
Social na Educao.
S
E
R
V
I

O
S
S
E
R
V
I

O
S
S
E
R
V
I

O
S
S
E
R
V
I

O
S

C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E
C
O
M
U
N
I
D
A
D
E

FUNDECNET Unidade mantenedora de provedor de internet.
Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.
SERVIOS
COMUNI-
DADE
PREVISO
DO
TEMPO
BUSCA NO BUSCA NO BUSCA NO BUSCA NO
SITE SITE SITE SITE
FUNDECNET
PROEDUC
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
72
O sexto e ltimo rtulo de categoria foi criado pelos participantes, sendo
denominado: Docente.

A este rtulo, os participantes relacionaram:




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 Rtulos Rtulos Rtulos Descries Descries Descries Descries
CADASTRAMENTO
CURRCULO PROFESSOR
Sistema de cadastramento de currculos para o usurio externo que
tenha interesse em lecionar nas unidades da Instituio.
PLATAFORMA LATTES
Sistema de cadastro de currculo on-line, direcionado aos professores
da Instituio.
D
O
C
E
N
T
E
D
O
C
E
N
T
E
D
O
C
E
N
T
E
D
O
C
E
N
T
E

LEGISLAO Informaes sobre as legislaes vigentes na rea do Magistrio.
Obs.: Os rtulos e descries marcados pela cor cinza foram apontados pelos participantes.
DOCENTE DOCENTE DOCENTE DOCENTE
CADASTRA-
MENTO
CURRCULO
PROFESSOR
LEGISLAO LEGISLAO LEGISLAO LEGISLAO
PLATAFORMA
LATTES
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
73
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 5.3 Apresentao Geral dos Resultados 5.3 Apresentao Geral dos Resultados 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
74
Tabela 13 Levantamento Geral dos Dados Coletados
Taxonomias Formadas pelo Modelo Mental dos Participantes / Usurios Taxonomias Formadas pelo Modelo Mental dos Participantes / Usurios Taxonomias Formadas pelo Modelo Mental dos Participantes / Usurios Taxonomias Formadas pelo Modelo Mental dos Participantes / Usurios
Card Sorting Card Sorting Card Sorting Card Sorting - -- - FECHADO FECHADO FECHADO FECHADO Card Sorting Card Sorting Card Sorting Card Sorting - -- - ABERTO ABERTO ABERTO ABERTO
Rtulo de Categoria Rtulo de Contedo Rtulo de Categoria Rtulo de Contedo
Principal Institucional
Notcias Notcias
Organograma Organograma
Depto. Comunicao Depto. Comunicao
Ouvidoria Ouvidoria
CIPA CIPA
Web-Mail Web-Mail
Cadastramento Currculo
Professor
Galeria
Plataforma Lattes Concursos
Contato Contato
Localizao Localizao
SOBRE A FUNDEC
Contador de Visitantes
SOBRE A FUNDEC
Contador de Visitantes
Unifadra Ps-graduao
Unopar Virtual Graduao
CEP Ensino a Distncia
UME Tcnico-profissionalizante
Anglo-CID Fundamental e Mdio
UNIDADES
Fundecnet
ENSINO

PROEDUC Teia do Saber
Teia do Saber Interatividade
Interatividade Incluso Digital
PROJETOS
Incluso Digital
PROJETOS

Notas on-line Vestibular
Biblioteca Matrcula on-line
Sites de Pesquisa Calendrio
Palestras Notas on-line
Biblioteca
Palestras
Sites de Pesquisa
VIDA ACADMICA

VIDA ACADMICA
Mural de Recados
Busca na Net Busca no Site
Previso do Tempo Previso do Tempo
PROEDUC
SERVIOS
COMUNIDADE

SERVIOS
COMUNIDADE
FUNDECNET
Cadastramento Currculo
Professor
Plataforma Lattes

DOCENTE
Legislao
Obs.: Os rtulos marcados pela cor cinza foram criados pelos participantes.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
75
6. DISCUSS 6. DISCUSS 6. DISCUSS 6. DISCUSS O OO O
6.1 Sobre o 6.1 Sobre o 6.1 Sobre o 6.1 Sobre o Card Sorting Card Sorting Card Sorting Card Sorting fechado fechado fechado 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 pr-
estabelecidos 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
76
6.2 Sobre o 6.2 Sobre o 6.2 Sobre o 6.2 Sobre o Card Sorting Card Sorting Card Sorting Card Sorting aberto aberto aberto 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
77
3. Foram criados tambm os rtulos de contedo galeria, que deve trazer,
segundo os usurios, informaes visuais sobre a instituio, tanto de infra-
estrutura, 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
78
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).
6.3 Sobre o T 6.3 Sobre o T 6.3 Sobre o T 6.3 Sobre o Trabalho em Grupo rabalho em Grupo rabalho em Grupo rabalho 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.
6.4 Sobre as C 6.4 Sobre as C 6.4 Sobre as C 6.4 Sobre as Contribuies do Projeto ontribuies do Projeto ontribuies do Projeto ontribuies 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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
79
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
80
7. CONSIDERAES FIN 7. CONSIDERAES FIN 7. CONSIDERAES FIN 7. CONSIDERAES FINAIS AIS AIS AIS
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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
81
REFERNCIAS BIBLIOGR REFERNCIAS BIBLIOGR REFERNCIAS BIBLIOGR REFERNCIAS BIBLIOGRFICAS FICAS FICAS FICAS
AGNER, Luiz. Ergodesign e arquitetura de informao Ergodesign e arquitetura de informao Ergodesign e arquitetura de informao Ergodesign e arquitetura de informao. Trabalhando com o usurio. Rio
de Janeiro: Quartet, 2006.

AMSTEL, Frederick Van. Design centrado no usurio para website Design centrado no usurio para website Design centrado no usurio para website Design centrado no usurio para website. Curitiba: UFPR, 2004.

ASSIS, Vnia Fonseca de Freitas. Avaliao do sistema de informatizao processual por Avaliao do sistema de informatizao processual por Avaliao do sistema de informatizao processual por Avaliao do sistema de informatizao processual por
meio do design macroergonmico. meio do design macroergonmico. meio do design macroergonmico. 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: NBR 6023: NBR 6023: NBR 6023: informao e documentao -
referncias - elaborao. Rio de Janeiro: ABNT, 2002.
______. NBR 10520: NBR 10520: NBR 10520: NBR 10520: informao e documentao citaes em documentos - apresentao. Rio
de Janeiro: ABNT, 2002.
______. NBR 14724: NBR 14724: NBR 14724: NBR 14724: informao e documentao - trabalhos acadmicos- apresentao. 2.ed.
Rio de Janeiro: ABNT, 2005.
BONSIEPE, Gui. Design do material ao digital Design do material ao digital Design do material ao digital Design do material ao digital. Florianpolis: FIES/IEL, 1997.

BOOTH, Paul. An introduction to human An introduction to human An introduction to human An introduction to human- -- -computer interaction computer interaction computer interaction computer interaction. London: Lawrence
Erlbaum Associates, 1989.

CARVALHO, R. F. Webdesign Goal: Webdesign Goal: Webdesign Goal: 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 Como criar sites persuasivos Como criar sites persuasivos Como criar sites persuasivos. So Paulo: Pearson Education do Brasil, 2004.

COSTA NETO, P. L. de O. Estatstica Estatstica Estatstica Estatstica. 2.ed. 2005. So Paulo: Edgard Blcher, 2002.

CYBIS, Walter de Abreu. Ergonomia de interfaces humano Ergonomia de interfaces humano Ergonomia de interfaces humano Ergonomia de interfaces humano- -- -computador computador computador computador. Florianpolis:
2002. Disponvel em: <http//www.labiutil.inf.ufsc.br/apostila.htm> Acesso em: 26 out.
2004.

DOTTA, Silvia. Construo de sites Construo de sites Construo de sites Construo de sites. So Paulo: Global, 2000.

DUL, J., WEERDMEESTER, B. Ergonomia prtica Ergonomia prtica Ergonomia prtica Ergonomia prtica. So Paulo: Edgard Blcher, 2000.

FERNANDES, Joo Candido. Metodologia cientfica Metodologia cientfica Metodologia cientfica Metodologia cientfica. Bauru: UNESP, 1997. 49 p.
(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. Web navigation: designing the user experience. Web navigation: designing the user experience. Web navigation: designing the user experience. Sebastopol, CA:
ORielly, 1998.

<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
82
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... Anais... Anais... Anais... Rio de Janeiro: USIHC: 2005.

GARRET, Jesse James. Os elementos da experincia do usurio. Os elementos da experincia do usurio. Os elementos da experincia do usurio. 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 p Como elaborar projetos de p Como elaborar projetos de p Como elaborar projetos de pesquisa esquisa esquisa esquisa. 3 ed. So Paulo: Atlas, 1996.

GOMES, J. F. Ergonomia do objeto: Ergonomia do objeto: Ergonomia do objeto: Ergonomia do objeto: sistema tcnico de leitura ergonmica. .. . So Paulo:
Escrituras, 2003.

GRECO, Alessandro. Ele inventou a internet...VEJA VEJA VEJA VEJA, So Paulo, v. 39, n. 71, p. 38-39,
jul. 2006. Edio Especial.

GRECO, Alessandro. Ele inventou a internet...VEJA VEJA VEJA VEJA, So Paulo, v. 39, n. 71, p. 40-41,
jul. 2006. Edio Especial.

HOM, James. The usability method toolbox. Card Sorting The usability method toolbox. Card Sorting The usability method toolbox. Card Sorting The usability method toolbox. Card Sorting. 1996. Disponvel
em<http://jthom.best.vwh.net/usability/index.htm>Acesso em: 01 ago. 2006.

IIDA, Itiro. Ergonomia, projeto e produo Ergonomia, projeto e produo Ergonomia, projeto e produo Ergonomia, projeto e produo. So Paulo: Edgard Blcher, 2001.

JORDAN, Patrick. An introduction to usability An introduction to usability An introduction to usability An introduction to usability. London: Taylor & Francis, 1998.

KUROSE, James F; ROSS, Keith W. Redes de computadores e a internet: Redes de computadores e a internet: Redes de computadores e a internet: Redes de computadores e a internet: uma nova
abordagem. So Paulo: Assison Wesley, 2003.

LVY, Pierre. As tecnologias da inteligncia As tecnologias da inteligncia As tecnologias da inteligncia As tecnologias da inteligncia: o futuro do pensamento na era da
informtica. Rio de Janeiro:1993.

MAURER, Donna, WARFEL, Todd. Card Sorting: Card Sorting: Card Sorting: 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... Anais... Anais... Anais...
Florianpolis: ABERGO: 1993.

MORAES, Anamaria de, PAMPLONA, Ricardo dAlbergaria. Interao homem-
computador, projeto de interface, ergonomizao do dilogo: compreensibilidade de
cones de programa grfico entre designers. Estudos em design Estudos em design Estudos em design Estudos em design. Rio de Janeiro, v. 1, n. 1,
p. 54-59, ago. 1993.

<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
83
MORAES, Anamaria de, MONTEIRO, Andr, SOARES, Flvia. A ergonomizao da
comunicao informatizada em sistemas multimdia de uso pblico. In: P&D Design 96 P&D Design 96 P&D Design 96 P&D Design 96,
Anais... Rio de Janeiro, AEnD. 1996. p. 37-46.

MORAES, Anamaria de. Ergonomia: conceitos e apl Ergonomia: conceitos e apl Ergonomia: conceitos e apl Ergonomia: conceitos e aplicaes icaes icaes icaes. 2.ed. Rio de Janeiro: 2AB,
2000.

MORAES, Anamaria de. Design e avaliao de interface Design e avaliao de interface Design e avaliao de interface Design e avaliao de interface. Rio de Janeiro: IUsEr, 2002.

MORAES, Anamaria de. Usabilidade de interfaces, interao humano-computador,
arquitetura da informao. In. 2 USIHC. 2 USIHC. 2 USIHC. 2 USIHC. Anais... Rio de Janeiro, LEUI / PUC-Rio, 2003.
CD-ROM.

NIELSEN, Jacob. Usability engineering Usability engineering Usability engineering Usability engineering. EUA: Morgan Kaufmann, 1993.

NIELSEN, Jacob. Homepage: 50 websites desconstrudos Homepage: 50 websites desconstrudos Homepage: 50 websites desconstrudos Homepage: 50 websites desconstrudos. Rio de Janeiro: Campus, 2002.

NIELSEN, Jacob. Card Sorting: how many users to test. Card Sorting: how many users to test. Card Sorting: how many users to test. 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 Avaliao ergonmica de sistemas de navegao em hipertextos Avaliao ergonmica de sistemas de navegao em hipertextos Avaliao ergonmica de sistemas de navegao em hipertextos
fechados fechados fechados fechados. Rio de Janeiro: PUCRio, 1998.

PARENTE, Andr. Imagem mquina: a era das tecnologias do virtual Imagem mquina: a era das tecnologias do virtual Imagem mquina: a era das tecnologias do virtual Imagem mquina: a era das tecnologias do virtual. Rio de Janeiro: Ed,
1993.

PVOA, Marcello. Anatomia da internet: Anatomia da internet: Anatomia da internet: Anatomia da internet: Investigaes estratgicas sobre o universo
digital. Rio de Janeiro: Casa da Palavra, 2000.

PREECE, Jennifer. A guide to usability A guide to usability A guide to usability A guide to usability human factors in computing human factors in computing human factors in computing human factors in computing. England: Addison
Wesley, 1997.

PREECE, Jennifer, ROGERS, Yvonne, SHARP, Helen. Design de interao: Design de interao: Design de interao: Design de interao: alm da
interao homem-computador. Porto Alegre: Bookman, 2005.

RIOS, Rosngela Siqueira Hickson. Projeto de sistemas Web orientados a interface Projeto de sistemas Web orientados a interface Projeto de sistemas Web orientados a interface Projeto de sistemas Web orientados a interface. Rio de
Janeiro: Campus, 2003.

RUDIO, Franz Victor. Introduo ao projeto de pesquisa cientfica Introduo ao projeto de pesquisa cientfica Introduo ao projeto de pesquisa cientfica Introduo ao projeto de pesquisa cientfica. 21.ed. Petrpolis:
Vozes, 1997.

SAMPAIO, R. Propaganda de A a Z Propaganda de A a Z Propaganda de A a Z Propaganda de A a Z. Rio de Janeiro: Campus, 2000.

SANTOS, Robson Lus Gomes dos. Ergonomizao da interao homem Ergonomizao da interao homem Ergonomizao da interao homem Ergonomizao da interao homem- -- -comutador: comutador: comutador: comutador:
abordagem heurstica para a avaliao da usabilidade de interfaces. Rio de Janeiro:
PUC, 2000.

<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
84
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... Anais... Anais... Anais... Abergo, Associao Brasileira de
Ergonomia.

SHNEIDERMAN, Bem. Designing information Designing information Designing information Designing information- -- -abundant websites. abundant websites. abundant websites. abundant websites. Maryland: 1997.
Disponvel em: <http://www.cs.umd.edu/hcil/members/bshneiderman/ijhcs/main.html >
Acesso em: 03 ago. 2006.

WODTKE, Christina. Information Architeture: Blueprints for the Information Architeture: Blueprints for the Information Architeture: Blueprints for the Information Architeture: Blueprints for the Web. New Riders, 2002.

VANOYE, Francis. Usos da Linguagem Usos da Linguagem Usos da Linguagem Usos da Linguagem. So Paulo: Martins Fontes, 1998.
VERGARA, Sylvia Constant. Projetos e relatrios de pesquisa em administrao Projetos e relatrios de pesquisa em administrao Projetos e relatrios de pesquisa em administrao Projetos e relatrios de pesquisa em administrao. 2 ed. So
Paulo: Atlas, 1998.

VIEIRA, Eduardo. Os bastidores da internet no Brasil Os bastidores da internet no Brasil Os bastidores da internet no Brasil Os bastidores da internet no Brasil. .. . So Paulo: Manole, 2003.
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
85








APNDICE APNDICE APNDICE APNDICE
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
86
APNDICE A APNDICE A APNDICE A APNDICE A - -- - QUESTIONRIO AVALI QUESTIONRIO AVALI QUESTIONRIO AVALI QUESTIONRIO AVALIATRIO ATRIO ATRIO ATRIO




QUESTIONRIO AVAL QUESTIONRIO AVAL QUESTIONRIO AVAL QUESTIONRIO AVALIATRIO IATRIO IATRIO IATRIO
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.
UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA UNIVERSIDADE ESTADUAL PAULISTA
Faculdade de Arquitetura, Artes e Comunicao
Campus de Bauru
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
87
APNDICE B APNDICE B APNDICE B APNDICE B - -- - Termo de Consentimento Livre e Esclarecido Termo de Consentimento Livre e Esclarecido Termo de Consentimento Livre e Esclarecido 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 TERMO DE CONSENTIMENTO LIVRE E ESCLARECIDO TERMO DE CONSENTIMENTO LIVRE E ESCLARECIDO 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/96-
CNS-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>&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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
88








ANEXOS ANEXOS ANEXOS ANEXOS
<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>
<td height="109" valign="top"><img src=width="145" height=="daniela macrio custdio"></td>
89
ANEXO A ANEXO A ANEXO A ANEXO A - -- - Os E Os E Os E Os Elementos da lementos da lementos da lementos da E EE Experincia do Usurio xperincia do Usurio xperincia do Usurio xperincia do Usurio

Вам также может понравиться