Rachnroll’s Weblog

Na recta final do Projecto da cadeira de Ergonomia das Aplicações Multimédia, foram realizados testes de utilizador com o produto final quase finalizado. Apenas 1 dos 3 dos utilizadores testaram o produto final com o design melhorado – menú e as setas diferentes, dois botões adicionais: “Instruções” e “Conselhos Úteis”, mais os dois botões de controlo do som.

Os dois primeiros utilizadores do site, que o testaram ainda na fase de prototipagem, foram a D. Isabel e a D. Mabilde, que se distinguem quer pela diferença de idade entre ambas e características de utilizador: a D. Isabel tem entre 50 a 55 anos e está, à pouco tempo, a ter contacto com o computador, e a aprender a “mexer”, enquanto que a D. Mabilde está na faixa dos 70 aos 75 anos, e nunca usou um computador, nem nunca mexeu com o rato (o que explica a discrepância nos resultados dos testes).

D. Isabel

A D. Isabel, no geral, não teve problemas com a navegação. Os comentários depreciativos proferidos pela mesma durante o teste foram direccionados ao “rato” que era diferente do seu, daí ter demorado mais tempo, em algumas das tarefas. O único erro que a D. Isabel deu foi por mera confusão entre a designação “Doença de Alzheimer” e “Doença de Parkinson”.

D. Mabilde

O teste de utilizador com a D. Mabilde foi, concerteza, o mais difícil de realizar.

Mais do que o design de interacção, verificou-se uma total inadaptação com o hardware, nomeadamente o “rato”, a este público alvo, já por si, complexo.

As teclas de scroll e botão do lado direito do rato provocam confusão e atrapalham o utilizador na navegação, uma vez que, não estando habituada, a D. Mabilde clicava, constantemente (sem querer) no scroll e botão do lado direito do rato.

Aliás, os próprios tempos da D. Mabilde revelam que, por causa desta falta de habituação do rato, a interacção foi mais difícil, demorando muito tempo com cada tarefa. Na verdade, a D. Mabilde errou apenas uma vez na 4ª tarefa, por partir do princípio que a doença “Enfisema e Bronquite Crónica” estaria no menú representado pelo ícone dos pulmões.

Também se verificou que a tarefa de encontrar o menú de “Conselhos Úteis” da “Doença de Parkinson” foi aquele em que a D. Mabilde demorou mais tempo, não só devido à desadaptação com o rato, mas também por ser um menú que seria acedido com mais cliques (caminho longo)

Após ter realizado estes primeiros testes de utilizador, cheguei às seguintes conclusões:

• Seria necessário fazer uma introdução ao site, com instruções de navegação;
• Seria necessário colocar um botão que indicasse o caminho mais curto para cada menú (de cada doença, respectivamente) de “Conselhos Úteis”, visto que foi a área que mais interessou a D. Mabilde;
• O cursor personalizado que havia sido feito na esperança de facilitar a visibilidade do cursor revelou-se uma má ideia: é mais lento e “cola-se” nas bordas do site e não apresenta feedback diferente quando encontra um botão.

Partindo destas conclusões, algumas mudanças foram efectuadas no site, nomeadamente a implementação de uma introdução (que já havia sido pensada desde o início, mas com a “novidade” das instruções da navegação”), botão para voltar a ver as instruções, botão directamente para a área dos conselhos úteis de cada menú: o ícone da enfermeira foi reaproveitado; setas com design melhorado (maiores e integradas no design do site); integração dos círculos dos menús no design do site e implementação de som, assim como com dois botões (play e stop) sempre que necessário.

Assim sendo, testou-se novamente o site, desta vez com a D. Cecília, que, à semelhança da D. Mabilde, nunca havia utilizado um computador, e se encontra na faixa etária dos 55 aos 60 anos.

D. Cecília

As conclusões tiradas com o teste de utilizador com a D. Cecília são semelhantes às conclusões tiradas com o teste de utilizador da D. Mabilde.

A interacção com o próprio “rato” torna a navegação complicada, contribuindo, infelizmente, para o grande tempo despendido para a realização de cada função.

Concluiu-se que o utilizador, à medida que ouve a leitura do texto, acompanha com a leitura, nunca recorrendo aos botões de stop. Também se concluiu (e após terem sido realizadas as tarefas) que a D. Cecília se habituou à interacção, resolvendo ficar mais tempo a navegar no site, mesmo após terminado o teste (tal como havia acontecido com a D. Mabilde).

O “atalho” criado para os “Conselhos Úteis” também veio beneficiar a navegação, uma vez que o utilizador nunca decidiu ir pelo caminho mais longo sempre que solicitada a tarefa de encontrar o menú de “Conselhos Úteis”.

Apresentação PowerpointApresentação Powerpoint

Nesta fase do Projecto de Ergonomia das Aplicações Multimédia, tenho em mãos 3 Protótipos Medium Fi, que serão “analisados” no decorrer desta semana por 5 utilizadores, representantes do público alvo deste projecto, ou seja, idosos.

Assim sendo, abaixo encontram-se 3 links para a visualização de cada um deles:

• Protótipo 1
  
• Protótipo 2
• Protótipo 3

Os Protótipos 2 e 3 são semelhantes, sendo apenas o aspecto dos botões a única alteração de um para outro, mas pretende saber se o publico alvo irá “preferir” o botão redondinho, que convida ao click (affordances), ou os mais simples.

De notar também que, nesta fase, só estão representados apenas 5 dos 12 botões que terá o Menu, mas que são os suficientes para os primeiros testes ou “análises” do público alvo.

Devido a algumas complicações com a temática escolhida para o projecto desta cadeira, nomeadamente no que diz respeito à Compreensão do Espaço do Problema: O que se pretende criar, os pressupostos e as expectativas. Com a temática anterior, o que se pretendia criar ultrapassava muitas questões médicas, e muito complexas para alguém sem a devida formação na área da Saúde, pelo que decidi mudar de tema, e elaborar um site sobre Doenças e outros problemas associados à 3ª idade.

Assim, as alterações relativamente ao antigo Modelo Conceptual são essencialmente nas Metáforas: já não existe o armário ou gaveta de medicamentos, mas ícones/símbolos que representam determinada doença/problema.

O site contará com uma animação inicial que contextualizará o utilizador na sua visita: como se o utilizador chegasse a um hospital, e tivesse que “escolher a especialidade” que quer consultar/visitar.

O seguinte Diagrama de Conteúdos demonstra como será hierarquizada a informação, sendo 12 botões no Menú ( 11 doenças/problemas e 1 para Conselhos Úteis):

O Feedback do sistema será semelhante ao descrito no Modelo Conceptual anterior: interacção com o sistema através do rato exclusivamente, resposta dos botões ao mouse over com movimento (dinamismo dos símbolos, aumento dos botões, glow) e som, nomeadamente com uma “leitura” do texto porque ,como já foi referido anteriormente, uma grande percentagem dos idosos em Portugal são analfabetos ou iliteratos.

A figura acima representada – o Médico – será o assistente que acompanhará sempre o idoso na navegação pelo site, representando aquela pessoa de confiança, que ajuda o idoso sempre que ele necessita, evitando assim que se perca na navegação.

São estas as principais alterações relativas ao Modelo Conceptual do Site.
No próximo post mostrarei a prototipagem realizada até agora.

Depois da Análise Heurística feita ao site do filme Disturbia, procedemos, em aula, a testes de utilizador com duas colegas da turma.

Tal como foi descrito na Análise Heurística, este site possui dois Menus: Um deles encontra-se à esquerda, e é um Menu mais linear. O outro Menu está “escondido”, ou seja, os botões encontram-se estrategicamente colocados na página (representada por parte do quarto do protagonista do filme Disturbia, que o site representa). Ou seja, existem dois caminhos: o mais rápido será certamente o Menu da esquerda, e o caminho mais longo será procurar/navegar na página, à procura dos botões de Menu.

A seguinte tabela ilustra as acções e os objectivos pedidos aos dois utilizadores, assim como o número de cliques, os erros cometidos e o tempo médio dispendido para cada tarefa:

Utilizador 1 – Luciana:

Para a primeira tarefa, encontrar a galeria de vídeos, a Luciana demorou 10 segundos a encontrar o botão, percorrendo o caminho mais curto, ou seja, dirigiu-se automaticamente ao Menu lateral, com dois cliques. Na segunda tarefa, a Luciana tentou encontrar o botão dos Downloads pelo caminho mais longo, navegando pela página sem recorrer ao Menu lateral mas, como não encontrou o botão, decidiu ir pelo caminho mais curto, demorando no total desta tarefa 35 segundos e 2 cliques. A terceira tarefa foi designada com um propósito especial: Tal como foi descrito na Análise Heurística deste mesmo site, um dos botões não possui legenda (o botão para a vista de 360º do quarto). Assim sendo, foi pedida esta tarefa aos utilizadores, com o objectivo de tentar perceber até que ponto as legendas dos botões são importantes para o utilizador, e quanto tempo consegue o utilizador procurar o botão até desistir (frustração). Nesta tarefa, a Luciana demorou 28 segundos, com 2 cliques, até desistir da tarefa (não encontrou, efectivamente, o botão). Na última tarefa, encontrar a opção “Registration”, a Luciana demorou 5 segundos, com apenas 1 clique. De notar que, nesta tarefa, não houve hesitação, ou seja, ela já sabia onde se encontrava este botão (reconhecimento em vez de lembrança), pois já tinha “cruzado” com ele durante o tempo decorrido na tarefa anterior.

Utilizador 2 – Sara:

Contrariamente à Luciana na primeira tarefa, a Sara navegou durante 29 segundos pela página, até que desistiu e se dirigiu ao Menu lateral (caminho mais curto), para encontrar o botão da Galeria de Vídeos, com apenas 2 cliques. Na segunda tarefa, a Sara demorou apenas 4 segundos, com apenas 1 clique. A terceira tarefa foi, certamente a mais complicada (o caso do botão sem legenda): a Sara deu 8 cliques e desistiu passados 2 minutos e 37 segundos (mais uma vez a frustração do utilizador), alegando “estou perdida”. Na última tarefa, a Sara demorou apenas 4 segundos, com 2 cliques. Curiosamente, para esta última tarefa, a Sara deciciu logo ir pelo caminho mais curto, ao Menu lateral.

Conclusões:

Através da análise à tabela, pode-se concluir que os utilizadores, apesar de serem do mesmo sexo e de pertencerem ao mesmo escalão etário, e formação académica semelhante, são diferentes. Na primeira tarefa, enquanto a Luciana decidiu ir pelo caminho mais rápido, a Sara tentou encontrar o botão pelo caminho mais longo, pois é a forma mais “entretida” de navegar neste site em questão. Para a segunda tarefa, verifica-se o contrário relativamente ao sucedido na primeira tarefa: a Luciana “apercebeu-se” que a navegação pelo caminho mais longo talvez fosse mais “divertido”, demorando mais tempo que a Sara, que por sua vez demorou apenas 4 segundos, isto porque já havia encontrado este botão durante a primeira tarefa, e na segunda tarefa já reconhecia o caminho. Na terceira tarefa, o caso do botão sem legenda, verificou-se que a Luciana foi o utilizador menos paciente, desistindo passados apenas 28 segundos. A Sara, por sua vez, “entreteu-se” à procura do botão, demorando mais de 2 minutos e meio, com 8 cliques, sendo os 5 últimos já na fase de desespero, quando se apercebeu que estava “perdida”. Na última tarefa, os resultados foram os mais idênticos entre si: foi a tarefa em que ambos os utilizadores perderam menos tempo a encontrar o botão, e isto por dois motivos diferentes: a Luciana na última tarefa, já reconhecia o caminho, e nem recorreu ao caminho mais curto, enquanto a Sara, depois da “frustração” da tarefa anterior, decidiu recorrer ao caminho mais curto (Menu lateral).

No que respeita a erros, não foram considerados, uma vez que durante os testes foram assumidos como “erros” o facto do utilizador clicar num botão que não o pretendido, o que não sucedeu.

Ficou comprovado que, de facto, os botões sem legenda no roll over, levam a uma maior confusão por parte do utilizador, levando-os a que desistam de encontrar o que pretendem, logo à sua frustração.

O que se pretende criar
O projecto final da cadeira de Ergonomia das Aplicações Multimédia é a criação de um site informativo acerca de Medicação, especialmente concebido para responder às necessidades e capacidades das pessoas mais idosas. Este site pretende, assim, disponibilizar mais informação acerca de certos medicamentos, efeitos secundários e perigos para a própria saúde.

Importância do tema
É sabido que hoje em dia, e cada vez mais, as pessoas têm tendência para se auto-medicarem, sem terem uma noção quer dos riscos, quer dos malefícios que a prática acarreta para a saúde. E a preocupação aumenta quando se trata de idosos, uma vez que são mais susceptíveis a confundir a medicação que lhes é prescrita.

Que imagem irão ter os utilizadores sobre o sistema
A imagem do site pretende ser o mais próxima possível com a realidade, isto é, pretende explorar as Metáforas, através da representação de objectos que possam ser associados aos medicamentos, como por exemplo: “armário dos remédios”, “gaveta da mesa de cabeceira”, “prateleira da farmácia”.

Execução de tarefas
A navegação no site será feita essencialmente (senão exclusivamente mesmo) com rato, de forma a não confundir o utilizador no uso de dois tipos de hardware diferente (teclado e rato). Os botões apresentarão, obviamente, feedback do sistema, quer no roll over, como no click. Este feedback do sistema será presente a nível gráfico, com a mudança de cor, brilho ou tamanho dos botões, e também com som.
A apresentação/descrição propriamente dita dos medicamentos será feita com recurso a texto, se possível a imagem, e também a som, ou seja, será apresentada uma descrição “falada” do medicamento, para que os idosos analfabetos e/ou iliterados possam ter acesso às informação prestadas no site.

O modelo conceptual do site será baseado essencialmente em três actividades: dando instruções; manipulando e explorando e navegando. As instruções serão apresentadas sob a forma de menus, ou opções passíveis de serem seleccionadas com o rato. A manipulação será feita de acordo com os objectos que tenham uma relação de proximidade com a realidade (metáforas): as “gavetas” abertas com um click do rato, as “prateleiras” puxadas e empurradas e a “porta do armário dos remédios” aberta e fechada também com um click.

Desta forma os utilizadores novatos (leia-se, neste caso, menos familiarizados com a navegação em interfaces online), aprendem as funcionalidades muito mais rapidamente, e familiarizam-se com elas; as mensagens de erro são raramente necessárias, e por conseguinte, o utilizador não apresenta tanta ansiedade, ganha confiança e sente que controla o sistema.

Uma das desvantagens da utilização da manipulação é o facto da movimentação do rato no ecrã poder ser mais lenta do que a utilização de teclas de comando. No entanto, e é importante frisar, o público alvo deste site, os idosos, têm mais tempo, à partida, disponível, para navegar num site, e, apesar de lenta, a utilização apenas com rato é mais fácil para pessoas com necessidades, como os idosos.

A nova proposta de trabalho é uma avaliação heurística à usabilidade de um site, tendo por base os princípios de Nielsen e Molich, utilizando a estrutura proposta por Darryn Lavery, Gilbert Cockton e Malcom Atkinson, da Universidade de Glasgow.

Assim sendo, desta vez escolhi um site diferente do analisado anteriormente. O site em questão é o site do filme Disturbia, e escolhi-o por considerar que ele explora muito bem a questão das metáforas.

De acordo com a estrutura proposta por Lavery, Cockton e Atkinson, a análise deve compreender os seguintes elementos:

1. Conformance Question: O que deve o sistema fazer para satisfazer o principio em causa.
2. Evidence of Conformance: O que não está em total conformidade e pode ser alterado para melhor satisfazer o princípio.
3. Motivation: Quais os problemas que se tentam evitar com a conformidade ao princípio.

Para cada heurística, será apresentada uma análise de acordo com os elementos referidos anteriormente:

• Visibilidade do Estado do Sistema:

1. De que forma o utilizador recebe feedback?
2. Este site é, definitivamente um desafio. O feedback é feito através de sombra, clara ou escura, nos botões do site, e surge uma legenda no mouse over. Esses botões são representados por objectos representativos do filme em si, e são links para outras páginas do site, por exemplo, no botão representado pela câmera de vídeo, o utilizador é transportado para uma galeria de vídeos do filme.
3. Este site não é apenas um site informativo acerca do filme. Ele representa o ambiente do filme, e tem (também) como objectivo entreter o utilizador. Desta forma, pode-se considerar que o feedback está bem conseguido, quer através das sombras no mouse over, quer na apresentação de uma legenda identificativa da página que o utilizador vai visitar naquele link. De referir apenas um botão que não apresenta feedback, e que não consegui percepcionar se é intencional ou não (tendo em conta o tipo de site que é), que é o botão representado pelo guarda-fato do quarto. Neste botão não acontece nada no mouse-over (nem sombreado nem legenda), mas quando clicamos abre-se uma pop-up, onde o utilizador pode ver o quarto do protagonista (que serve como fundo para este site), numa perspectiva de 360º, se clicar e arrastar o rato em cima da imagem.

• Ajuste entre o Sistema e o Mundo Real:

1. O sistema utiliza linguagem familiar ao utilizador? Essa linguagem é apresentada de uma forma lógica e natural?
2. Neste site a linguagem é apresentada de forma muito natural, tendo em conta, como ja foi referido, o tipo de site. A linguagem é apresentada através de determinados objectos que possuem um determinado significado. Para além destes objectos possuírem uma relaçãO so com o seu referente na realidade, as legendas providenciam o apoio verbal nessa identificação.
3. Neste aspecto pode-se considerar o facto do site estar escrito em inglês, no entanto, o simbolismo dos objectos que representam os links é consideravelmente evidente.

• Controlo e Liberdade do Utilizador:

1. Pode o utilizador realizar a tarefa que pretendia realizar quando entender?
2. A questão do controlo e liberdade do utilizador está bem resolvida neste site. Para além do Menu através dos objectos, o utilizador encontra também no canto superior esquerdo um botão de menu, que ao clicar abre, e apresenta uma lista dos links que podem ser visitados no site. Este aspecto garante uma maior eficácia para quem abrir o site no sentido apenas informativo. Para além deste menu de suporte, cada vez que o utilizador sai da página principal, existe sempre um link na parte inferior de cada página indicando o caminho de volta para a página principal. O mesmo Menu de suporte permanece sempre no lado esquerdo em todas as páginas do site.
3. Mesmo que o utilizador se engane na acção que pretende executar, é fácil encontrar o caminho de volta, quer através do link directo de volta ao quarto do Kale (página principal), quer através do Menu do lado esquerdo.

• Consistência e Standards:

1. Os elementos do design, como os objectos e acções, têm igual significado ou efeito em diferentes situações?
2. Todo o site em si mostra coerência. O design é consistente e apresenta a mesma lógica em todas as páginas. Aliás, o objectivo do site em termos de design é apresentar semelhanças com o próprio filme: o mistério e o suspense. No entanto, é complicado perceber porque algumas das páginas abrem na mesma página, e outras abrem como pop-up.
3. O utilizador se tiver as janelas de pop up bloqueadas no seu browser, pode ser apanhado de surpresa por nalguns casos conseguir abrir as páginas, e noutros não poder ter acesso às mesmas, sendo necessário o desbloqueio de pop ups, e possivelmente ser necessária a instalação de plugins em falta, por se tratar de um site feito em Flash.

• Prevenção de Erros:

1. O utilizador pode cometer erros evitáveis pelo bom design?
2. Poderá considerar-se que neste caso os erros de utilização poderiam ser evitáveis através do design. Como já foi referido anteriormente no tópico dedicado à Visibilidade do Estado do Sistema, um dos botões (o guarda-fato) não apresenta uma legenda no mouse-over. Pelo menos dois botões (a coluna de som, que, ao clicar, corta ou liga o som; e a mesa de cabeceira, junto à janela, que representa o registo no site) podem induzir o utilizador em erro, mesmo sabendo que este site tem um forte carácter de entretenimento. Não existem, também, atalhos do teclado que contribuam para a navegação deste site, nem me parece que determinadas opções estejam discriminadas (com excepção do botão do guarda-fato, que não possui legenda).
3. As únicas questões neste site que podem levar à ineficácia do mesmo, e frustração do utilizador, são o facto de certas páginas abrirem em pop-up, e o facto de poder ser necessária a instalação de plug ins (o utilizador pode não saber desbloquear as janelas de pop-up, nem instalar plug ins em falta).

• Reconhecimento em vez de Lembrança:

1. Estão visíveis os elementos de design, como objectos, acções e opções? Ou o utilizador é forçado a lembrar-se da informação contida numa parte do sistema para outra?
2. Como já foi mencionado anteriormente, em qualquer das páginas fora da página principal que o utilizador esteja, existe sempre um link de volta à página principal. O Menu listado está, também, sempre disponível no canto esquerdo, nunca permitindo que o utilizador se perca, ou tome o caminho errado.
3. O próprio facto de, na página principal, serem utilizados símbolos de objectos representativos de determinadas funções, previne que o utilizador confunda esse botão da página, até porque estão legendados. A própria página principal do site é o Menu, e é representado por uma divisão da casa, o quarto, com semelhança ao mundo real. Este aspecto permite que o utilizador tenha mais um reconhecimento do caminho percorrido, do que propriamente lembrança.

• Flexibilidade e Eficiência no Uso:

1. Pode o utilizador personalizar as suas acções ou utilizar atalhos?
2. Mais uma vez, o utilizador possui dois tipos de Menus: aquele que é apresentado através dos objectos espalhados no quarto, na página principal, ou o Menu em coluna que está sempre disponível à esquerda. Cabe ao utilizador escolher como prefere navegar na página: ou se entretem a clicar nos objectos e a descobri-los no quarto, ou dirige-se directamente ao Menu do lado esquerdo.
3. Tal como já foi referido anteriormente, os motivos que podem levar à frustração do utilizador e ineficácia do site são as janelas de pop-up e necessidade de instalação de plug ins em falta.

• Estética e Design Minimalistas:

1. O site apresenta conteúdos desnecessários ou irrelevantes?
2. Este site, em termos de design, não é minimalista.
3. Por ser um site de um filme, ligado ao entretenimento, é tudo menos minimalista. Para além de informar o utilizador acerca do filme, o site possui conteúdos que podem ser descarregados (wallpapers, buddy icons), ou disponíveis em stream (vídeos), e o ruído que apresenta o site é propositado, não sendo por isso que o utilizador abandona a página, pelo contrário.

• Ajuda aos utilizadores para reconhecerem, diagnosticarem e recuperarem de erros:

1. As mensagens de erro são fáceis de perceber? Descrevem claramente o problema e apresentam soluções?
2. Na opção de registo, caso o utilizador introduza informação incorrecta, é-lhe apresentada uma lista dos campos onde errou, permitindo ao utilizador saber que erros comete no registo. O mesmo acontece no Menu Dark Secrets, onde o utilizador pode enviar as suas experiências. Aqui, as mensagens de erro são idênticas às da opção de registo.
3. Neste caso, sendo na opção de registo a única excepção relativamente a erros do sistema, não existe a probabilidade de erros durante a navegação.

• Ajuda e Documentação:

1. É fornecido algum tipo de ajuda e documentação ao utilizador? É essa informação fácil de encontrar e dirigida em especial ao utilizador?
2. Não é disponibilizado qualquer tipo de ajuda ao utilizadordo site, com excepção, talvez, da existência de um link na opção de registo com os “terms of use“.
3. Segundo Norman, sempre que um objecto necessita de um manual de instruções para que se possa utilizá-lo, trata-se de um mau design. Neste caso, no site em questão, não encontro necessidade para a existência de um manual de instruções.

Conclusão:

Este site, é, sem dúvida, um caso especial em termos de design, usabilidade e acessibilidade, e foi, definitivamente um desafio analisá-lo. Em termos de acessibilidade, o site perde um bocado na questão do feedback do sistema, deveria haver elementos sonoros que identificassem cada vez que o utilizador clicava num botão. Relativamente à usabilidade, na minha opinião, foi bem conseguido: é possível navegar no site apenas com o rato, e em relação a atalhos do teclado, esses, na minha opinião, só dificultariam em termos de usabilidade.

No que respeita ao design, ele explora muito bem a questão das metáforas: os botões com os links são representados por objectos com significado na vida real, e que por sua vez têm uma semelhança com a página que ligam, por exemplo: a página para a galeria de vídeos é representada na página principal por uma mini-câmera; a galeria de downloads de wallpapers e buddy icons é representada por imagens pregadas com pioneses num quadro de cortiça na parede do quarto, etc.

Apesar de ser um site distinto do meu projecto, será, sem dúvida, uma referência.

No âmbito da cadeira de Ergonomia e Aplicações Multimédia, foi analisado o site da TMN, tendo em conta os princípios da Usabilidade, e Design de Interacção.

Inicialmente seria suposto fazer uma análise empírica ao site, mas depois de esclarecido algumas dúvidas passou-se para uma análise mais aprofundada, de acordo com os conteúdos dados em aula.

O site em análise é o da operadora móvel TMN. Este não é um site direccionado apenas para um grupo restrito de pessoas. É direccionado principalmente a utilizadores da rede TMN , mas não só, independentemente da idade e/ou classe social.

A primeira impressão que o utilizador tem é uma enorme profusão de animações.

Este aspecto relaciona-se precisamente com dois dos princípios de usabilidade apresentados por Nielsen:

Princípios de Usabilidade (Nielsen)

• Visibilidade do estado do sistema;

• Estética e design minimalistas;

este último, no sentido em que o site sem as referidas animações, é minimalista. Os menus são representados em rectângulos, o tipo de letra é coerente, bem visível e simples em todo o site, os respectivos destaques são apresentados ou a bold ou num tom diferente do azul padrão, sempre sem exageros.

Relativamente à Visibilidade do estado do sistema, novamente com excepção das animações, o princípio foi respeitado. O fundo branco permite que o utilizador não esforce tanto a vista, logo, o utilizador poderá “ficar” no site por mais tempo. As cores utilizadas nas letras também funciona com o fundo branco, uma vez que o azul é também uma cor fresca e não agressiva.

No entanto, os cinco menus principais do site podem ser um (grande) motivo para que um utilizador menos experiente se perca:
quatro Menus na horizontal, e um Menu no lado esquerdo na vertical.

• Controlo e liberdade do utilizador;

Neste aspecto, o utilizador possui uma certa liberdade, pois existe uma grande variedade de opções no site. No entanto, em termos de controlo, o utilizador acaba por se perder nas opções. Quando o utilizador deixa a página principal, é complicado encontrar o caminho de volta, sem recorrer ao botão “Back” no Browser, ou clicar no logo da TMN no canto superior esquerdo, que o reporta à página principal.

• Reconhecimento em vez de lembrança;
• Flexibilidade e eficiência no uso;

Relativamente ao princípio do Reconhecimento em vez de lembrança, como já foi referido anteriormente, é complicado ao utilizador menos frequente do site conseguir reconhecer o “trajecto” percorrido. O site é Flexível, mas por vezes pouco eficiente.

Design de Interacção

O Design de Interacção suporta uma série de factores incluindo o contexto de uso, o tipo de tarefa e tipo de utilizador. É o D.I. que orienta a usabilidade e os objectivos de utilização.

Segundo Norman, existem sete estados de acção quando é efectuada qualquer acção:

• formar o objectivo;
• formular hipóteses de acção;

( no golfo da execução: )

• especificar uma acção;
• executar a acção;
• perceber o resultado no seu contexto;

( no golfo da validação: )

• interpretar o resultado;
• validar o resultado.

No chamado golfo da execução, o utilizador poderá encontrar algumas dificuldades, dada a enorme oferta de opções, quase sem uma hierarquia visível, em “decidir” onde pretende ir, isto se não for um utilizador frequente. A conclusão a que se chega neste aspecto é que o golfo da execução não é superado com facilidade.

Já no golfo da validação, o utilizador facilmente interpreta o resultado. O resultado é que poderá não ser o esperado, dadas as questões de usabilidade mencionadas anteriormente.

Os sistemas de “help” não existem neste site. Se o utilizador está perdido e não encontra o caminho de volta, a solução é “voltar à estaca zero” ao clicar no logotipo TMN no canto superior esquerdo, ou utilizar o botão “back” do browser.

Um dos princípios do diálogo presentes na norma (ISO 9241-10) é a adequação à aprendizagem.No site da TMN essa aprendizagem é superada com a realização da tarefa.

Outro dos princípios do diálogo referidos na mesma norma é a possibilidade de ser controlado. Dada a imensa informação apresentada no site da TMN, é possível formular duas hipóteses: ou o utilizador se perde entre as animações e/ou outros links nos diferentes Menus, ficando “entretido” e esquecido daquilo que pretendia fazer quando formou o objectivo de visitar o site; ou desiste perante toda esta panóplia (des)informativa, fechando o site.

Princípios do Design

O Feedback do sistema é razoável. Todos os botões têm uma determinada acção (links para outras páginas do mesmo site), no entanto, e dada a existência de cinco menus, os botões são idênticos, rectangulares, e nem todos têm uma resposta ao mouse over. No entanto, não é emitido nenhum som que identifique que a acção foi tomada, e alguns links estavam quebrados durante o período de análise do site.

Relativamente à Visibilidade, tal como ja foi referido anteriormente, o fundo branco resulta bem com o azul utilizado. No entanto, a tipografia parece-se pequena, e as animações confundem e distraem o utilizador.

Quanto aos Constrangimentos, não me parece que existam neste site… Alguns dos links estão quebrados, ou não apresentam qualquer tipo de conteúdo dentro da página, para além do Menu.

Aqui, o Design pode ser Lógico e Ambíguo, uma vez que determinadas animações são botões com links para outras páginas, e outras que são apenas animações, e não há uma distinção ou hierarquia sobre elas. Mas, o design também acaba por ser lógico, pois todos os botões de Menu são rectangulares, e não me parece que haja algum tipo de confusão no “clicar para”.

No canto inferior direito do site é visível um botão para o Mapa do Site. Este mapa não é mais do que uma lista das páginas contidas no site, sem uma ordem hierárquica aparentemente lógica. Na minha opinião, é mais fácil fazer a navegação através do mapa do site, do que através do site em si, e o Mapeamento não é, definitivamente, eficaz.

No que diz respeito à Consistência, verifica-se que é usada a mesma tipografia em todas as páginas do site (novamente com excepção das animações), os Menus funcionam da mesma forma, e em todas as páginas é necessário recorrer ao botão “Back” no Browser. Em relação às cores, o site também apresenta boa consistência: predomina o branco e o azul em todas as páginas.

Quanto às Affordances, não há muito que se possa referir neste site, para além dos botões do rato que convidam a carrega: a “mãozinha” que substitui a seta quando encontra um botão, dá a “pista” para carregar, como se, no plano físico, também carregássemos com o indicador no botão.

Nota: O browser utilizado foi o Mozilla Firefox.