Arquivo para Setembro, 2007

Análise Heurística

A partir do site que seleccionei anteriormente, irei proceder a uma análise heurística como método de avaliação da usabilidade do mesmo.
Segundo Lavery existem 10 princípios que devem ser considerados e em cada um deles proceder a estes 3 passos:

a) “Conformance Question” – O que deve o sistema fazer para satisfazer o principio em causa;

b) “Evidence of Conformance” – O que não está em total conformidade e pode ser alterado para melhor satisfazer o princípio;

c) “Motivation” – Quais os problemas que se tentam evitar com a conformidade ao princípio;

De seguida, procederei à análise efectiva do site, tendo em conta cada um dos dez princípios.
Para cada princípio, irei fazer um levantamento dos três passos a ter em consideração na análise heurística (cada passo estará identificado com a respectiva letra):

1. Visibilidade do estado de sitema
a)O sistema fornece um feedback ao utilizador?
b)Este feedback é fornecido no site através das cores diferentes para cada separador distinto; o utilizador sabe sempre em que página se encontra, não só através da cor, mas também pelo aspecto do botão;
c)Desta forma, o utilizador sabe sempre em que separador se encontra; nunca se perde na imensidade de links que o site contém e sabe sempre o caminho que percorreu até chegar ao local onde se encontra;

2. Ajuste entre o sistema e o mundo real
a)O sitema utiliza linguagens e conceitos familiares ao utilizador?
b)O sitema consegue estabelecer uma relação de semelhança com o mundo real através dos ícones que utiliza para identificar os separadores e setas para indicar existência de mais informação;
c)Assim, o utilizador estabele uma relação com o sistema de uma forma muito mais fácil e simples; reconhece facilmente as funções e serviços existentes no sistema; permite saber onde quer chegar e como chegar até lá;

3. Controlo e liberdade do utilizador
a)O sistema permite aos utilizadores fazerem o que quiserem quando quiserem?
b)O sistema não impõe longos tempos de espera ao utilizador; apenas possui 3 separadores que requerem utilizador registrado e password para aceder aos conteúdos; permite que os utilizadores naveguem de um conteúdo para o outro sempre que quiserem; o mapeamento dos links é bastante eficaz;
c)O utilizador não se aborrece ou se enerva com tempos de espera, restrições absurdas, informações incompletas;

4. Consistência e standards
a)Os objectos de design e as acções do site têm o mesmo significado em situações diferentes?
b)Todo o site possui um design coerente e uniforme, mantendo as mesmas formas e cores nos vários elementos; as acções que cada elemento pressupõe são as mesmas nos diferentes separadores, excepto no caso do directório de empresas e directório de formação: ao consultarmos estes separadores temos acesso a vários botões com várias áreas de formação e de empresas, no entanto ao seleccionarmos uma das áreas, aparecem os mesmos elementos de design que anteriormente funcionavam como botões e que agora não passam de títulos;
c)O utilizador consegue governar-se bastante bem em todos os separadores, menos nos 2 casos anteriormente mencionados: o utilizador é induzido em erro, pensando que ao clicar naqueles elementos de design vai ter a uma página nova;

5. Prevenção de erros
a)O design do sistema provoca algum tipo de erro de utilização?
b)Em geral, o design do site está elaborado de forma a explicitar de forma muito clara os conteúdos; os separadores têm ícones que identificam claramente o tipo de conteúdos a encontrar nnos directórios; não há ambiguidade de conceitos e/ou de títulos; a única excepção verifica-se, mais uma vez, nos directórios das empresas e formação: o utilizador clica num elemento completamente estático, pensando que este constitui um link; peca apenas pela falta de um mapa do site que mostre todos os conteúdos existentes no site e ligações directas a cada página existente no sistema;
c)O sistema evita desta forma a frustração do utilizador, nervosismo e não impõe entraves à exploração do site;

6. Reconhecimento em vez de lembrança
a)O design do sistema permite ao utilizador visualizar o caminho que percorre? As acções, opções e elementos do design encontram-se sempre visíveis?
b)O menu principal encontra-se sempre visível seja qual for a página em que o utilizador se encontra; em directórios e subpastas, todos os menus que foram utilizados permanecem sempre visíveis e à disposição do utilizador para que a qualquer momento possa mudar a sua opção/caminho; o utilizador não necessita de recorrer em nenhum momento ao retroceder do browser para encontrar um menu;
c)Permite que todas as opções do site permaneçam sempre à disposição do utilizador; o utilizador não se perde no meio da informação; não precisa de memorizar/anotar o caminho que efectuou até determinado conteúdo; navegação fluida; evita o nervosismo e frustração do utilizador;

7. Flexibilidade e eficiência no uso
a)O utilizador pode customizar as suas acções ou utilizar atalhos?
b)O site peca pela falta de um mapa do site que permite chegar à informação de uma forma muito mais rápida e eficaz; não possui qualquer tipo de atalho no teclado que permita abrir determinados conteúdos e não existe qualquer código editável e/ou visível para o utilizador;
c)Reduz a eficiência do utilizador, impondo algumas barreiras e podendo causar alguma frustração;

8. Estética e design minimalistas
a)Os conteúdos e elementos do site contêm informação desnecessária e irrelevante?
b)Todos os elementos do site como botões, títulos e outros elementos de design primam pela simplicidade e objectividade; não existe qualquer informação e/ou elemento puramente decorativo no sistema, isto é, sem qualquer funcionalidade; o design dos elementos, a organização e o mapeamento do site são construídos de forma intuitiva, simples e objectiva, sem qualquer forma rebuscada;
c)Não existem elementos que possam confundir o olhar e o pensamento do utilizador; não existe desorganização para provocar ruído na comunicação dos conteúdos; a navegação é efectuada de forma simples e agradável;

9. Ajuda aos utilizadores para reconhecerem, diagnosticarem e recuperarem de erros
a)As mensagens de erro são simples e fáceis de entender? descrevem o problema e sugerem solução?
b)No caso do Registo Gratuito do site, a informação de erro aparece, caso o utilizador deixe algum campo importante por preencher: os campos estão identificados com obrigatoriedade de preenchimento ou não obrogatoriedade de preenchimento; quando falta alguma informação e apenas depois de tentar o envio é que aparece a mensagem de erro, explicando o sucedido e redireccionando o utilizador para o campo específico; o sistema guarda toda a informação já preenchida; a solução e a causa do erro são sempre descriminadas;
c)Evita incómodos como a perda de informação; o utilizador não se sente frustrado com tentativas repetitivas de preenchimento; o utilizador não tem de adivinhar a solução, é-lhe fornecida automaticamente, evitando assim possíveis irritações e desistências;

10. Ajuda e documentação
a)O sistema fornece algum tipo de ajuda e documentação de auxílio ao utilizador? Se fornece, são essas informações fáceis de encontrar?
b)O site apenas fornece um motor de busca interior que permite ao utilizador encontrar a informação que necessita; não possui mapa do site, o que constitui uma lacuna nos serviços de auxílio ao utilizador; fora o separador do Registo Gratuito, nenhum dos outros directórios possui documentação e/ou informação explicativa de procedimentos; no entanto, o site foi construido de forma a não necessitar de qualquer ajuda para utilizar serviços e consultar conteúdos, uma vez que estes são bastante lógicos e intuitivos;
c)O sistema funciona de maneira descomplicada, o que facilita a compreensão do utilizador e o ajuda a navegar facilmente pelo site, sem ter de recorrer a documentos e serviços de ajuda incómodos.

Comentário (1) »

Que botão carregar?

Hoje, durante a apresentação, o Nuno Regadas mencionou um exemplo de uma obra de Donald Norman, onde ele conta o caso de uma fábrica nos EUA que explodiu devido a um erro humano. Uma vez que havia essa suspeita, Donald Norman foi chamado como psicólogo para investigar a validade da suspeita. Mal entra na fábrica depara-se com uma infinidade de botões, todos eles iguais e sem qualquer mapeamento e/ou indicação da função que serviam. Hmmmm… porque será que explodiu? erro numano? ou barreiras tecnológicas ao propósito humano?

Lembrei-me imediatamente desta curta animada da Pixar que tinha visto há pouco tempo. A situação, que acima mencionei, acaba por ser inteligentemente retratada sob a forma de paródia.

Mais uma genialidade da Pixar (como era de se esperar)… divirtam-se ;)

“A tecnologia pode tornar-nos mais espertos, mas apenas se a tratarmos da maneira correcta”

Comentário (1) »

Uma Análise Mais Aprofundada…

O apoio teórico fornecido na aula de hoje, vem, sem dúvida, alterar e melhorar inúmeros aspectos que foram retratados na análise anterior.
Uma das ideias que não consegui passar na análise empírica foi o facto de a usabilidade, a acessibilidade e a emotividade não serem compartimentos estanques. Estas matérias encontram-se intimamente ligadas como se de um organismo vivo se tratassem: uma não funciona sem as outras.

Completando a análise anterior do site MKTonline, devo fazer referência ao design de interação e aos princípios que o portal incorpora.
As cores, como já havia referido, desempenham um papel importante na dinâmica do site: estas identificam os separadores e permitem ao utilizador saber onde está. O estado de visibilidade do sistema é complementado pelo feedback que os botões apresentam: um sombreado que surge quando passamos por cima com o rato e que se mantém ao clicarmos com o cursor. Os separadores encontram-se relacionados não só a cores, mas também a ícones específicos que permitem um mapeamento ainda mais eficaz da informação. Desta forma o utilizador sabe sempre em que separador se encontra.
Os botões de navegação possuem affordance, porque o utilizador identifica-os imediatamente como tal, uma vez que cumprem duas acepções importantes:
- o utilizador identifica os grafismos imediatamente como botões, o “bevel and emboss” do ícone permitem essa associação;
- o utilizador identifica imediatamente a função do botão, não só através do ícone, mas também através da palavra: exemplo ( < anterior e > seguinte);
Como já havia referido anteriormente, todos os elementos de design do portal seguem uma determinada regra e padrão, dando uma coerência visual e uma consistência interna ao site.

Relativamente à usabilidade do site, é necessário acrescentar uma série de parâmetros que não foram abordados na análise empírica.
Os ícones utilizados pelo portal para identificar separadores e/ou acções são familiares ao utilizador, isto é, permitem com que ele navegue de forma intuitiva pelo site.
O utilizador, em qualquer momento, pode voltar à página inicial e a outros separadores que queira visitar, é uma opção que é mantida em aberto ao longo do site sem ter de recorrer ao “retroceder” do Browser utilizado.
Além de uma navegação fluída, o utilizador interage activamente com o portal, isto é, existe uma comunicação bidireccional: o sistema comunica com o utilizador e o utilizador comunica com o sistema. Esta interacção é conseguida através de várias maneiras: os separadores Notícias, Entrevistas e Destaques possuem pequenos resumos nas páginas de apresentação permitindo ao utilizador ter uma visão daquilo que é tratado no artigo, no caso de suscitar o interesse, ele tem a opção de aceder a um conteúdo mais elaborado e detalhado da informação que preferir. Os separadores dos Blogues e dos Podcasts permitem também ao utilizador comunicar com outros utilizadores do portal, emitir a sua opinião sobre os mais variados temas, colaborar em inquéritos e pesquisas.. A newsletter do site, é um outro exemplo de interacção com o utilizador: informa o utilizador com regularidade e gratuitamente dos últimos e mais importantes eventos na área do Marketing.
Outro aspecto a apontar, é a organização dos quadros de acção do portal. Estes encontram-se muito bem organizados e hierarquizados: o utilizador descobre imediatamente onde se encontra o menu principal; os outros quadros de acção estão organizados de forma a não confundirem o utilizador e de forma a cumprirem o seu devido lugar na hierarquia de informação; todas as diferentes áreas se encontram devidamente separadas e isoladas, no entanto, de forma a que não se perca a unidade visual, a consistência interna do site.
O site apresenta uma unidade visual e um aspecto limpo e agradável. A cor base do site consiste numa variação de tons de azul que dota o portal de um aspecto profissional, sério, credível e agradável.

A apontar como grave falha na dinâmica do site, a inexistência de um Mapa do Site e a inexistência de documentos em versões passíveis de ser impressas. Desta forma, o utilizador não tem forma de saber quais são todos os conteúdos que existem no site e como aceder directamente a eles. Fica também desprovido de versões para impressão que:
- permitam imprimir apenas a informação necessária, sem os banners e os quadros laterais;
- permitam apenas a utilização do tinteiro preto, uma vez que o uso excessivo de cores pode aborrecer o utilizador;

Deixo aqui o link para, mais uma vez, formarem o vosso próprio juízo sobre a dinâmica do site:

MKTonline

Comentários (3) »

Uma Análise Empírica…

Depois de um complicado processo de selecção, consegui escolher um site que visite com alguma regularidade e que possibilite uma análise, relativamente, objectiva dos parâmetros propostos na disciplina.
And the winner is: o portal de Marketing – MKTonline.

No que se refere à usabilidade, penso que o site é bem conseguido, uma vez que cumpre uma série de parâmetros que, na minha opinião, são inerentes à palavra “usabilidade”, são eles: a organização; a hipertextualidade e multimodalidade e a interactividade.
A informação aparece de forma organizada e as categorias principais encontram-se bem destacadas de forma a tornar a navegação no portal fácil, fluida, quase intuitiva. No separador das Notícias, dos Destaques e das Entrevistas, o utilizador pode ter acesso apenas a um resumo da informação ou, se preferir, poderá ter acesso a informação mais detalhada. O site complementa a informação textual com imagens, banners, sons e vídeos, o que acentua o carácter multimodal do site. Os separadores como os Blogues e os Podcasts também servem o propósito da multimodalidade e concretizam a interactividade com o utilizador. É importante referir que o portal possui uma newsletter gratuita bastante completa, que, periodicamente, informa os assinantes das últimas novidades relacionadas com o Marketing.
Relativamente à usabilidade, o portal peca por não ter um mapa do site que permita aos utilizadores acederem a todo o conteúdo existente no portal e por não possuir qualquer versão PDF que permita imprimir conteúdos textuais interessantes.

A usabilidade de um site encontra-se intimamente ligada ao design da sua interface. Considerando agora este aspecto, penso que também foi muito bem conseguido e responde muito bem às necessidades e ao tipo de portal. O azul predomina como cor base, sendo uma cor fria não choca o olhar do utilizador, muito pelo contrário, o azul transmite a seriedade e profissionalismo do portal. O separadores possuem cores diferentes e identificativas, o que facilita a orientação do utilizador. Quando o utilizador passa por cima dos separadores com o rato, estes mudam para um tom mais escuro, uma animação que, na minha opinião, foi muito bem executada, pois transmite uma sensação fluida e delicada de navegação. Todos os elementos de design do portal se encontram em harmonia, respeitando as mesmas tonalidades, os mesmo esquemas de navegação, os mesmos comportamentos, os mesmos tipos… o conjunto destes elementos é muito bem organizado e colocado, o que resulta no aspecto limpo e agradável do site.

O último aspecto a considerar, mas não menos importante, é a acessibilidade. Termino a análise com uma crítica ao portal: além da acessibilidade ao utilizador comum, o portal não possui qualquer tipo de características que possibilitem a navegação a utilizadores com necessidades especiais. Esta falta torna-se ainda mais grave, tratando-se de um portal de referência do Marketing: um tema que cada vez mais importante no país e no mundo. É de condenar o facto de o site não ter qualquer especificidade que permita aos utilizadores com necessidades especiais terem acesso aos conteúdos e serviços do mesmo. No entanto, é importante referir que a maioria dos portais e dos sites nacionais que fornecem informação específica e/ou serviços não possuem qualquer parâmetro de acessibilidade.

É urgente alterar a actual situação de acessibilidade nos sites nacionais, não só pelas inúmeras soluções que existem e que surgem a cada dia, mas também pelo facto de ser uma característica cada vez mais falada, discutida e apreciada nas sociedades contemporâneas.

E como não há nada melhor do que criarmos o nosso próprio juízo, aqui vai o link do site:

O Portal do Marketing

Deixe um comentário »

Olá mundo!

O primeiro post de um blog que foi criado no âmbito da cadeira de EAM. Para aqueles que não saibam o que isto quer dizer: Ergonomia das Aplicações Multimédia. Para aqueles que continuam sem entender o que quer dizer, acompanhem-me este semestre através dos artigos e comentários que vou postando e talvez possamos descobrir juntos o que é afinal Ergonomia das Aplicações Multimédia…

Comentário (1) »