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.