UNIVERSIDADE FEDERAL DE SANTA CATARINA CENTRO DE COMUNICAO E EXPRESSO DEPARTAMENTO DE EXPRESSO GRFICA ERGONOMIA DE INTERFACE PROFESSORA MARISA CARVALHO

BETTINA DAVILA FABRCIO SAWCZEN LETCIA DE FREITAS PIRES THIAGO REGINALDO THIAGO SHMITZ

REDESIGN CATIR

1. Introduo.................................................................4
1.1 O que o CATIR?................................................................................4 1.2 A internet e as comunidades virtuais .......................................4 1.3 Anlise do CATIR ...........................................................................5

3.4 Fluxograma (aps mudanas)....................................................19

4. Arquitetura de Informao...................................20
4.1 Atual.............................................................................................20 4.2 Proposta Inicial..........................................................................21 4.3 Proposta Final.............................................................................22

2. Anlise de Benchmarking......................................6
2.1 Canad.............................................................................................6 2.2 E.U.A.................................................................................................7 2.3 Mxico.............................................................................................9 2.4 Inglaterra....................................................................................10 2.5 Cingapura......................................................................................12 2.6 Tabela Resumo.............................................................................14

5. ERGOlist ................................................................23
5.1 Checklist.......................................................................................23 5.2 Grficos de Nveis........................................................................35 5.3 Grficos Comparativos ..............................................................37 5.4 Recomendaes dos Pares........................................................39

6. Pr-layouts do redesign.......................................42
6.1 Home...............................................................................................43 6.2 Notcias.........................................................................................44 6.3 Perfil.............................................................................................45

3. Mapa Conceitual.....................................................16
3.1 No linear atual .....................................................................16 3.2 no Linear (aps mudanas)......................................................17 3.3 Fluxograma atual........................................................................18

7. Testagem..................................................................46

7.1 Material e Mtodos.....................................................................46 7.2 Apresentao dos dados e discusso dos resultados.............47 7.3 Modelo do Questionrio/Lista de Tarefas.............................50 7.4 Questionrio Bipolar.................................................................51 7.5 Questionrio Aberto..................................................................53

11. ekp...........................................................................65 12. consideraes finais............................................67 13. bibliografia...........................................................67

8. Layout final do redesign........................................53

8.1 Home..............................................................................................54 8.2 NOTCIAS.........................................................................................55 8.3 Perfil............................................................................................56 8.4 Comunidades................................................................................57 8.5 Infogrficos Tutoriais............................................................58 8.6 Lousa.............................................................................................60

9. Nova forma de Comunicao: LOUSA.......................61

9.1 Justificativa Terica do nome LOUSA...........................................61

10. Avatares e Tutores das Comunidades...............63

1. Introduo
Este trabalho prope um redesign para o portal CATIR (http:// www.catir.gov.br/), para tal utiliza referncia terica, benchmarking, mapas conceituais, ergolist e teste de usabilidade. O redesign ir melhorar o espao colabarativo proposto utilizando de uma nova forma de comunicao que rene ferramentas de vrias redes sociais.

1.2 A internet e as comunidades virtuais

O desenvolvimento das tecnologias possibilitou que grandes mudanas sociais, econmicas e polticas acontecessem. As pessoas tem mais individualidade e espao na sociedade como cidados, fazendo da internet um meio de explorao de problemas, discusses e tomada de decises coletivas. A internet um meio de comunicao sem limites e sem barreiras, e isso faz com que as discusses realizadas ali, principalmente na democracia, ganhem notoriedades interativas. O contedo em potencial no s pelo seu contedo, mas por estar sendo produzido no ato. (GUZZI, pg. 57) A importncia das comunidades no est no objetivo fim, mas na forma como as pessoas se unem e caminham em uma mesma direo. Para Bacon (pg. 24), o pertencimento est intimamente relacionado com as interaes que ocorrem dentro de uma comunidade e estas geram uma espcie diferente de economia: a economia social, na qual as pessoas so os produtos e o capital o respeito e confiana. Os processos e tcnicas so os meios de comunicao, acesso as ferramentas, entre outros. O conhecimento hoje existe em espaos abertos e no-lineares, onde a transdisciplinariedade bastante forte. E o ciberespao vem possibilitar a ao coletiva, permitindo a comunicao de todos com todos. Pirre Lvy afirma que um site, diferente da televiso e rdio, permite a utilizao de diferentes mdias, como imagens, textos, som, etc. A diferenciao entre as mdias deixa de existir, e perdese as grades de programao impostas pelas emissoras. De acordo com Guzzi (pg. 68), o usurio pode manter-se mais informado e construir suas opinies atravs de diferentes lados de uma situao. Dessa forma, o pblico torna-se mais aberto e transparente, e os usurios tem mais liberdade de expresso.
4

1.1 O que o CATIR?

Uma CATIR conceituada como grupos de indivduos motivados por algum interesse ou propsito comum que se relacionam de forma colaborativa, continuada e em rede, presencialmente e/ou virtualmente, independentemente da localizao fsica, visando compartilhar conhecimentos, aprender e gerar inovaes no trabalho. A sigla atribuda a este ambiente virtual CATIR que significa Comunidades de Aprendizagem, Trabalho e Inovao em Rede, resumindo assim as principais atividades que se espera que ocorram neste ambiente virtual. O Comit Tcnico de Gesto do Conhecimento e da Informao Estratgica (CT-GCIE) do Comit Executivo do Governo Eletrnico (CEGE) coloca disposio de todas as organizaes pblicas brasileiras este ambiente virtual para que criem e utilizem comunidades virtuais no apoio de suas atividades, ou seja, que criem e utilizem espaos virtuais de compartilhamento e criao de conhecimentos entre seus servidores e funcionrios.

1.3 Anlise do CATIR

Pontos Negativos
1 Alm de a fonte ser pequena, os dois links se encontram alinhados a esquerda sem nenhum alinhamento com o menu e sem respeitar algum padro da grid, encontrado na navegao contextual. 2 - Link de esqueceu sua senha mal colocado. 3 O titulo referente ao site, muito longe do logo 4 Mesmas modificaes do item 2 dos pontos negativos. 5 A palavra menu desnecessria e o menu vertical perde destaque 6 O campo de busca no segue o padro visto em muitos outros sites de comunidades e redes sociais. 7 Lista muito extensa das comunidades. 8 cones de compartilhamento mal localizado. 9 Ausncia de mapa do site. 10 titulao e link para a home fora do menu 11 Apenas um grande bloco de texto, com pouca legibilidade. 12 Espao entre blocos muito pequenos. 13 O logo do MPOG (Ministrio de Planejamento, Oramento e Gesto) mal localizado, no atende a largura da coluna.

Pontos Positivos
1 Link na cor padro para acessar o restante do contedo colocado na pgina inicial. 2 Link que direciona o usurio direto para os comentrios quando clicados e ainda mostra sua quantidade. 3 O espao em branco da possibilidades de implementao de outros mdulos, como calendrios, newsletters e etc.

14 A modificao da data/hora da postagem da noticias pouco visvel.

2. Anlise de Benchmarking
O benchmarking um sistema contnuo de pesquisa que permite aos executivos realizar comparaes entre processos e prticas de empresas para identificar o melhor dos melhores e alcanar um nvel de superioridade ou de vantagem competitiva (HSM Management). A partir do Benchmarking possvel identificar as diferenas entre a empresa e os seus concorrentes (CAMP) o que ajuda a identificar o que deve ser utilizado para o redesign. Portanto os pontos analisados no benchmarking dos cinco casos seguintes foram determinados pelo objetivo do redesign e anlise inicial do portal.

2.1 Canad

(http://www.canada.gc.ca/)

Espao Colaborativo
No possui nenhum tipo de servio de colaborao que seja pertinente ao nosso caso de estudo do Catir.

Inovao Tecnolgica
O portal basicamente textual. Possui poucos grficos e vdeos e no se utiliza de ferramentas colaborativas como blogs ou wikis. H uma quantidade menor de links externos.

Acesso ao Usurio Amador

H alguns tutoriais em vdeos, mas estes so insuficientes e seu acesso difcil, uma vez que no se encontram no menu ou no mapa do site. Podem ser encontrados atravs da ferramenta de busca, mas cada rea do site tem uma seo de tutoriais isolada.
6

Atratividade
O portal se utiliza das cores vermelha e branca (da identidade visual do pas) em seu layout, mas as principais pginas so diferenciadas atravs da mudana de cores o que prejudica a identidade do portal. No so utilizados cones. H excesso de informaes na pgina principal e o grid utilizado faz com que estas informaes fiquem muito juntas umas as outras.

Dados Abertos
Todos os dados esto disponveis sem que se faa um cadastro. O cadastro s se torna necessrio quando o usurio se inscreve em algum servio.

2.2 E.U.A

(http://www.usa.gov/)

Espao Colaborativo
Possui blog, facebook, twitter, canal no youtube e um link compartilhar direcionado s demais redes sociais, incluindo tambm windows live messenger, google, blogger, etc. Enquetes na pgina inicial sobre assuntos pertinentes populao. Chat online, de segunda sexta, das 8h s 20h.

Inovao Tecnolgica
Utiliza Facebook, Twitter, Youtube e Blog. Os usurios podem se comunicar com o governo atravs destes canais, mas a colaborao para o prprio o site limitada. Como exemplo, os servios para encontrar gasolina ou alimentos mais baratos, apenas levam o usurio para links externos regionais ao invs de permitir que usurio compartilhe os preos que ele encontrou.

Configurao Para Outras Mdias

Permite acesso atravs de telefonia mvel e h a possibilidade de utilizao de Feeds.

Atratividade
Informaes bem distribudas pelo grid. Os principais servios possuem links na pgina principal. Utiliza as cores vermelha, azul e branca (da identidade visual do pas) e estas se mantm em todas as pginas. O menu na pgina principal est mal distribudo na rea superior, mas o mesmo menu (com itens diferentes) bem distribudo nas outras pginas.

Acesso ao Usurio Amador

Ausncia de tutoriais. O FAQ destaca as perguntas mais freqentes, alm de uma ferramenta de busca especfica.

Configurao Para Outras Mdias

Permite acesso atravs de telefonia mvel, e h a possibilidade de utilizao de Feeds.

2.3 Mxico

(http://www.gob.mx/)

Espao Colaborativo
Alm do twitter, no foi encontrado nenhuma ferramenta colaborativa relevante.

Inovao Tecnolgica
O portal rene informaes todas as informaes relacionadas ao governo. H comunidades de prticas (atravs de fruns) direcionadas ao aprendizado de funcionrios pblicos.

Dados Abertos
Todos os dados esto disponveis sem que se faa um cadastro. O cadastro s se torna necessrio quando o usurio se inscreve em algum servio.

Acesso ao Usurio Amador

No foram encontrados tutoriais.

ral divido atravs das categorias assunto e pessoas. Na categoria assunto, na sesso crimes e justias, por exemplo, voc pode pesquisar sobre os crimes e ameaas urbanas existentes na sua regio ou em qualquer outra, atravs de um filtro de busca e um mapa estilizado. Voc tambm pode denunciar crimes e acessar informaes que esclaream as polticas de policiamento. Na sesso de empregos, alm de ofertas e procuras de empregos e documentos com direitos e deveres, termos e condies sobre pagamento, frias, etc.,h um espao para colocar dicas para as pessoas que vo aplicar a um emprego, por exemplo. Voc tambm pode checar o risco de enchente nem alguma regio atravs do CEP, e um mapa detalhado ir ser mostrado; Buscar por dentistas, farmcias e hospitais atravs da localizao ou nome do mdico; Averiguar preos imobilirios na Inglaterra e Pas de Gales atravs de consulta online de tabela de preos que est disponvel desde 1995, sem custos. Ainda se pode consultar documentos especficos de cada propriedade baixo pagamento de taxas; etc.

Atratividade
O portal segue uma estrutura diferenciada. Utiliza cones e h poucas informaes na pgina principal, dando destaque aos menus e aos servios mais acessados. O layout no utiliza a identidade visual do pas e ela se altera em alguns links.

Configurao Para Outras Mdias

No foram encontrados no portal referncias de compatibilidade para outras mdias.

Dados Abertos
Os dados esto disponveis sem que se faa um cadastro.

2.4 Inglaterra

(http://www.direct.gov.uk/)

Espao Colaborativo
Utiliza Facebook, Twitter e Youtube. Tem a opo de mudar o site para o dialeto gals (Cymraeg). A pgina Do It Online oferece todas as informaes sobre o que o usurio pode fazer online. Essa pgina possui um menu late10

Inovao Tecnolgica
Em cada pgina h a possibilidade de Feedback para o usurio indicar se a informao foi til. Utiliza Facebook, Twitter e Youtube.

Atratividade
Possu identidade visual bem definida, apesar de no ser relacionada ao pas. H muitas informaes na pgina principal, mas estas esto bem estruturadas. Utiliza cones de forma moderada.

Acesso ao Usurio Amador

Cada pgina possui tutoriais em texto de como prosseguir e em sua maioria h tambm um link para o tutorial em vdeo.

11

Configurao Para Outras Mdias

Permite acesso atravs de telefonia mvel.

2.5 Cingapura

(http://www.gov.sg/)

Espao Colaborativo
Calendrio de eventos descritivo. Possui as redes sociais Twitter, Delicious, Digg, Facebook, Google e StumbleUpon. No link do menu informaes & polticas, h uma lista de links informativos sobre as polticas e iniciativas governamentais, estas separadas por assunto (artes e indstrias criativas, meio-ambiente, sade, finanas e economia, direito, etc). Pode-se acessar mapas, documentos, estatsticas, plantas baixas, FAQs, etc.

Dados Abertos
necessria a identificao do local de onde se solicita a informao.

12

Inovao Tecnolgica
Diviso entre rea para cidados e estrangeiros. Um segundo portal (http://www.reach.gov.sg) que visa a criao de um espao colaborativo atravs de fruns, blogs, vdeos, fotos e arquivos de udio.

Acesso ao Usurio Amador

Em nenhum dos dois portais foram encontrados tutoriais. No h um link de acesso rpido para o acesso do segundo portal.

Atratividade
Cada rea identificada pela cor no primeiro portal. No segundo, predomina um layout verde claro e h pouco contraste com os demais elementos. Em ambos, a pgina principal concentra os links mais acessados divida por tpicos.

Configurao Para Outras Mdias

Permite acesso atravs de telefonia mvel.

13

Dados Abertos
No primeiro, todas as informaes da rea do cidado requerem identificao (com nome, endereo e data de nascimento), antes mesmo de visualizar informaes bsicas, como por exemplo, do que se trata o servio. No segundo a identificao s se torna necessria para a entrada de informao, a visualizao do contedo possvel a todos.
PONTOS POSITIVOS

E.U.A.
PONTOS NEGATIVOS

Utiliza Facebook, Twitter, Youtube e Blog Uso de enquetes na pgina principal FAQ com perguntas freqentes e ferramenta de busca

Colaborao dentro do prprio site limitada Ausncia de Tutoriais Menu superior mal distribudo na pgina inicial Tutorial de acesso atravs de telefonia mvel no portal

2.6 Tabela Resumo

CANAD
PONTOS POSITIVOS PONTOS NEGATIVOS

Utiliza a identidade visual do pas em seu layout Disponibilidade de dados sem a necessidade de cadastro. Informaes bem distribudas no grid Acesso atravs de telefonia mvel Disponibilidade de dados sem a necessidade de cadastro.

Pequena quantidade de links externos Tutoriais em vdeos Utiliza a identidade visual do pas em seu layout Acesso atravs de telefonia mvel Disponibilidade de dados sem a necessidade de cadastro.

Excesso de texto Poucos tutoriais e difcil acess-los Alteraes de cores entre as pginas prejudicam a utilizao da identidade visual do pas.

14

MXICO
PONTOS POSITIVOS PONTOS NEGATIVOS

PONTOS POSITIVOS Utiliza cones Acesso atravs de telefonia mvel Disponibilidade de dados sem a necessidade de cadastro.

PONTOS NEGATIVOS

Rene todas as informaes relacionadas ao governo Estrutura diferenciada Disponibilidade de dados sem a necessidade de cadastro.

No utiliza redes sociais Ausncia de Tutoriais No h acesso para outras mdias No utiliza a identidade visual do pas em seu layout

CINGAPURA
PONTOS POSITIVOS Diviso entre reas do cidado e estrangeiros PONTOS NEGATIVOS Diversos portais independentes, ausncia de links rpidos que os conectem Ausncia de Tutoriais No utiliza a identidade visual do pas em seu layout Tutorial de acesso atravs de telefonia mvel no portal Necessidade de identificao para a entrada de dados e utilizao de servios

INGLATERRA
PONTOS POSITIVOS Colaborao para a localizao de problemas no pas Feedback em todas as pginas Utiliza Facebook, Twitter, Youtube Tutoriais em texto e vdeo em cada pgina Identidade Visual bem definida PONTOS NEGATIVOS No utiliza a identidade visual do pas em seu layout Muitas informaes na pgina inicial Tutorial de acesso atravs de telefonia mvel no portal Necessidade de identificao de Cdigo Postal em alguns casos

Outro portal para a criao de um espao colaborativo Utiliza Facebook, Twitter, Youtube, frum, blog, galeria de fotos e arquivos de udio Concentrao de links mais acessados na pgina inicial Acesso atravs de telefonia mvel Disponibilidade de alguns dados sem a necessidade de cadastro.

Informaes bem distribudas

15

3. Mapa Conceitual
Os verdadeiros arquitetos da informao do clareza ao que complexo; tornam a informao compreensvel para outros seres humanos. (WURMAN, 2005). A partir desta definio entende-se que h a necessidade de visualizao do contedo complexo que ser utilizado na arquitetura de informao. Para isso, foram utilizados os mapas conceituais que so diagramas de significados, de relaes significativas; de hierarquias conceituais (MOREIRA) e fluxograma que representa o fluxo de informaes e as consequncias decorrentes da escolha da atuao ou no em determinado momento do processo pelo executor (MARINHO, 2010).

3.1 No linear atual

16

3.2 no Linear (aps mudanas)

17

3.3 Fluxograma atual

18

3.4 Fluxograma (aps mudanas)

19

4. Arquitetura de Informao
A anlise dos mapas conceituais revela blocos de informaes que sero utilizados na arquitetura de informao e o fluxograma demonstra as deficincias na navegao no portal atual. Com estas informaes possvel determinar uma nova proposta de arquitetura de informao que segundo Rodriguez (2001, citado por MORAES; ROSA, 2010) definida como arquitetura da informao a tarefa de criar, mapear e construir um site, tornando as informaes claramente identificveis e sua distribuio bem definida. A nova proposta de arquitetura segue o objetivo do redesign (foco na comunidade), portanto a sensao de pertencimento definida por BACON (2010) um critrio a ser considerado. Com isto, o modelo De Cima par Baixo (Top-Down) que Reichnauer e Komischke (citado por MORAES; ROSA, 2010) definem como a abordagem centrada no usurio, foca no comportamento e necessidades dele para determinar a navegao e procura foi utilizado, para que o usurio possa ter controle da navegao, com links para uma navegao que no seja apenas vertical, mas tambm horizontal. As alteraes na proposta final foram para acrescentar as opes da nova forma de comunicao e para alterar algumas nomenclaturas que se distanciavam do usurio.

4.1 Atual

20

4.2 Proposta Inicial

21

4.3 Proposta Final

Incio
Agrupa as informaes institucionais do Portal.

Publicaes
Contm artigos e manuais postados por usurios. Na LOUSA haver a opo de enviar os arquivos para esta rea para que seja visualizada livremente.

Comunidades
D acesso a lista de comunidades, tutorais e, aps login, a LOUSA.

Notcias
Contm notcias que so de interesse do usurio, alm de manter um registro dos prximos eventos.

Cadastro
Cadastro do portal, ser necessrio poucas informaes para se cadastrar (otimiza o tempo), outras informaes podem ser adicionadas aps o redirecionamento do perfil.

Contato
Agrupa tpicos de ajuda (FAQ) e informaes para contato (email, chat online). Tambm possvel reportar um erro diretamente.

22

5. ERGOlist
A Ergolist utilizada no estudo da Interao Humano-Computador (IHC), ou seja, tem como objetivo geral entender como e por que as pessoas utilizam (ou no utilizam) a tecnologia da informao (MORAES; ROSA, 2010). Para o redesign isto ir auxiliar na identificao de erros na pgina atual, para que seja possvel desenvolver e aprimorar sistemas computacionais nos quais os usurios possam executar suas tarefas com segurana, eficincia e satisfao (MORAES; ROSA, 2010).
A partir de vrios estudos de pesquisadores de usabilidade Walter Cybis desenvolveu na UFSC um mdulo para avaliao de interface por meio de checklist em ambiente virtual que apresenta laudos com informaes sobre a quantidade de princpios heursticos violados e outras estatsticas. (MORAES; ROSA, 2010)

3. Caso o dado a entrar possua um formato particular, esse formato encontra-se descrito na tela? Sim 4. As unidades para a entrada ou apresentao de dados mtricos ou financeiros encontram-se descritas na tela? No aplicvel 5. Os rtulos dos campos contm um elemento especfico, por exemplo:, como convite s entradas de dados? Sim. O campo procurar e o campo de senha no possuem algum elemento de convite a entrada de dados. 6 .Caso o dado a entrar possua valores aceitveis esses valores encontram-se descritos na tela? No 7. Listas longas apresentam indicadores de continuao, d e quantidade de itens e de pginas? Sim 8. As tabelas apresentam cabealhos para linhas e colunas consistentes e distinguveis dos dados apresentados? Sim 9. Os grficos possuem um ttulo geral e rtulos para seus eixos? No aplicvel 10.Os botes que comandam a apresentao de caixas de dilogo apresentam em seus rtulos o sinal ... como indicador da continuidade e do dilogo? Sim

A Seguir encontram-se o checklist desenvolvido por Cybis (2010) e os grficos elaborados a partir dele.

5.1 Checklist
1. Presteza
1. Os ttulos de telas, janelas e caixas de dilogo esto no alto, centrados ou justificados esquerda? Sim 2.Todos os campos e mostradores de dados possuem rtulos identificativos? Sim

23

11.As pginas de menus possuem ttulos, cabealhos ou convites entrada? Sim 12.As opes de menu que levam a outros painis de menu apresentam o sinal > como indicador desse fato? No aplicvel 13. O usurio encontra disponveis as informaes necessrias para suas aes? Sim 14. Nas caixas de mensagens de erro, o boto de comando AJUDA est sempre presente? No aplicvel 15.A resposta para uma solicitao de ajuda do usurio est estruturada no contexto da tarefa e da transao corrente? No aplicvel 16. Existe a possibilidade de o usurio obter a lista de comandos bsicos da linguagem? No 17. Na ocorrncia de erros, o usurio pode acessar todas as informaes necessrias ao diagnstico e soluo do problema? No aplicvel

2.A disposio dos objetos de interao de uma caixa de dialogo segue uma ordem lgica? No 3.Nos agrupamentos de dados, os itens esto organizados espacialmente segundo um critrio lgico? Sim 4.Os cdigos das teclas aceleradoras de opes de menu esto localizados direita do nome da opo? No aplicvel 5.Nas listas de seleo, as opes esto organizadas segundo alguma ordem lgica? Sim 6.Os painis de menus so formados a partir de um critrio lgico de agrupamento de opes? Sim 7.Dentro de um painel de menu, as opes mutuamente exclusivas ou interdependentes esto agrupadas e separadas das demais? No 8.As opes dentro de um painel de menu esto ordenadas segundo algum critrio lgico? No 9.A definio da opo de menu selecionada por default segue algum critrio? No aplicvel 10.Os grupos de botes de comando esto dispostos em coluna e direita, ou em linha e abaixo dos objetos aos quais esto associados?
24

2. Agrupamento por localizao

1.O espao de apresentao est diagramado em pequenas zonas funcionais No

Sim 11.O boto de comando selecionado por default est na posio mais alta, se os botes esto dispostos verticalmente, ou na mais esquerda, se os botes esto dispostos horizontalmente? No aplicvel

7.Sinais sonoros so empregados para alertar os usurios em relao a uma apresentao visual? No 8.Na apresentao de textos, os recursos de estilo, como itlico, negrito, sublinhado ou diferentes fontes so empregados para salientar palavras ou noes importantes? Sim 9.Os itens selecionados para alterao, atualizao ou acionamento esto destacados dos outros? Sim 10.Nas situaes de alarme e nas telas de alta densidade de informao, o recurso de intermitncia visual empregado para salientar dados e informaes? No 11.Os campos obrigatrios so diferenciados dos campos opcionais de forma visualmente clara? Sim 12.Nas caixas de mensagens, o boto selecionado por default tem uma apresentao visual suficientemente distinta dos outros? No aplicvel 13.Em situaes em que se exija ateno especial do usurio, as mensagens de alerta e de aviso so apresentadas de maneira distinta? No aplicvel 14.A forma do cursor do mouse diferente da de qualquer outro item apresentado? Sim
25

3. Agrupamento por formato

1.Os controles e comandos encontram-se visualmente diferenciados das informaes apresentadas nas telas? Sim 2.Cdigos visuais so empregados para associar diferentes categorias de dados distribudos de forma dispersa nas telas? Sim 3.Os diferentes tipos de elementos de uma tela de consulta (dados, comandos e instrues) so visualmente distintos uns dos outros? Sim 4.Os rtulos so visualmente diferentes dos dados aos quais esto associados? Sim 5.Os cabealhos de uma tabela esto diferenciados atravs do emprego de cores diferentes, letras maiores ou sublinhadas? Sim 6.Em situaes anormais, os dados crticos e que requeiram ateno imediata so diferenciados atravs do uso de cores brilhantes como por exemplo, o vermelho ou o rosa? Sim

15.As formas de cursores (dois ou mais) apresentados simultaneamente so suficientemente distintas umas das outras? Sim 16.As caixas de agrupamento so empregadas para realar um grupo de dados relacionados? No 17.Quando apresenta opes no disponveis no momento, o sistema as mostra de forma diferenciada visualmente? No

6.O sistema fornece ao usurio informaes sobre o tempo de processamentos demorados? No 7.O sistema fornece feedback imediato e contnuo das manipulaes diretas? No aplicvel 8.O sistema define o foco das aes para os objetos recm criados ou recm abertos? No aplicvel 9.O sistema fornece feedback sobre as mudanas de atributos dos objetos? No aplicvel 10.Qualquer mudana na situao atual de objetos de controle apresentada visualmente de modo claro ao usurio? No aplicvel 11.O sistema fornece um histrico dos comandos entrados pelo usurio durante uma sesso de trabalho? No aplicvel

4. Feedback
1.O sistema fornece feedback para todas as aes do usurio? Sim 2.Quando, durante a entrada de dados, o sistema torna-se indisponvel ao usurio, devido a algum processamento longo, o usurio avisado desse estado do sistema e do tempo dessa indisponibilidade? No 3.O sistema fornece informaes sobre o estado das impresses? No 4.Os itens selecionados de uma lista so realados visualmente de imediato? Sim 5.A imagem do cursor fornece feedback dinmico e contextual sobre a manipulao direta? No aplicvel

5. Legibilidade
1.As reas livres so usadas para separar grupos lgicos em vez de t-los todos de um s lado da tela, caixa ou janela? No 2.Os grupos de objetos de controle e de apresentao que compem as caixas de dilogo e outros objetos compostos encontram-se alinhados vertical e horizontalmente? No

26

3.Os rtulos de campos organizados verticalmente e muito diferentes em tamanho esto justificados direita? No 4.A largura mnima dos mostradores de texto de 50 caracteres? Sim 5.A altura mnima dos mostradores de texto de 4 linhas? Sim 6.Os pargrafos de texto so separados por, pelo menos, uma linha em branco? Sim 7.O uso exclusivo de maisculas nos textos evitado? Sim 8.O uso do negrito minimizado? No 9.O uso do sublinhado minimizado? Sim 10.Nas tabelas, linhas em branco so empregadas para separar grupos? Sim 11.As listas de dados alfabticos so justificadas esquerda? Sim 12.As listas contendo nmeros decimais apresentam alinhamento pela vrgula? No aplicvel 13.As linhas empregadas para o enquadramento e segmenta-

o de menus (separadores, delimitadores etc.) so simples? Sim 14.As bordas dos painis dos menus esto suficientemente separadas dos textos das opes de modo a no prejudicar a sua legibilidade? Sim 15.O uso de abreviaturas minimizado nos menus? Sim 16.Os nomes das opes esto somente com a inicial em maisculo? No 17.Os nmeros que indicam as opes de menu esto alinhados pela direita? No aplicvel 18.Quando a enumerao alfabtica utilizada, as letras para seleo esto alinhadas pela esquerda? Sim 19.As opes das barras de menu horizontal esto separadas por, no mnimo, 2 caracteres brancos? Sim 20.Os rtulos de campos comeam com uma letra maiscula, e as letras restantes so minsculas? Sim 21.Os itens de dados longos so particionados em grupos mais curtos, tanto nas entradas como nas apresentaes? Sim

27

22.Os cdigos alfanumricos do sistema agrupam separadamente letras e nmeros? Sim 23.Os cones so legveis? Sim 24.O sistema utiliza rtulos (textuais) quando pode existir ambiguidade de cones? Sim 25.A informao codificada com o vdeo reverso legvel? No aplicvel 26.O uso de vdeo reverso est restrito indicao de feedback de seleo? No aplicvel 27.Os dados a serem lidos so apresentados de forma contnua, ou seja, no piscantes ? Sim

4. Os cones so econmicos sob o ponto de vista do espao nas telas? Sim 5 .As denominaes so breves? Sim 6.As abreviaturas so curtas? Sim 7.Os cdigos arbitrrios que o usurio deve memorizar so sempre menores do que 4 ou 5 caracteres? Sim 8. Os rtulos so concisos? No 9.Cdigos alfanumricos no significativos para o usurio e que devem ser entrados no sistema so menores do que 7 caracteres? Sim 10.Na entrada de dados alfanumricos, o sistema considera as letras maisculas e minsculas como equivalentes? No 11. Na entrada de dados numricos, o usurio liberado do preenchimento do ponto decimal desnecessrio? No aplicvel 12.Na entrada de dados numricos, o usurio liberado do preenchimento dos zeros fracionrios desnecessrios? No aplicvel

6. Conciso
1. O sistema oferece valores defaults para acelerar a entrada de dados? sim 2. A identificao alfanumrica das janelas curta o suficiente para ser relembrada facilmente? Sim 3 .Os nomes das opes de menu so concisos? Sim

28

13.Na entrada de valores mtricos ou financeiros, o usurio liberado do preenchimento da unidade de medida? No aplicvel 14. permitido ao usurio reaproveitar os valores definidos para entradas anteriores, podendo inclusive alter-los? Sim

2.As telas apresentam somente os dados e informaes necessrios e indispensveis para o usurio em sua tarefa? No 3.Na entrada de dados codificados, os cdigos apresentam somente os dados necessrios esto presentes na tela de uma maneira distinguvel? Sim 4.O sistema minimiza a necessidade de o usurio lembrar dados exatos de uma tela para outra? Sim 5.Na leitura de uma janela, o usurio tem seus movimentos oculares minimizados atravs da distribuio dos objetos principais segundo as linhas de um Z ? No 6.O sistema evita apresentar um grande nmero de janelas que podem desconcentrar ou sobrecarregar a memria do usurio? Sim 7.Na manipulao dos dados apresentados pelo sistema, o usurio est liberado da traduo de unidades? No.Na pgina Acessibilidade os dados encontram-se em ingls. 8. As listas de seleo e combinao apresentam uma altura correspondente a um mximo de nove linhas? No. Na pgina registrar o campo de escolha do Pas possui mais de 9 linhas. 9 .Os painis de menu apresentam como ativas somente as opes necessrias? No aplicvel
29

7. Aes mnimas
1 .Em formulrio de entrada de dados o sistema posiciona o cursor no comeo do primeiro campo de entrada? No 2.Na realizao das aes principais em uma caixa de dilogo, o usurio tem os movimentos de cursor minimizados atravs da adequada ordenao dos objetos? Sim 3.O usurio dispe de um modo simples e rpido (tecla TAB por exemplo) para a navegao entre os campos de um formulrio? Sim 4.Os grupos de botes de comando possuem sempre um boto definido como default? No aplicvel 5.A estrutura dos menus concebida de modo a diminuir os passos necessrios para a seleo? No aplicvel

8 Densidade informacional
1.A densidade informacional das janelas reduzida? No

9. Aes explcitas
1.O sistema posterga os processamentos at que as aes de entrada do usurio tenham sido completadas? Sim 2. Durante a seleo de uma opo de menu o sistema permite a separao entre indicao e execuo da opo ? No 3.Para iniciar o processamento dos dados, o sistema sempre exige do usurio uma ao explcita de ENTER? Sim 4. sempre o usurio quem comanda a navegao entre os campos de um formulrio? Sim

11. Flexibilidade
1.Os usurios tm a possibilidade de modificar ou eliminar itens irrelevantes das janelas? No 2.Ao usurio permitido personalizar o dilogo atravs da definio de macros? Sim 3. permitido ao usurio alterar e personalizar valores definidos por default? No

12. Experincia do usurio

1.Caso se trate de um sistema de grande pblico, ele oferece formas variadas de apresentar as mesmas informaes aos diferentes tipos de usurio? No 2.Os estilos de dilogo so compatveis com as habilidades do usurio, permitindo aes passo-a-passo para iniciantes e a entrada de comandos mais complexos por usurios experimentados? Sim 3. O usurio pode se deslocar de uma parte da estrutura de menu para outra rapidamente? Sim 4. O sistema oferece equivalentes de teclado para a seleo e execuo das opes de menu, alm do dispositivo de apontamento (mouse,...)? No
30

10. Controle do usurio

1.O usurio pode terminar um dilogo seqencial repetitivo a qualquer instante? No aplicvel 2.O usurio pode interromper e retomar um dilogo seqencial a qualquer instante? No aplicvel 3.O usurio pode reiniciar um dilogo seqencial a qualquer instante? No aplicvel 4.Durante os perodos de bloqueio dos dispositivos de entrada, o sistema fornece ao usurio uma opo para interromper oprocesso que causou o bloqueio? No aplicvel

5. O sistema capaz de reconhecer um conjunto de sinnimos para os termos bsicos definidos na linguagem de comando, isto para se adaptar aos usurios novatos ou ocasionais? No 6. O usurio experiente pode efetuar a digitao de vrios comandos antes de uma confirmao? Sim

7.O sistema solicita confirmao (dupla) de aes que podem gerar perdas de dados e/ou resultados catastrficos? No aplicvel

14. Mensagens de erro

1.As mensagens de erro ajudam a resolver o problema do usurio, fornecendo com preciso o local e a causa especfica ou provvel do erro, bem como as aes que o usurio poderia realizar para corrigi-l o? Sim 2.As mensagens de erro so neutras e polidas? Sim 3.As frases das mensagens de erro so curtas e construdas a partir de palavras curtas, significativas e de uso comum? Sim 4.As mensagens de erro esto isentas de abreviaturas e/ou cdigos gerados pelo sistema operacional? Sim 5.O usurio pode escolher o nvel de detalhe das mensagens de erro em funo de seu nvel de conhecimento? No 6. A informao principal de uma mensagem de erro encontra-se logo no incio da mensagem? Sim 7.Quando necessrio, as informaes que o usurio deve memorizar encontram-se localizadas na parte final da mensagem de erro? Sim

13. Proteo contra erros

1.O sistema apresenta uma separao adequada entre reas selecionveis de um painel de menu de modo a minimizar as ativaes acidentais? Sim 2. Em toda ao destrutiva, os botes selecionados por default realizam a anulao dessa ao? No aplicvel 3. Os campos numricos para entrada de dados longos esto subdivididos em grupos menores e pontuados com espaos, vrgulas, hfens ou barras? No 4.Ao final de uma sesso de trabalho o sistema informa sobre o risco de perda dos dados? No aplicvel 5.O sistema emite sinais sonoros quando ocorrem problemas na entrada de dados? No 6.As teclas de funes perigosas encontram-se agrupadas e/ ou separadas das demais no teclado? No aplicvel

31

8. Em situaes normais as mensagens de erro so escritas em maisculo/minsculo? Sim 9.As mensagens de erro tm seu contedo modificado quando na repetio imediata do mesmo erro pelo mesmo usurio? No

16. Consistncia
1.A identificao das caixas, telas ou janelas so nicas? No 2.A organizao em termos da localizao das vrias caractersticas das janelas mantida consistente de uma tela para outra? No 3.A posio inicial do cursor mantida consistente ao longo de todas as apresentaes de formulrios? Sim 4.Uma mesma tecla de funo aciona a mesma opo de uma tela para outra? Sim 5.Os cones so distintos uns dos outros e possuem sempre o mesmo significado de uma tela para outra? Sim 6.A localizao dos dados mantida consistente de uma tela para outra? No 7.Os formatos de apresentao dos dados so mantidos consistentes de uma tela para outra? No 8.Os rtulos esto na mesma posio em relao aos campos associados? Sim 9.O smbolo para convite entrada de dados padronizado (por exemplo >)? Sim

15. Correo de erros

1.Qualquer ao do usurio pode ser revertida atravs da opo DESFAZER? No aplicvel 2.Atravs da opo REFAZER, a regresso do dilogo, tambm pode ser desfeita? No aplicvel 3.Os comandos para DESFAZER e REFAZER o dilogo esto diferenciados? No aplicvel 4.O sistema reconhece e atravs de uma confirmao do usurio, executa os comandos mais freqentes mesmo com erros de ortografia? No 5.Depois de um erro de digitao de um comando ou de dados, o usurio tem a possibilidade de corrigir somente a parte dos dados ou do comando que est errada? Sim

32

10.As reas de entrada de comandos esto na mesma posio de uma tela para outra? Sim 11.Os significados dos cdigos de cores so seguidos de maneira consistente? No

co normalmente empregados na tarefa? Sim 8.Os cabealhos de colunas de dados so significativos e distintos? Sim 9.O sistema adota cdigos significativos ou familiares aos usurios? Sim 10.As abreviaturas so significativas? Sim 11.As abreviaturas so facilmente distinguveis umas das outras, evitando confuses geradas por similaridade? Sim 12.A intermitncia luminosa (pisca-pisca) usada com moderao e somente para atrair a ateno para alarmes, avisos ou mensagens crticas? No aplicvel

17. Significados
1.As denominaes dos ttulos esto de acordo com o que eles representam? Sim 2.Os ttulos das pginas de menu so explicativos, refletindo a natureza da escolha a ser feita? Sim 3.Os ttulos das pginas de menu so distintos entre si? Sim 4.Os ttulos das pginas de menu so combinveis ou componveis? No 5.As denominaes das opes de menu so familiares ao usurio? Sim 6.O vocabulrio utilizado nos rtulos, convites e mensagens de orientao so familiares ao usurio, evitando palavras difceis? Sim 7.O vocabulrio utilizado em rtulos, convites e mensagens de orientao orientado tarefa, utilizando termos e jargo tcni-

18. Compatibilidade
1.As telas so compatveis com o padro do ambiente? No aplicvel 2.A imagem do formulrio na tela do terminal assemelha-se com o formulrio de entrada em papel? Sim 3.O sistema prope uma caixa de dilogo modal, quando a aplicao deve ter todos os dados antes de prosseguir ou quando o usurio tenha de responder a uma questo urgente? Sim

33

4.As caixas de dilogo do sistema apresentam um boto de validao, um boto de anulao e, se possvel, um boto de ajuda? No 5.Os significados usuais das cores so respeitados nos cdigos de cores definidos? Sim 6.As opes de codificao por cores so limitadas em nmero? Sim 7.As informaes codificadas atravs das cores apresentam uma codificao adicional redundante? No 8. A taxa de intermitncia para elementos piscantes est entre 2 e 5 Hz (2 a 5 piscadas por segundo)? No aplicvel 9.A apresentao sonora compatvel com o rudo do ambiente? No aplicvel 10.As mensagens so sempre afirmativas e na voz ativa? Sim 11.Quando uma frase descreve uma seqncia de eventos, a ordem das palavras na frase corresponde seqncia temporal dos eventos? No aplicvel 12.Ilustraes e animaes so usadas para completar as explicaes do texto? No aplicvel

13.O sistema segue as convenes dos usurios para dados padronizados? Sim 14.O sistema utiliza unidades de medida familiares ao usurio? Sim 15.Dados numricos que se alterem rapidamente so apresentados analogicamente? No aplicvel 16.Dados numricos que demandam preciso de leitura so apresentados digitalmente? No aplicvel 17.Os itens so numerados com nmeros, no com letras? Sim 18.Os identificadores numricos de opo de menu iniciam de 1, e no de 0? No aplicvel 19.Os eixos de um grfico apresentam escalas numricas iniciando em zero, com intervalos padronizados, crescendo da esquerda para a direita e de cima para baixo? No aplicvel 20.Os itens de um grupo de botes de rdio so mutuamente exclusivos? No aplicvel 21.Os itens de um grupo de caixas de atribuio permitem escolhas independentes? No aplicvel

34

5.2 Grficos de Nveis

35

36

5.3 Grficos Comparativos

37

38

5.4 Recomendaes dos Pares

Agrupamento por localizao
8. As opes dentro de um painel de menu esto ordenadas segundo algum critrio lgico? No.

Agrupamento por formato

16. As caixas de agrupamento so empregadas para realar um grupo de dados relacionados? No.

No h critrio de separao entre os itens, assim como a ordem dos mesmos. A disposio correta dos itens do menu de navegao do site essencial para que o usurio consiga se localizar dentro do site e encontrar o que deseja.

O novo menu de navegao segue uma ordem de importncia e de relevncia na escolha do usurio. Alm de ter mudado a forma de leitura, de vertical para horizontal, alguns itens foram alterados e outros substitudos.

No site atual no existe uma caixa de agrupamento para informaes, como no exemplo acima, no campo de notcias. O texto fica confuso e a necessidade do emprego de cores, negritos e sublinhados precisa ser maior para poder dar destaque. O fato de no haver separao dos itens pode deixar o usurio confuso na hora de ler e interagir com as informaes.

39

O novo agrupamento torna a leitura muito mais clara e simples. A separao por negrito e por linhas grficas, assim como a separao dos tipos de informao, ajuda o usurio a ir direto ao que ele deseja.

As reas livres no site atual no so empregadas de uma maneira coerente para dividir contedos, melhorar a leitura ou diagramao do site. Elas ficam agrupadas em sua maioria na esquerda e embaixo. Isso causa perda de espao para contedo e tambm concentra as informaes todas de um lado, dificultando a organizao, visualizao de contedo e disposio dos elementos de relevncia.

Legibilidade
1. As reas livres so usadas para separar grupos lgicos em vez de t-los todos de um s lado da tela, caixa ou janela? No.

40

No re-design o uso de espaos em branco facilitou a organizao do contedo, a visibilidade e a hierarquizao das informaes. 8.O uso do negrito minimizado? No O site possui em vrios pontos, o uso excessivo de negrito, para dar destaque no meio dos blocos de texto sem espaamento. No re-design o uso do negrito se aplica apenas aos ttulos dos blocos de texto e aos agrupamentos de informaes.

Aes mnimas
1 .Em formulrio de entrada de dados o sistema posiciona o cursor no comeo do primeiro campo de entrada? No A quantidade de informao logo na primeira tela do site, alm de desorganizada ela extensa e faz os grupos de informao competirem na visualizao do contedo.

necessrio que o usurio use o cursor no primeiro campo de entrada para poder inserir os dados

Densidade informacional
1.A densidade informacional das janelas reduzida? No

41

Apesar de possuir uma um contedo significativo, a classificao do contedo junto aos espaamentos e linhas grficas, torna o contedo dividido e de fcil leitura.

O modo de exibio das comunidades pode ser alterado pelo usurio dentre os critrios possveis. A seleo sempre segue uma ordem lgica de apresentao de contedo.

Experincia do usurio
1.Caso se trate de um sistema de grande pblico, ele oferece formas variadas de apresentar as mesmas informaes aos diferentes tipos de usurio? No

6. Pr-layouts do redesign
Para a elaborao foram utilizados os pontos positivos do Benchmarking:

Espao Colaborativo
Opes de Compartilhamento para as redes sociais como nos portais: EUA e Inglaterra. Enquete, como no portal EUA

Inovao Tecnolgica
Rene o maior nmero de informaes de interesse ao funcionrio pblico como nos portais: Canad e Mxico.

Acesso ao Usurio Amador

rea especfica para tutoriais, com vdeos (presentes nos portais: Canad e Inglaterra). Links para a rea de tutoriais na navegao contextual quando necessrio (Inglaterra). rea para contato (EUA).

Atratividade
Na lista de comunidades, alm de da informao ser agrupada de forma que dificulta a leitura, os itens no possuem uma ordem lgica, deixando o usurio sempre coma mesma disposio dos itens. Segue a estruturao do Canad e Inglaterra, mas com cores suaves como no Mxico e o segundo portal do Cingapura (Reach). Utilizao de cones como Inglaterra e Mxico.

42

Configurao para Outras Mdias

cone no cabealho para o acesso aos Feeds.

Dados Abertos
Visualizao de contedo livre, exceto aqueles especficos da comunidade (Todos os portais). Houve uma preocupao com os sistemas de navegao de Agner (2009): Navegao embutida - uma navegao global (menu principal fixo), navegao local (menus drop-box), e navegao contextual (diversos links podem ser acessados no contedo do portal). Navegao suplementar ferramentas de cabealho (busca, cones e mapa do site) Navegao avanada customizao (configurao do perfil)

6.1 Home
No Layout da Home, haver um banner que ao ser clicado pelo usurio mudado por outro. H trs banners no total: um sobre notcias, um sobre as comunidades, e outro sobre artigos. A seo comunidades mais acessadas se refere s comunidades com o maior nmero de visualizaes. Ao clic-las, o usurio ser redirecionado para a comunidade escolhida (caso esteja logado) ou para a pgina principal das comunidades (caso no esteja logado). A seo ltimas notcias se refere s notcias postadas no portal mais recentemente. Ao clic-las, o usurio ser redirecionado para Notcias.

43

Segunda verso da home

6.2 Notcias
No Layout Notcias, h quatro sees para notcias especficas: Eventos (com um calendrio acompanhado por uma lista descritiva dos prximos eventos), Avisos (referente a informaes importantes sobre o portal), Notcias Recentes (se refere s notcias postadas no portal mais recentemente) e Notcias Mais Acessadas (se refere s notcias com o maior nmero de visualizaes).

44

segunda verso notcias

6.3 Perfil

45

7. Testagem
7.1 Material e Mtodos
7.1.1 Caracterizao do Teste
As tarefas devem validar a proposta do redesign, ou seja, centradas nas comunidades e exposio do usurio. O objetivo principal do portal CATIR dispor comunidades virtuais para organizaes pblicas no apoio de suas atividades entre seus servidores e funcionrios. Deste modo, o principal destinatrio do site so pessoas que trabalham em nvel pblico, das mais diversas formaes, principalmente na rea de finanas, gesto, informtica, sade e educao. Como o foco do site so as comunidades, nosso teste se preocupou em validar nossa proposta de redesign que se centralizou no acesso as comunidades. Foi aplicado um teste de usabilidade que implica na verificao do desempenho (eficcia e eficincia) do sistema em relao sua interao com o usurio, alm de identificar problemas de usabilidade durante a realizao de tarefas no contexto de seu uso. (DIAS, 2007).

modo, o melhor teste de usurios ser feito com usurios teste o mais prximo possvel dos usurios reais (LEWIS, 1994). No caso do CATIR, o usurio teste procurado deve ser um funcionrio pblico envolvido com gesto, finanas, informtica, sade, educao e reas correlatas. A amostragem foi do tipo no-probabilstica de acordo com LAKATOS e MARCONI (2001), uma vez que foram selecionados os usurios que se conseguiu contato e apresentaram caractersticas do pblico que participa das comunidades do portal CATIR. A amostra foi por tipicidade, j que sua caracterstica fundamental era ser servidores e funcionrios do governo. Neste estudo participaram 3 (trs) participantes de diferentes instituies pblicas da Grande Florianpolis que atuam na rea da Sade no nvel pblico municipal, estadual e federal.

7.1.4 Instrumento de Pesquisa

Foram utilizados os seguintes instrumentos: Observao natural; mtodo de medida de desempenho; questionrio Bipolar e questionrio com perguntas abertas. A observao natural implica em acompanhar o avaliado durante a realizao de suas tarefas e tomar notas: o membro da equipe de design segue de perto um de deles (como uma sombra), tomando notas, fazendo perguntas (mas no muitas) e observando o que est sendo feito no contexto natural da atividade (PREECE, ROGERS e SHARP 2005, p.233). Para isso foi utilizado um modelo de avaliao durante o teste (anexo 1). O mtodo de medida do desempenho implica que os objetivos do teste sejam quantificveis, assim, devem-se eliminar variveis indesejadas. De forma simplificada, o mtodo concentra-se na aferio do tempo gasto pelo usurio tpico para completar uma ta-

7.1.2 Populao
A populao da pesquisa foi composta por funcionrios e servidores pblicos da Grande Florianpolis

7.1.3 Amostra
A inteno da escolha de usurios para testar antecipar o que ir acontecer quando usurios reais utilizarem o sistema, deste

46

refa e se conseguiu realiz-la de forma correta e completa. (DIAS, 2007) Considerando que o Tempo de Resposta (AGNER, 2009) um critrio relevante e a necessidade do usurio completar as tarefas propostas (para que ele participe da comunidade), foi escolhido utilizar tambm o mtodo de medida do desempenho, uma vez que ele se concentra no tempo gasto para a realizao da tarefa. Foi utilizado um Questionrio Bipolar/QBP (anexo 2) adaptado de Deliberato (2002), este questionrio contm uma seqncia de pares de respostas contrrias reciprocamente, que representam a sensao do usurio naquele exato momento do teste. No questionrio (anexo 3) no h interferncia do entrevistador nos resultados, ele apresenta perguntas abertas para que o usurio possa descrever sua experincia. Para anlise estatstica dos dados foram determinadas: os valores de cada indivduo e a mdia. Os dados foram demonstrados em tabelas de freqncia e grficos especficos a cada varivel estudada.

O questionrio Bipolar (QBP) foi aplicado no comeo e final do teste, no incio para verificar como o usurio se sentia na sua realizao e no final para ver se houve alguma alterao na sensao do usurio naquele exato momento de finalizao do teste. As tarefas do teste foram observadas pelo avaliador que se postou atrs do usurio em outra mesa sem interferir diretamente na execuo do teste e anotava de maneira pontual os principais problemas na execuo de cada tarefa que podiam ser observados na interface.

7.2 Apresentao dos dados e discusso dos resultados

Avaliado A
Caractersticas: mulher, 25 anos de idade, atua como mdico (a) em nvel municipal. Utilizou o mapa do site para se guiar. Identificou com facilidade o objetivo do site. Ficou em dvida no cadastro de clicava em registrar-se ou cadastramento. No cadastramento, tentou trs vezes cadastrar-se. O problema era nos caracteres de confirmao (ltima box da tela de cadastro) devido a obrigatoriedade do caps lock nas letras maisculas. Quando foi acessar a comunidade de interesse tentou pela pgina de log in e no conseguiu; digitou novamente o endereo do CATIR no navegador e foi no link da comunidade (Programas do Livro) e entrou na comunidade. Na tarefa de alterar o tamanho da fonte/contraste tentou pelo mapa do site e depois pelo painel de controle quando logado.

7.1.5 Coleta de Dados

O usurio era apresentado ao teste que seria feito para avaliao do portal CATIR para a disciplina de Ergonomia de Interface. Deixou-se claro para o avaliado que o objetivo era avaliar o site e no o indivduo, deste modo, deveria ser executado de forma natural, sem preocupaes com erros ou tempo para concluso. O teste foi realizado individualmente dentro de um tempo mximo de cinco minutos para a realizao de cada tarefa ou ento at o usurio desistir da tarefa. No foi oferecido nenhum tipo de ajuda, o usurio deveria sentir-se como sozinho durante o teste. A partir do trmino da leitura de cada tarefa o cronmetro era ativado para seu registro.

47

 Era a primeira vez que acessava o portal do CATIR e achou muito confuso, com muita informao na pgina inicial e o texto era pouco conciso. Relatou que o nome Comunidades na pgina inicial no meu lateral, onde contm todas as comunidades, deveria estar mais claro.

modo no conseguiu acessar as comunidades. No sabia aonde clicar para alterar configuraes de fonte e contraste, portanto nem tentou esta tarefa. Para estes usurio a sua maior dificuldade foi a pouco experincia que tem com o computador, a interface era complicada e relatou que o portal do Servidor Pblico Estadual de Santa Catarina <http://www.portaldoservidor.sc.gov.br/> tinha um formulrio mais fcil de preencher a a interface mais fcil de acessar.

Avaliado B
Caractersticas: homem, 28 anos de idade, atua como socorrista em nvel federal. Teve facilidade em acessar o site e fazer o cadastramento. Cadastrou, acessou o email, confirmou o cadastro e fez o log in no site. Usou o atalho no cabealho para fazer o cadastro no portal. No conseguiu acessar a comunidade, tentou acess-las pelo mapa do site e no teve sucesso. Tentou fazer o log in de novo e mesmo depois de logado no menu comunidades tentou acessar e no foi. Era a primeira v que o usurio B acessava o site e descreveu que sentiu dificuldades te entender a finalidade do site; de acessar as ferramentas como adicionar comunidades e verificar os padres de tela.

Avaliado C
Caractersticas: mulher, 53 anos de idade, atua como enfermeiro (a) em nvel estadual. Conseguiu acessar o site, contudo, no tinha muita agilidade e familiaridade com o computador, de modo que digitava de modo um pouco lento. Fez o cadastramento no site, conquanto, no entendeu que deveria acessar o email para confirmar o cadastro no site e deste

Figura 1 Lista de tarefas por usurio.

48

Grfico 2- Mdia da Sensao subjetiva de fadiga dos usurios. Grfico 1 Tempo de execuo das tarefas por usurio.

No questionrio bipolar foram observadas: Candidato A: aumentou o nervosismo em dois pontos e o cansao visual em um ponto; em contrapartida melhoraram a sensao de cansao em um ponto e a produtividade em dois pontos. Candidato B: aumentou o cansao em um ponto, a dificuldade de concentrao em um ponto, o nervosismo em trs pontos, a produtividade ficou comprometida em cinco pontos e o cansao visual em dois pontos. Candidato C: aumentou o cansao em trs pontos, a dificuldade de concentrar em dois pontos, o nervosismo em cinco pontos e a produtividade ficou comprometida em quatro pontos.

A sensao subjetiva dos sintomas de fadiga (grfico 2) apresentaram um aumento, principalmente a produtividade e o nervosismo. O avaliado A durante o teste alterava sua respirao profundamente durante a execuo das tarefas que despendiam mais tempo. O excesso de informao nas telas do site, o texto pouco conciso e o pouco entendimento do portal parecem favorecer estes sintomas de fadiga. Os candidatos A e C relatavam as dificuldades em voz alta o que facilitava durante as anotaes do avaliador a respeito da ansiedade em algumas partes do sistema e no caso do ltimo candidato na desistncia das duas ltimas tarefas. A falta de encontro da informao desejada, principalmente no que diz respeito s comunidades para sua visualizao, enfraquece o objetivo do portal que se propem em: Coloca disposio de todas as organizaes pblicas brasileiras este ambiente virtual para que criem e utilizem comunidades virtuais no apoio de suas atividades, ou seja, que criem e utilizem

49

espaos virtuais de compartilhamento e criao de conhecimentos entre seus servidores e funcionrios (CATIR, 2011). Outra informao que parece suscitar maior destaque esta: aps o preenchimento dos campos voc receber uma mensagem de confirmao para o acesso direto ao ambiente CATIR, podendo participar das comunidades existentes ou criar comunidades para apoio sua organizao (CATIR, 2011). Isso decorre do fato de os usurios durante o teste no terem claro de que era necessrio acessar o email para confirmar o log in e de fato conseguir acessar as comunidades. As opes de acessibilidade como alterar o contraste da tela esto dentro do link acessibilidade, num contedo em ingls, apesar do idioma em portugus, como Default colors e High contrast. O fato que este recurso dentro de acessibilidade no parecia para os usurios A e B o mais correto, j que eles procuraram esta configurao dentro de painel de controle. A aparente falta de lgica na relao entre os itens do menu e hierarquia de contedo nas pginas fez com os usurios executassem uma pesquisa item por item, com vrias idas e vindas em determinados links. Dentro das prprias pginas os usurios no encontravam uma lgica na organizao da informao: Devo me cadastrar em cadastramento ou registre-se?; Como acesso as comunidades? . O site tem como objetivo principal o acesso as comunidades, de modo que se no for inteligvel para os usurios de maneira clara e objetiva dificulta o acesso aos servios oferecidos pelo portal como o prprio acesso ao sistema.

7.3 Modelo do Questionrio/Lista de Tarefas

Nome: Idade: - Acesse o Site CATIR: http://www.catir.gov.br/ Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda - Identifique o objetivo do portal Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda - Cadastre-se no site Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda

50

- Acesse uma comunidade de seu interesse Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda - Altere o tamanho da fonte Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda - Altere a opo de contraste do site Incio: __/__ Trmino __/__ A tarefa foi: (_) Concluda (_) Concluda com Dificuldades (_) No foi concluda

7.4 Questionrio Bipolar

QUESTIONRIO BIPOLAR - AVALIAO DE FADIGA - QUESTIONRIO DO INCIO DA TAREFA NO PORTAL
Nome: Horrio:
1
Descansado Boa concentraao Calmo Produtividade normal Descansado visualmente Ausncia de dor nos msculos do pescoo e ombros Ausncia de dor nas costas Ausncia de dor na regio lombar Ausncia de dor nas coxas Ausncia de dor nas pernas Ausncia de dor nos ps Ausncia de dor de cabea

7
Cansado Dificuldade de concentrar Nervoso Produtividade comprometida Cansao visual Dor nos msculos do pescoo e ombros Dor nas costas Dor na regiao lombar Dor nas coxas Dor nas pernas Dor nos ps Dor de cabea

51

1
Ausncia de dor no brao, no punho ou na mo do lado direito Ausncia de dor no brao, no punho ou na mo do lado esquerdo

7
Dor no brao, no punho ou na mo do lado direito Dor no brao, no punho ou na mo do lado esquerdo Ausncia de dor nas coxas Ausncia de dor nas pernas Ausncia de dor nos ps Ausncia de dor de cabea Ausncia de dor no brao, no punho ou na mo do lado direito Ausncia de dor no brao, no punho ou na mo do lado esquerdo

7
Dor nas coxas Dor nas pernas Dor nos ps Dor de cabea Dor no brao, no punho ou na mo do lado direito Dor no brao, no punho ou na mo do lado esquerdo

QUESTIONARIO BIPOLAR - AVALIAO DE FADIGA-QUESTIONARIO DO FINAL DA TAREFA NO PORTAL

Nome: Horrio:
1
Descansado Boa concentraao Calmo Produtividade normal Descansado visualmente Ausncia de dor nos msculos do pescoo e ombros Ausncia de dor nas costas Ausncia de dor na regio lombar

7
Cansado Dificuldade de concentrar Nervoso Produtividade comprometida Cansao visual Dor nos msculos do pescoo e ombros Dor nas costas Dor na regiao lombar

Instrues: So duas folhas no caso da adaptao pra este teste, sendo que a primeira para ser aplicada quando o usurio inicia a pesquisa no portal e a segunda na hora em que ele terminar as tarefas selecionadas. Explique ao usurio o seguinte: Se ele estiver se sentindo da forma que esta a esquerda, marque 1; se ele estiver se sentindo totalmente a direita, marque 7; se for mais ou menos, marque 4; mais para o lado da caracterizao a esquerda, 3 ou 2; mais para o lado da caracterizao da direita, marcar 5 ou 6. De assistncia a eles na hora de preencherem, para tirar duvidas. importante que eles preencham num lugar em que possam se sentar e escrever.
52

Nao deixe que ele veja o resultado da avaliao anterior. Assim, haver um conjunto de 2 questionrios por usurio; Naturalmente, conforme voc pode ver, quanto mais para a direita, maior e a fadiga.

7.5 Questionrio Aberto

Aps a realizao das tarefas responda: J havia acessado o site anteriormente? __________________________________________________________ _____________________________________________________________ Descreva sua experincia ao acessar o site: __________________________________________________________ _____________________________________________________________

Critrio de Interpretao
Qualitativa Fadiga acumulada - ser identificada quando o primeiro questionrio revelar item 4 ou acima nos seguintes aspectos: dor nos msculos do pescoo e ombros e dor nos braos e quando ficar caracterizada a continuidade das queixas ao longo da Jornada; a marcao de item 4 ou superior ao inicio da Jornada nos itens cansado e produtividade comprometida depende de uma avaliao melhor quanto as causas. Nvel de fadiga - tomar como base o questionrio do final do usurio Ausncia de fadiga- at 3 em cada um dos itens; Moderada - 4 ou 5 em algum dos itens (sendo que a pontuao inicial era menor que 3); Intensa - 6 ou 7 em algum dos itens; H que se tomar alguns cuidados na interpretao do questionrio quando o nvel inicial marcado em relao aquele item era de 3 ou 4. Nesse caso, tem-se que interpretar se houve um aumento da pontuao ao longo da Jornada.

8. Layout final do redesign

Ao longo do processo algumas alteraes foram feitas:

Espao Colaborativo
Opes de Compartilhamento para as redes sociais como nos portais: EUA e Inglaterra, passa a ser visualizada no cabealho ao invs da coluna lateral. Enquete, como no portal EUA, passa a ser visvel apenas na pgina inicial para no ter excesso de informao. Novo Layout para visualizao da nova forma de comunicao: LOUSA.

Inovao Tecnolgica
Agrupa o maior nmero de informaes de interesse ao funcionrio pblico como nos portais: Canad e Mxico. A LOUSA rene diversas ferramentas de comunicao de forma a se aproximar do usurio.
53

Acesso ao Usurio Amador

rea especfica para tutoriais, com vdeos (presentes nos portais: Canad e Inglaterra), e infogrficos. cone para os tutoriais no cabealho. Links para a rea de tutoriais na navegao contextual quando necessrio (Inglaterra). rea para contato (EUA). A LOUSA se utiliza de links de fcil visualizao, alm de buscar uma aproximao com a lousa material para que a navegao seja facilitada.

8.1 Home
O Banner inicial chamar para a LOUSA.

Atratividade
Com a remoo da enquete como elemento fixo, o Layout segue a estruturao mais prxima do EUA, continua com cores suaves como no Mxico e o segundo portal do Cingapura (Reach). Aparecem novos cones.

Configurao para Outras Mdias

cone no cabealho para o acesso aos Feeds e acesso mvel.

Dados Abertos
Visualizao de contedo livre, exceto aqueles especficos da comunidade (Todos os portais). Mantiveram-se os sistemas de navegao de Agner (2009): Navegao embutida - uma navegao global (menu principal fixo), navegao local (menus drop-box), e navegao contextual (diversos links podem ser acessados no contedo do portal). Navegao suplementar ferramentas de cabealho (busca, cones e mapa do site) Navegao avanada customizao (configurao do perfil). A LOUSA pode ser customizada atravs do quadro interativo.

54

wireframe home

8.2 NOTCIAS
Poucas alteraes, apenas adequaes a nova estrutura.

55

wireframe notcias

8.3 Perfil

56

wireframe PERFIL

8.4 Comunidades
Novo Layout para a visualizao da lista de comunidades, antes do acesso a LOUSA. Permite que o usurio altere a ordem de exibio das comunidades.

57

WIREFRAME COMUNIDADES

8.5 Infogrficos Tutoriais

58

59

8.6 Lousa
Layout com vista dos tpicos de uma comunidade especfica na LOUSA. Tpicos similar ao frum, arquivos pblicos seria como um wiki, podendo o criador do arquivo permitir a edio coletiva ou apenas comentrios. Galeria permite a postagem de vdeos, imagens e arquivos de adio, novamente podendo ou no ter edio coletiva. Reunies, manteria os registros de reunies fsicas e teria um chat para reunies online, acompanha calendrio para marcar as reunies. O Quadro Interativo permite a customizao da LOUSA para cada usurio. E o Perfil levaria o usurio de volta para sua pgina pessoal. O Editor seria utilizado na edio e criao de tpicos.

60

9. Nova forma de Comunicao: LOUSA

A nova forma de comunicao da proposta do Redesign do portal CATIR se chama Lousa. Na Lousa o usurio ir encontrar um lugar onde todas as comunidades estaro disponveis. Os usurios podero visualizar as comunidades, editar, gravar (textos, imagens, vdeos), enviar emails e participar do frum de discusso. O contedo pode ser salvo pelo usurio em forma de arquivo e pode ser utilizado novamente em outro momento. Haver um cone que contm canetas coloridas que servem para escrever ou destacar algum contedo que for importante. A lousa ser considerada um ambiente de aprendizagem em que novas prticas podero ser desenvolvidas pelos seus colaboradores. Na elaborao do contedo das comunidades, o quadro interativo disponibilizar ao moderador da comunidade e aos usurios uma galeria contendo inmeras imagens, como planos de fundo, figuras ilustrativas e imagens multimdia (arquivos em flash e jQuery, por exemplo) subdivididas em categorias (gesto, informtica, sade, educao, finanas).

aula. Assim, por meio da utilizao dessa tecnologia, oportunizase a incorporao da linguagem audiovisual no processo de ensino e aprendizagem, considerada uma forte tendncia da atualidade (NAKASHIMA e AMARAL, 2006). O funcionrio pblico por ter vindo de uma gerao aonde nas escolas o contedo era ensinado atravs de um quadro negro e por ter contado com a televiso, pode encontrar neste nome Lousa uma maior familiaridade com a sua realidade. A semelhana com a lousa tradicional, com o diferencial de possuir vrios recursos que permitem a interao com o contedo abordado pelo professor.

Figura 2 - Semelhanas da lousa digital com a tradicional e a televiso.

9.1 Justificativa Terica do nome LOUSA

Ao se observar a lousa digital possvel perceber as suas semelhanas em relao lousa tradicional e televiso (figura 2), que so equipamentos muito conhecidos, tanto para os professores, como para os alunos. Ao se pensar na utilizao de uma tecnologia inovadora nos processos educativos, verifica-se uma familiaridade maior com a lousa digital, devido ao intenso contato que se tem com a televiso e a lousa tradicional, o que facilitaria a sua integrao nas atividades pedaggicas desenvolvidas em sala de

O funcionrio pblico por ter vindo de uma gerao aonde nas escolas o contedo era ensinado atravs de um quadro negro e por ter contado com a televiso, pode encontrar neste nome Lousa uma maior familiaridade com a sua realidade. A lousa digital se assemelha tradicional, com o diferencial de possuir vrios recursos que permitem a interao com o contedo abordado nas comunidades CATIR. A linguagem digital est presente fortemente nas formas de expresso da atual sociedade, contudo no exclui a linguagem oral e escrita, que so base dos processos comunicativos. A utilizao
61

da linguagem digital uma conseqncia dos estilos de vida que esto sendo criados na atual sociedade, caracterizados pela rapidez, eficincia, diversidade e fluidez da informao. A lousa digital caracteriza-se como uma tecnologia que aproxima a linguagem digital interativa das prticas de aprendizagem (NAKASHIMA, 2011). Por se tratar de um portal de comunidades de compartilhamento e criao de conhecimento o nome faz uma importante ligao entre tecnologia digital e aprendizagem. A lousa digital (figura 3) permite ao professor acessar pginas na internet, escrever, desenhar, editar, gravar e enviar para os seus alunos via e-mail tudo o que foi escrito e realizado no quadro durante as aulas, basta a instalao de um software de gerenciamento do quadro interativo. Na elaborao das aulas, os quadros interativos disponibilizam ao professor uma galeria contendo inmeras imagens, como planos de fundo, figuras ilustrativas e imagens multimdia, em formato Flash, subdividido em categorias (Histria, Geografia, Cincia e Tecnologia, Artes, Matemtica, dentre outras). Alm disso, existe um cone que contm canetas coloridas que servem para escrever ou destacar algum contedo que for importante (NAKASHIMA, 2011). De modo anlogo o no portal a Lousa ir permitir que os colaboradores das comunidades consigam fazer interaes com os contedos, personalizar o modo de visualizao da sua tela, fazer edies necessrias daquilo que for prioridade em ser visualizado, podero ser salvos arquivos em seu computador pessoal, poder acrescentar temas a sua tela dividida por categorias relacionadas comunidade que participa com mais interesse entre outras funcionalidades.

Figura 3 - Exemplo do funcionamento da lousa digital interativa.

As canetas (figura 4) ficam em um suporte integrado lousa e cada uma delas possui uma tinta eletrnica nas cores: azul, vermelho, preto e verde. Ao retirar uma delas do suporte h sensores pticos que detectam automaticamente a escolha da cor da caneta e os traos que forem feitos na lousa sero da cor correspondente (NAKASHIMA e AMARAL, 2006). Do mesmo modo, na Lousa das comunidades haver um cone de canetas em que os usurios podero destacar dentro do contedo com as diferentes cores (azul, vermelho, preto e verde) o que for mais importante pra sua visualizao de acordo com os critrios pessoais.

62

10. Avatares e Tutores das Comunidades

No portal CATIR haver duas formas de comunicao e controle do contedo no site: 1) senhor Catir, moderador do portal; 2) os tutores das comunidades, cada comunidade ter seu(s) tutor(es). O senhor CATIR foi escolhido como avatar para o portal. O avatar ser o moderador responsvel por controlar as principais atividades (assuntos gerais) dentro do portal, como questes de linguajar inapropriado e outras aspiraes ticas. Alm disso, ele tambm aparece em vdeos institucionais, tutoriais, na pgina de ajuda e em tpicos que suscitam maior esclarecimento dos usurios. Os tutores do portal sero responsveis por verificar a adequao e importncia dos contedos dentro da comunidade pela qual ele responsvel. Deste modo, cada comunidade ter um tutor, que poder ser um usurio mais experiente (especialista) em relao ao contedo da comunidade e at mesmo mais de um usurio. A escolha da avatar Sr. Catir como gnero masculino se deve ao fato da teoria analtica de Carl Gustav Jung baseado nos conceitos de nimus e de anima. Esses conceitos trazem importantes conseqncias para a compreenso de nossa individualidade, bem como da cultura social em que nos inserimos.
Os termos nimus e nima vo representar os arqutipos masculino e feminino, respectivamente, que se inserem no indivduo em formao, dando-lhe as caractersticas da sua sexualidade afetiva e no necessariamente a biolgica. Dessa forma, todos temos aspectos nimus e nima em nossa personalidade, havendo uma tendncia para os homens serem mais nimus e para as mulheres mais anima (NETO, 2011).

Figura 4 - Imagem do quadro interativo com seus respectivos acessrios.

De acordo com Nakashima (2011) a lousa digital pode ser considerada um ambiente de ensino e aprendizagem, em que novas prticas pedaggicas podem ser desenvolvidas pelos professores. Nesse ambiente, o trabalho do professor deve ser muito valorizado, pois ele quem explorar a nova dinmica de linguagem da lousa digital. No caso do portal CATIR os colaboradores sero responsveis pela dinmica de ensino e aprendizagem para que a informao permeie as discusses na gerao de conhecimento. Os materiais produzidos com os recursos da lousa digital conseguem abranger mltiplos estmulos, como a audio, a viso e o tato, considerando que as pessoas possuem diferentes Estilos de Aprendizagem e que aprendem com mais eficincia se mais de um sentido for mobilizado (NAKASHIMA, 2011). Na Lousa CATIR esperam-se mobilizar os sentidos da viso e audio.

Algumas caractersticas nimus como ser ativo, rgido, cobrador, ligado razo, lgica, usar mais o amor condicional, buscar o

63

conflito, a agressividade e a destruio. (NETO, 2011). Como se trata de um portal de compartilhamento de contedo e aprendizagem a personagem masculino se liga mais a lgica e a figura de rigidez se encaixa bem a funo de moderador. Em sala de aula houve uma discusso a respeito da esolha do avatar como figura de um ser humano (antropomrfico) e do sexo masculino, o que nos levou a pesquisa de algo que justificasse o uso do nosso avatar. H algum debate sobre a influncia de avatares antropomrficos. Em alguns estudos, acredita-se que quanto mais antropomrfico for classificado o avatar ele ter mais crdito, ser mais envolvente e agradvel do que as imagens menos antropomrficas (Koda, 1996; Wexelblat, 1997 apud Nowak e Rauh, 2006), enquanto outro estudos (Nowak, 2004 apud Nowak e Rauh, 2006) descobriram que as pessoas relataram que imagens menos antropomrficas so mais credveis e agradveis do que a imagem mais antropomrfica. A provvel explicao para estes resultados contraditrios que as respostas aos avatares dependem mais do que apenas o seu nvel de antropomorfismo. provvel que contexto de interao e outras caractersticas influenciem tambm. Por exemplo, Garau et al. (2003 apud Nowak e Rauh, 2006) descobriram que as pessoas tiveram percepes semelhantes durante a interao com qualquer imagem de alto ou baixo antropomrfismo, mas a audincia foi menor se as caractersticas de avatares eram inconsistentes, ou seja, uma imagem de baixo antropomrfismo com um comportamento muito realista e vice-versa. Alguns pesquisadores tm argumentado que os avatares realistas criam maiores expectativas, o que pode levar decepo quando essas expectativas no forem cumpridas (Garau et al, 2003;. Slater & Steed, 2002 apud Nowak e Rauh, 2006). Assim, parece que a influncia da imagem do avatar, bem como a influncia da aparncia fsica,

complicada: antropomorfismo pode ser influente mas no o nico preditor de como as pessoas percebem os representados por avatares visuais, e os testes futuros do antropomorfismo devem controlar para o nvel de realismo e de outros fatores. Outro fator encontrado no estudo de Nowak e Rauh (2006) remete que as caractersticas de um avatar podem s vezes fornecer informaes teis, e relativamente precisas, as informaes sobre a pessoa que ela representa. Embora uma pequena percentagem de indivduos relataram uma preferncia por avatares andrgino, a maioria relatou uma preferncia por avatares que eram como eles, pelo menos em termos de gnero. Deste modo, como justificado acima o avatar apresenta pelos estudos discorridos o avatar Sr. Catir parece ser um bom representante para a imgem do portal CATIR.

Figura 5 - Avatar senhor Catir.

64

11. EKP
EKP um premiado sistema de gerenciamento de aprendizado para fornecer e gerenciar treinamentos corporativos, avaliao e programas de certificao. Trazendo e-Learning para a vida com o EKP e seus recursos multimdia atravs da sala de aula virtual, tecnologias e material didtico. A empresa responsvel pelo desenvolvimento deste sistema a NetDimensions. O sistema foi criado com base em LMS Learning Management System (Sistema de Gerenciamento de Aprendizagem) que possui uma serie de vantagens: centralizar e automatizar a administrao utilizao de autoatendimento e autoguias de servios montar e entregar contedo de aprendizagem rpida consolidar as iniciativas de formao baseado na plataforma web portabilidade de apoio e padres personalizar o contedo e permitir a reutilizao do conhecimento. O EKP permite que voc gerencie: Avaliaes de desempenho Programas de treinamento Licena e requisitos de certificao Competncias Iniciativas de conformidade Planejamento de sucesso Os produtos Plataforma Enterprise Knowledge (EKP), EKP para mobile (MEKP), a Plataforma de Avaliao de Empresas (EAP) e a

Plataforma de Talentos para Empresas (ETP) so projetados para ajudar os clientes: Obter economias de custos Educar valores estendidos de empresas (de revenda, fornecedor e consumidor). Melhorar a produtividade da fora de trabalho Manter a equipe com vrios requisitos regulamentares em relao aos esforos de treinamento e comunicaes

Teste de LMS (verso demo)

O ATutor um sistema de LMS, usando na administrao de ambientes de colaborao virtual. Abaixo algumas telas do sistema.

https://atutor.ca/atutor/demo/mods/_standard/forums/forum/list.php

65

Acima podemos visualizar um painel de administrador do sistema LMS ( base para o sistema EKP). Nesta pgina o usurio tem acesso s discusses do frum, assim como total controle sobre qualquer tpico, mensagem ou usurio.

https://atutor.ca/atutor/demo/mods/_standard/polls/index.php

A tela acima mostra as enquetes feitas dentro do sistema pelos usurios.

https://atutor.ca/atutor/demo/mods/_standard/file_storage/index.php

Localizao da estrutura de ambiente colaborativo

O sistema possui vrios elementos facilmente encontrados em ambientes colaborativos. A administrao do sistema mostra o esqueleto do ambiente, uma viso mais detalhada das informaes. A possibilidade de criar enquetes, armazenar arquivos, criar tpicos de discusses, adicionar usurios, torna o sistema bem dinmico e com muitas possibilidades. Link do site: http://atutor.ca/atutor/demo/index.php

J nesta pagina podemos destacar o gerenciamento de arquivos, colocados pelos usurios no sistema.

66

12. Consideraes Finais

Algumas vezes uma idia faz toda a diferena, em outras, uma idia por si s no consegue fazer nada. O CATIR Comunidades de Aprendizagem, Trabalho e Inovao em Rede, um espao para depositar contedos desenvolvidos por funcionrios pblicos para que experincias no sejam desperdiadas. Mas, o usurio consegue fazer isso? Ele sabe que tal possibilidade existe? Atravs do Checklist e da Testagem as respostas so claras: no h como. Questes Ergonmicas e de Usabilidade foram esquecidas no momento do desenvolvimento do CATIR. Na testagem, apenas uma pessoa conseguiu acessar uma comunidade e a prpria execuo do checklist foi dificultada. Na construo de um portal questes ergonmicas e de usabilidade so essenciais, a permanncia do usurio no ambiente depende delas e, para o CATIR isto necessrio para que a aprendizagem em si acontea.

13. Bibliografia
NAKASHIMA, Rosria Helena Ruiz. Sistematizao de indicadores didtico-pedaggicos da linguagem interativa da lousa digital. UNICAMP. Disponvel em: <www.pucpr.br/eventos/educere/ educere2008/anais/pdf/521_204.pdf > Acesso em: 01 jul. 2011. NAKASHIMA, Rosria Helena Ruiz; AMARAL, Srgio Ferreira do. A linguagem audiovisual da lousa digital interativa contexto educacional. ETD Educao Temtica Digital, Campinas, v.8, n.1, p. 33-50, dez. 2006 ISSN: 1676-2592 NETO, Joo Carvalho. nimus nima. Disponvel em: <http:// www.stum.com.br/clube/artigos.asp?id=2026 > Acesso em: 01 jul. 2011. NOWAK, Kristine L.; RAUH, Christian. The Influence of the Avatar on Online Perceptions of Anthropomorphism, Androgyny, Credibility, Homophily, and Attraction. Primeira publicao do artigo online: 9 ago. 2006. Disponvel em: <http://onlinelibrary.wiley. com/doi/10.1111/j.1083-6101.2006.tb00308.x/full> Acesso em: 01 jul. 2011. AGNER, Luiz. Ergodesign e a arquitetura de informao > trabalhando com o usurio. 2. Ed. Rio de janeiro: Quartet. 2009. 176 p. CATIR. Portal das Comunidades Virtuais do Governo Federal. Disponvel em: <http://www.catir.gov.br/> Acesso em: 26. jun. 2011. DELIBERATO, Paulo Csar Porto. Fisioterapia preventiva: fundamentos e aplicaes. 1. ed. So Paulo: Manole, 2002. 362 p.

67

DIAS, Claudia. Usabilidade na Web. Criando portais mais acessveis. Rio de Janeiro, RJ: Editora Alta Books Ltda, 2007 2 Edio. 296 p. LAKATOS, Eva Maria; MARCONI, Marina de Andrade. Metodologia do trabalho cientfico: procedimentos bsicos, pesquisa bibliografica, projeto e relatrio, publicaes e trabalhos cientficos. 6. ed., rev. e ampl. So Paulo: Atlas, 2001. 219 p. LEWIS, Clayton e Rieman, JOHN. Task centered user interface design. A practical introduction. 1994. Disponvel em: <http://hcibib. org/tcuid/> Acesso em: 26. jun. 2011. PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de Interao: Alm da Interao Homem-Computador; trad. Viviane Possamai. Porto Alegre: Bookman, 2005. WURMAN, Richard Saul. Ansiedade de informao. So Paulo: Cultura, 2005. CAMP, Robert. Adaptar criativamente. Hsm management. Disponvel em: <http://professor.ucg.br/SiteDocente/admin/arquivosUpload/12516/material/Adaptar%20criativamente.pdf>. Acesso em: 03 jul. 2011. MOREIRA, Marco Antonio. Mapas conceituais e aprendizagem significativa. Porto Alegre. Disponvel em: <http://www.ic.uff. br/~rosangela/SiteEninedAtual/artigo.pdf>. Acesso em: 03 jul. 2011. MARINHO, Marcopolo. Definio de fluxograma. , 2010. Disponvel em: <http://sites.google.com/site/ferramentasgerenciais/ ferramentas-de-apoio-areas-diversas/ii-fluxograma>. Acesso em: 03 jul. 2011.

MORAES, Anamaria de; ROSA, Jos Guilherme Santa. Avaliao e projeto no design de interfaces. Rio de Janeiro: 2ab, 2010. BACON, Jono. A arte das comunidades virtuais. So Paulo: Novatec, 2010. CYBIS, Walter. Ergonomia e usabilidade. So Paulo: Novatec, 2010 CYBIS, Walter. Checklist. , 2010. Disponvel em: <http://www.labiutil.inf.ufsc.br/ergolist/check.htm>. Acesso em: 22 maio 2011.

68