Prints de Páginas do Site
AVALIAÇÃO QUANTO AVA:
Segundo Pierre Dillenbourg, Daniel Schneider, Paraskevi Synteta:
• Um ambiente virtual de aprendizagem é um espaço projetado de informação:
*Uso da informação em interações educacionais:
A informação do site não está armazenada em nenhum banco de dados e não está direcionada ou vinculada a uma prática educacional específica.
*Autoração Múltipla:
O site possui um conteúdo delimitado e é o único autor dele, impedindo que este receba contribuições de qualquer usuário.
*Manutenção da informação:
O site não recebe manutenção ou atualização.
*Adaptação à evolução tecnológica:
Por não se utilizar de um banco de dados para armazenamento e manipulação da informação, seu reuso, por outras tecnologias, fica restrita.
*Compartilhar informações com o mundo:
O site não oferece recursos para compartilhamento com redes sociais, por exemplo.
• Um ambiente virtual de aprendizagem é um espaço social: interações educacionais ocorrem no ambiente, transformando espaços em lugares;
*O site não oferece recursos para interação entre seus usuários.
*Não há controle sobre áreas já visitadas ou qualquer tipo de navegação social.
• O espaço virtual é representado explicitamente: a representação das informações/espaço social pode variar de texto a mundos imersivos em 3D;
* O site utiliza-se somente textos e imagens "coladas" para representar seu espaço.
• Os alunos não são apenas ativos, mas também atores: eles co-constroem o espaço virtual;
* O site não oferece recurso para seus usuários criarem e atualizarem seu conteúdo.
• Ambientes virtuais de aprendizagem não se restringem a educação à distância: eles também enriquecem as atividades em sala de aula;
*No caso deste site, ao se referir a um filme, ele enriquece o entendimento do mesmo ao passar para o usuário informações que ajudarão na compreensão contextual, embasada na História do Brasil, da obra audiovisual.
• Os ambientes virtuais de aprendizagem integram tecnologias heterogêneas e múltiplas abordagens pedagógicas.
*A tecnologia empregada neste site é muito rudimentar, construído para tão somente a tela de um computador, não sendo adaptado para outros aparelhos ou mesmo criando e utilizando recursos destes em novas possibilidades, carecendo de elementos interativos tais como chats, áreas privadas e recursos de troca de informação. Quanto ao conteúdo, não foi embasado em abordagem pedagógica, contudo, ao acaso, vemos a representação de uma abordagem empirista, na qual o professor é o "dono do saber", expondo, reproduzindo um conteúdo e, assim, reduzindo o "discente" a um mero ouvinte e, por conseguinte, impedindo que o mesmo se faça construtor e reconstrutor de suas próprias propostas de entendimento e aplicação do conhecimento, já que as recebe prontas, o que atrapalha a formação da autonomia.
• A maioria dos ambientes virtuais sobrepõe ambientes físicos.
* Devido a falta de troca de informações e armazenamento, não há muitas vantagens sobre um ambiente físico de discursão sobre o filme.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
AVALIAÇÃO HEURÍSTICA:
· Introdução:
Esta Avaliação Heurística tem como objetivo identificar problemas de usabilidade na Interface do site do filme “Caramuru - a Invenção do Brasil”, servindo de referência para a elaboração de um AVA, que será desenvolvido tendo como base o conteúdo da obra audiovisual.
· Formulário de erros encontrados pelos avaliadores durante a avaliação:
Heurística 1: Visibilidade do status do sistema.
a) O menu de navegação não forma uma unidade, confundido os usuários sobre sua real utilidade.
b) As diversas telas do sistema não formam um padrão com a tela inicial. Tendo layout diferente, dá uma certa impressão de que o usuário está em outro site.
c) Links não são facilmente identificados, sendo confundidos com textos.
* * *
Heurística 2: Correspondência entre sistema e o mundo real.
a) O site se encontra de maneira irregular na tela, ficando a esquerda.
* * *
Heurística 3: Controle e liberdade do usuário.
a) O site não possui um mapeamento.
b) Não há um botão que faça o usuário voltar à tela anterior.
* * *
Heurística 4: Consistência e padronização.
a) O site não segue padrão nos links e menus.
b) Não há padrão de grid, tamanho e disposição de cores entre as telas.
* * *
Heurística 5: Prevenção de erros.
a) Não há qualquer tipo de indicação sobre prevenção de erros.
* * *
Heurística 6: Reconhecer é melhor que relembrar.
a) Elementos como o menu não formam uma unidade e não seguem padrões, assim não há como o usuário reconhecê-los, tendo que relembrar sempre que volta.
* * *
Heurística 7: Flexibilidade e eficiência de uso.
a) Não há como usuários mais experientes realizarem tarefas de forma mais rápida.
* * *
Heurística 8: Projeto estético e minimalista.
a) O site contém muita informação e muitos elementos desnecessários.
b) As imagens são muito carregadas de cores fortes.
c) A disposição dos elementos se encontra de maneira confusa e não concluem os seus propósitos.
* * *
Heurística 9: Auxilia os usuários a reconhecer, diagnosticar e recuperar erros.
a) Não há qualquer indicação que ajude o usuário a reconhecer erro algum.
* * *
Heurística 10: Ajuda e documentação.
a) O site não oferece qualquer tipo de ajuda direta a seus usuários.
b) A única forma de solucionar algum tipo de dúvida é enviando uma mensagem para os administradores do site, na parte de contato.
· Tabela com notas dos avaliadores para os erros apresentados:
As notas variam de 0 a 4, cada uma representando a severidade dos problemas encontrados, conforme a seguir:
0 - Representa que a questão não é encarada necessariamente como um problema de usabilidade;
1 - Representa um problema cosmético;
2 - Representa um problema pequeno;
3 - Representa um problema grande;
4 - Representa uma catástrofe de usabilidade.
· Análise dos Resultados:
· Conclusão:
Segundo a avaliação, as heurísticas violadas com mais frequência são a 1 e a 8, Visibilidade do estado do sistema e Projeto estético minimalista, respectivamente, com maior incidência em severidades de nível 3, problema importante de usabilidade que precisa ser corrigido.
Foi encontrado um número considerável de problemas catastróficos, na qual, em um total de quatro, dois estão localizados na heurística 3 (Controle e Liberdade do usuário), o que inviabiliza bastante o controle que o usuário tem sobre como acessar o conteúdo, comprometendo sua navegação; um na heurística 6 (Reconhecimento em vez de lembrança); e um na heurística 10 (Documentação e ajuda).
Tais problemas, muitos para um sistema simples como o analisado, com grau de severidade máxima, ou seja, que precisam de correção imediata, uma vez que tornam o sistema confuso ou impossibilitado de ser utilizado, indicam a necessidade de uma reestruturação do layout, arquitetura da informação e organização dos elementos dentro do site, além de ser necessário disponibilizar ajuda e um maior número de feedbacks para o visitante.
Problemas cosméticos foram encontrados em praticamente todas as heurísticas, afetando a eficiência de usuários experientes e o visual agradável do sistema, além de identificação de elementos.
Segundo a avaliação, tem-se, ainda, 41% da severidade de violação por heurística representando problemas pequenos, porém 12% representam problemas catastróficos e 24% problemas grandes, podendo-se concluir que, embora seja um site não muito extenso e sem recursos avançados, ele apresenta uma interação desagradável e que não se adequa com as necessidades de seus usuários, com ênfase na falta de qualquer auxílio.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ANÁLISE SEMIÓTICA:
· Cores:
Aspectos qualitativos-icônicos: A paleta cromática do site compõe-se de cinco variações:
- Cores neutras: indo do branco ao preto, são utilizadas, basicamente, para os planos de fundo das páginas (branco) e para as fontes dos textos corridos (preto);
- Amarelo: variando entre goldenrod e darkgoldenrod, além de ser alocado para enfatizar palavras em todo conteúdo escrito, encontra-se destacado no plano de fundo da imagem que ocupa maior parte da página inicial e serve de cabeçalho para o restante do site;
- Laranja: tons próximos de darkorange são utilizados em efeitos de degradês com o "amarelo-queimado" do plano de fundo da figura inicial já citada;
- Chocolate e Maroon: oferecem textura, por meio de rabiscos, à figura destaque da primeira página do site;
- Azul: indo de lightsteelblue a steelblue, com toques de darkslategray, exceto na primeira página, oferece contraste total à figura emblemática do site, sendo posta em uma outra que expõe o céu e o mar.
* * *
Aspectos singulares-indiciais: Tratando-se das cores não neutras em maior destaque, será, então, descrita primeiramente a análise da cor amarela.
Muitas vezes, descrita como quente e alegre, ela estimula as atividades mentais, desenvolvendo a agilidade, a percepção e a memória; instiga o sistema nervoso, com aumento do metabolismo; e incentiva a comunicação. Entretanto, apesar da adequação cromática com a proposta do filme, que se apresenta como uma comédia frenética que comunica um conteúdo escolar de forma romantizada, em uma narrativa calhada nas praias ensoladas do litoral baiano, essa cor, da forma como foi usada na página inicial, embora em tom mais fechados, causa fadiga visual devido a grande quantidade de luz refletida e, assim, ao invés de atrair a concentração, ela repele, podendo acarretar em uma rejeição inicial, por parte do público-alvo, à exploração do site.
Em contrapartida, o azul, muitas vezes, caracterizado como calmo, tranquilo, seguro e ordenado, além de invocar a produção de substâncias químicas calmantes pelo organismo, trazendo tranquilidade; em tons pálidos, como foi utilizado, inspira criatividade e liberta o pensamento. Assim, com exceção da primeira página, juntamente com o branco do plano de fundo universal, ele ameniza o efeito do amarelo, muito embora, devido à distribuição dos elementos, a estrutura do site esteja em constante desequilíbrio cromático.
* * *
Aspectos simbólicos: A mais leve matis do espectro, o amarelo é símbolo de esperança, felicidade, alegria e diversão. É a cor representativa do artista, do caricato, do palhaço e, também, do covarde, assim, relaciona-se perfeitamente com a personalidade do jovem Diogo Álvares, protagonista da história. Além disso, ela tem o calor e a luminosidade do sol, que presenteia nossas terras do Novo Mundo, bem como o brilho do ouro, riqueza tão procurada no período das Grandes Navegações. Por fim, tem-se a cor associada ao envelhecimento, tanto para pessoas quanto para objetos, como, por exemplo, o amarelado das páginas de um livro antigo.
O azul, por sua vez, cor do oceano e do céu, significa infinidade, profundeza e mistério. Em seus tons de índigo ou celeste transmite, ainda, riqueza e, até mesmo, um toque de superioridade, representativo da supremacia em técnicas de navegação da marinha portuguesa na época dos descobrimentos.
· Forma, volume, movimento e organização:
Aspectos qualitativos-icônicos: O site é composto, basicamente, de estruturas quadriformes, que trazem pouco ou mesmo nenhum significado, mas tão somente a sensação de encaixotamento e organização semi-uniforme.
O arranjo geral, com exceção das imagens, é chapado, reforçando um aspecto enfadonho, que só não se apresenta na página inicial, por estar repleta de figuras. Isso, combinado com a forma das estruturas, sugere inércia letárgica, tirando o foco do conteúdo escrito e o depositando sobre as imagens periféricas que, além das cores vibrantes, induzem movimento.
* * *
Aspectos singulares-indiciais: O dinamismo descompensado e as formas do arranjo sugerem uma tentativa de organização e padronização próprias da produção tecnológica. Entretanto, é visto que, além de não se ter alcançado o pretendido, esqueceu-se do lado enérgico e da infindável possibilidade criativa de se trabalhar com produtos virtuais, dando a inerente sensação de algo feito de qualquer modo, apenas para preencher protocolo.
* * *
Aspectos simbólicos: A estrutura é símbolo de desorientação. Querendo-se incorporar as cores brilhantes e o dinamismo da produção virtual, bem como a limpeza de um arranjo formal, não se alcançou qualquer objetivo pretendido, mas apenas um encaixe descompensado e perdido, cuja única associação ao filme seria, ironicamente, com o embananamento do protagonista.
· Relação entre cor e forma:
A variação cromática, o uso desequilibrado de textura e o arranjo que não se define entre formal e informal, claramente, não se encontram em harmonia e nem sequer se orientam para um mesmo significado, demandando, então, de maior robustez e refinamento qualitativo e simbólico. Ou seja, a paleta cromática variando, principalmente, entre tons amarelos e azuis mostra-se como boa escolha, todavia, necessita maior suavidade e menos contrastes para evitar o cansaço visual do usuário e auxiliar na organização de ideias, assim como a forma necessita conter texturas melhor distribuídas, de forma igualitária ou utilizando-se de compensações eficientes.
DILLENBOURG, P.; SCHNEIDER, D.; SYNTETA, P. Virtual Learning Environments. In: Proceedings of the 3rd Hellenic Conference "Information and Communication Technologies in Education". 2002. Disponível em:http://hal.archives-ouvertes.fr/docs/00/19/07/01/PDF/Dillernbourg-Pierre-2002a.pdf
NIELSEN, J. (1994a) Heuristic evaluation. In j. Nielsen and R. L Mack (eds.) Usability Inspection Methods. New York: John Wiley & Sons.
NIELSEN, J. (1994b) Enhancing the explanatory power of usability heuristics. In proceedings of ACM CHT94, 152-158.
SANTAELLA, Lúcia & NÖTH, Winfried (2010). ESTRATÉGIAS SEMIÓTICAS DA PUBLICIDADE. São Paulo: Cengage Learning.
Nenhum comentário:
Postar um comentário