Avaliação Heurística
-
Upload
isaura-costa -
Category
Documents
-
view
217 -
download
0
description
Transcript of Avaliação Heurística
1
Estudo/Study Name
Avaliação Heurística, Gráfica e Informacional
Data do Estudo
02.04.12
Nome dos Experimentadores
André Patrocínio (Assessor) e Teresa Rebelo (Designer)
Identificação ID
Croft Family Port Shippers
Avaliação Heurística, Gráfica e
Informacional do sítio web
www.croftport.com
2
Parte I – Usabilidade (1/9) Problema: Acesso aos idiomas
Interface aspect:
Evidência
Explicação:
Na Landing Page podemos seleccionar a língua (Português | Francês ou Inglês), mas
depois quando nos encontramos a navegar pelo resto do website já não podemos
voltar a escolher a língua.
Possível Solução e Trade-Offs:
Ter a possibilidade de seleccionar línguas em todo o website – através da inserção de
bandeiras ou do nome das línguas (Português | Inglês| Francês)
3
Parte I – Usabilidade (2/9) Problema: Gestão de espaço do site
Interface aspect:
Evidência
Explicação:
Metade da Landing Page está subaproveitada e sem qualquer sentido funcional, o
que acaba por provocar um efeito de “esvaziamento” e consequente desinteresse na
página.
Possível Solução e Trade-Offs:
Optar por centrar as informações e por reenquadrá-las à direita de modo a preencher
o espaço do website.
4
Parte I - Usabilidade (3/9) Problema: Demasiados items
Interface aspect:
Evidência
Explicação:
Quando seleccionado um item da barra lateral esquerda, verificamos que esse item se
desdobra numa lista muito extensa de subtópicos que desorienta o seu utilizador. Os
items ficam demasiado alinhados à esquerda, não respiram.
Possível Solução e Trade-Offs:
Reduzir a lista de items a tópicos essenciais de modo a facilitar a apreensão dos seus
conteúdos principais. Dar o espacejamento necessário entre o limite esquerdo da
página e o próprio conteúdo
5
Parte I - Usabilidade (4/9) Problema: Ausência de redes sociais
Interface aspect:
Evidência
Explicação:
Ausência de ligação com redes sociais (Ex: Facebook, Twitter e Linkedin). Esta
lacuna no website, que impossibilita a navegação para plataformas sociais, veda a
possibilidade de dinâmicas (likes, posts, shares) e limita o potencial de networking do
website.
Possível Solução e Trade-Offs:
Os contactos da Croft Port devem estar na barra lateral esquerda juntamente com os
outros tópicos do menu de modo a ganhar visibilidade.
6
Parte I - Usabilidade (5/9) Problema: Fraca visibilidade dos
contactos
Interface aspect:
Evidência
Explicação:
Contactos da página encontram-se pouco visíveis, na óptica do utilizador, facto que
pode dificultar a recolha dos dados fundamentais da empresa (Telefone, E-mail e
Fax).
Possível Solução e Trade-Offs:
Os contactos da Croft Port devem estar na barra lateral esquerda juntamente com os
outros tópicos do menu de modo a ganhar visibilidade.
7
Parte I - Usabilidade (6/9) Problema: Retrocesso na página
Interface aspect:
Evidência
Explicação:
Quando se clica no item “Menu Principal”, o utilizador não retrocede, efectivamente,
para a página inicial onde se inclui o menu indicado. Quem clica nesse botão, fica de
modo equívoco na mesma página.
Possível Solução e Trade-Offs:
Os contactos da Croft Port devem estar na barra lateral esquerda juntamente com os
outros tópicos do menu de modo a ganhar visibilidade.
8
Parte I - Usabilidade (7/9) Problema: Navegação para Croft Pink
Interface aspect:
Evidência
Explicação:
A navegação para a página web da marca Croft Pink é abrupta. Sem advertência, o
navegador é, de repente, transportado para um espaço visualmente discrepante e sem
quaisquer ligações ao site anterior. Esta conjuntura de navegação pode provocar uma
perturbação para o utilizador.
Possível Solução e Trade-Offs:
Deve ser dada informação prévia para o navegador de que existe uma página para a
marca Croft Pink (ex: “Consulte a página oficial da Croft Pink”). Uma outra opção
igualmente viável seria criar uma hiperligação através do logo na parte inferior do
site da Croft.
9
Parte I - Usabilidade (8/9) Problema: Navegação web
Interface aspect:
Evidência
Explicação:
Na óptica do utilizador, a experiência no sítio web seria ainda mais interessante se
este pudesse, desde logo, optar pelo início da letra (como um dicionário), para ir
directo à definição da palavra pretendida.
Possível Solução e Trade-Offs:
Adicionar uma barra com as letras do alfabeto, de modo a ir directamente à palavra
pretendida sem necessidade de fazer scrolldown.
[A] [B] [C]…
10
Parte I - Usabilidade (9/9) Problema: Navegação web
Interface aspect:
Evidência
Explicação:
Quando o utilizador passeia pelo sítio web, no menu “Downloads & Arquivo” e este
pretende voltar ao menu inicial, aparece-nos uma mensagem de erro. O utilizador fica
confuso e pensa que clicou em algum sítio que não devia e não consegue voltar ao
menu em que estava anteriormente.
Possível Solução e Trade-Offs:
Melhorar a experiência do utilizador alterando o grafismo & usabilidade do menu:
torná-lo mais visível em todas as páginas no site, para que o utilizador não tenha de
clicar sempre no “voltar ao menu principal”.
11
Parte II - Grafismo (1/6) Problema: Palete de cores
Interface aspect:
Evidência
Explicação:
O menu apresenta-se com um tipo de letra reduzido, não sendo totalmente
perceptível para o utilizador.
Possível Solução e Trade-Offs:
Alterar o tipo de letra, para que o menu seja mais visível.
12
Parte II - Grafismo (2/6) Problema: Resolução de imagens
Interface aspect:
Evidência
Explicação:
Algumas imagens do Website apresentam fraca resolução o que empobrece de modo
claro a própria estrutura visual do site.
Possível Solução e Trade-Offs:
Substituir imagens com fraca resolução por fotografias de maior qualidade.
13
Parte II - Grafismo (3/6) Problema: Assinatura sem destaque
Interface aspect:
Evidência
Explicação:
A assinatura deve conferir notoriedade e deixar uma marca mais viva de John Croft.
No entanto, não sobressai e aparece desvanecido.
Possível Solução e Trade-Offs:
Colocar visibilidade na assinatura: sem transparências, mas com o relevo a cor de
forma a tornar-se legível e perceptível.
14
Parte II - Grafismo (4/6) Problema: Barra branca
Interface aspect:
Evidência
Explicação:
Quando clicamos em qualquer menu, aparece-nos sempre uma linha branca,
componente que distrai o utilizador e acaba por não ter qualquer utilidade para a
experiência que estamos a ter no sítio web.
Possível Solução e Trade-Offs:
Retirar a linha branca das páginas.
15
Parte II - Grafismo (5/6) Problema: Imagens
Interface aspect:
Evidência
Explicação:
Para o utilizador, a imagem e o aspecto gráfico são fundamentais para cativar a
atenção. É pois importante que as fotografias não possuam demasiados elementos
que possam distraí-lo, como por exemplo, os fundos das imagens. É também que as
imagens estejam todas alinhadas.
Possível Solução e Trade-Offs:
Retirar a imagem de fundo das garrafas. É importante ter um background
transparente. Alinhar as imagens.
16
Parte II - Grafismo (6/6) Problema: Tipos de Letra/Cor
Interface aspect:
Evidência
Explicação:
Na “Landing Page”, o utilizador é confrontado com muitos tipos de letra diferentes,
tamanhos diferentes, cores diferentes e informações diferentes.
Possível Solução e Trade-Offs:
Uniformizar os tipos de letra em tipo e cor.
17
Parte III - Informação (1/4) Problema: Conteúdos exclusivamente
em inglês
Interface aspect:
Evidência
Explicação:
Embora o utilizador tenha escolhido o idioma português, a informação para a qual
nos remete a opção “mais informações” está disponível apenas em inglês. A falta de
uma informação bilingue, neste caso em português, pode ser problemática para uma
pessoa que não esteja familiarizada com a língua estrangeira.
Possível Solução e Trade-Offs:
Importa traduzir a informação para português.
18
Parte III - Informação (2/4) Problema: Sem suportes multimédia
e audiovisuais
Interface aspect:
Evidência
Explicação:
A informação é excessivamente «monocromática» e textual, reduzindo o interesse do
leitor e desincentivando a leitura dos conteúdos da Croft Port.
Possível Solução e Trade-Offs:
Pode haver um recurso benéfico a suportes audiovisuais e multimédia para ilustrar a
história da região e os processos de vinificação do vinho do Porto. Estes moldes mais
interactivos são uma via mais eficiente para a retenção de informação do website.
19
Parte III - Informação (3/4) Problema: Imagens desarticuladas do
texto
Interface aspect:
Evidência
Explicação:
As imagens são um complemento à informação do site que não deve ser separado do
texto. Ao concentrar as imagens num compartimento final, não se dá visibilidade. É,
nessa medida, pouco intuitivo para o utilizador encontrar imagens numa galeria, sem
acompanhamento de um texto que contextualize.
Possível Solução e Trade-Offs:
A compilação de imagens não deveria ser relegada para o final, mas articulada com a
informação, facultando a possibilidade de o utilizador efectuar o download.
20
Parte III - Informação (4/4) Problema: Contactos
Interface aspect:
Evidência
Explicação:
Se o utilizador quiser entrar em contacto com a croft family port shippers depara-se
com várias informações (“Perguntas gerais”); (“Perguntas do ramo”); (“Perguntas da
imprensa”), (“Perguntas de agentes nacionais”) e fica confuso, além de que não tem
nenhum contacto telefónico, que seja mais directo.
Possível Solução e Trade-Offs:
Adicionar um formulário de contacto e telefone/fax.