Trabalho 4. Romeu Fonseca Nº Link do trabalho: Análise crítica de dois Web sites

Tamanho: px

Começar a partir da página:

Download "Trabalho 4. Romeu Fonseca Nº Link do trabalho: Análise crítica de dois Web sites"

Adelina Cesário Pais
7 Há anos
Visualizações:

1 Trabalho 4 Análise crítica de dois Web sites Departamento de Engenharia Informática da Universidade de Coimbra Design e Multimédia Romeu Fonseca Nº Link do trabalho: Novembro de 2007

2 Introdução 2 Introdução Este trabalho incide sobre uma análise crítica de dois sites escolhidos de uma forma livre. Esta análise terá que obedecer a alguns critérios fornecidos pelo docente da cadeira, os quais são apresentados na tabela a seguir. Ilustração 1 Tabela descritiva dos pontos a estudar na análise dos sites Sites escolhidos Como nos é pedido o estudo crítico de dois sites, tentou-se escolher um site em que são visíveis alguns aspectos maus de design e um site em que, na globalidade, todo o seu design está bastante bom. Assim, como escolha, estudou-se o site do Hospital de Santa Maria (em Lisboa) e o site Portal Serra da Estrela onde o primeiro fica bastante aquém das expectativas a nível de design. Análise crítica de sites Página 2

3 Sites escolhidos 3 Ilustração 2 página inicial do site do hospital de Santa Maria Ilustração 3 página inicial do portal Serra da Estrela Análise crítica de sites Página 3

4 Site Nº. 1 Hospital de Santa Maria 4 Site Nº. 1 Hospital de Santa Maria Análise Este site desrespeita alguns dos princípios requeridos da tabela. Relativamente ao nível de contraste, este site pode ser considerado como Razoável, pois existem elementos contrastantes mas nem sempre são usados com eficácia para cativar a atenção do utilizador. O utilizador tem alguma dificuldade em encontrar a informação que procura. Há uma tentativa de recorre-se a ilustração visual dos elementos em discussão, no entanto as ilustrações mostram-se um pouco fora do contexto. Não há um equilíbrio completo de cores o que torna o site pouco apelativo visualmente. Há uso de cores um pouco berrantes que, aos olhos do visualizador, pode tornar-se agressivo. A barra vertical situada na parte direita do site, apesar de confiar algum dinamismo e movimento ao site, está com um contraste demasiadamente forte relativamente ao tom de cor usado no resto da página. Quanto à repetição, o site não apresenta uma consistência formal em todas as páginas, de página para página e ao longo de cada página, o que confere uma nota Razoável nesta valência. Neste site o utilizador poderá ter a sensação de estar a navegar em vários sites diferentes uma vez que não há uma uniformidade formal entre todas as páginas. Como atenuante neste ponto, temos o facto de existir um sistema de navegação global (os botões situados na parte superior site por baixo do banner) permite garantir o acesso imediato às principais áreas do website, sendo apenas necessário um clique. A falta de alinhamento vertical e horizontal do texto e de outros elementos visuais, ao longo do site, é facilmente percepcionada. Tal leva a que o site se apresente com alguma falta de organização com o aparecimento de grandes espaços em branco. Alguns textos e elementos visuais não encaixam na perfeição na estrutura definida. Como exemplo temos o posicionamento da pesquisa, e dos botões situados no canto superior direito que não se encontram bem posicionados. Neste princípio este site tem a nota de Razoável. A proximidade também possui a classificação de Razoável, pois não existem grandes relações entre os elementos na página. Existem blocos criados com o texto e as imagens dão uma ideia da distribuição da informação. Porém existem outros blocos em que tal não acontece. Os utilizadores poderão sentir-se perdidos na navegação no site. O website possui uma hierarquia visual, ou seja, os diversos elementos assumem maior ou menor destaque consoante a sua importância. Porém, os conteúdos por vezes não estão organizados de forma lógica e intuitiva para os utilizadores. Em suma, este site não respeita na totalidade os pressupostos presentes na tabela. Não é um site muito mau, mas também não é um site perfeito (longe disso). Apresenta algumas lacunas a nível de design, organização e estrutura que deveriam ser tomadas em conta. Poderá visualizar alguns printscreens do site em questão a seguir. Análise crítica de sites Página 4

5 Site Nº. 1 Hospital de Santa Maria 5 Ilustração 4 - Pagina principal Ilustração 5 - Problema na estrutura e alinhamento Análise crítica de sites Página 5

6 Site Nº. 1 Hospital de Santa Maria 6 Ilustração 6 - Diferenças estruturais entre páginas Ilustração 7 - Diferenças estruturais entre páginas Análise crítica de sites Página 6

7 Site Nº. 2 Portal Serra da Estrela 7 Site Nº. 2 Portal Serra da Estrela Análise Este site respeita os princípios requeridos, nomeadamente, contraste, repetição, alinhamento e proximidade. O nível de contraste pode ser considerado como Bom, pois possui destaques no texto e blocos de cor para cativar a atenção do utilizador. O utilizador não tem dificuldade em encontrar a informação que procura. Recorre-se a ilustração visual dos elementos em discussão sempre que tal se justifique. Há um equilíbrio de cores tornando o site apelativo visualmente. Não há uso de cores berrantes, mas sim de cores suaves que combinam na íntegra entre si. Normalmente neste tipo de sites em que a informação é bastante importante, as cores e contrastes são preteridos o que, em grande parte dos casos, se torna prejudicial para o site. Porém neste caso isso não acontece. Relativamente à repetição, o site apresenta uma consistência formal de página para página e ao longo de cada página, o que confere um Bom nesta valência. Neste site o utilizador não tem a sensação de estar a navegar em vários sites diferentes uma vez que há uma uniformidade formal. O facto de existir um sistema de navegação global (os botões situados no lado esquerdo do site e no topo por baixo do banner) permite garantir o acesso imediato às principais áreas do website, sendo apenas necessário um clique. Existe, também, um sistema de navegação contextual, que não tem uma localização específica (mas encontra-se maioritariamente no centro da página) e abrange todas as relações entre as páginas que não estão contidas nos sistemas global e local. O alinhamento vertical e horizontal do texto e de outros elementos visuais, ao longo do site, é facilmente percepcionado e confere ao site um grande nível de organização tornando-o limpo. Todos os textos e elementos visuais encaixam na perfeição na estrutura definida (a opção de usar 3 colunas que é a mais usada e a melhor para este tipo de sites). Assim, aufere uma nota de Bom no alinhamento. A proximidade também possui a classificação de Bom, pois existem fortes relações entre os elementos na página. Os blocos criados com o texto e as imagens dão uma ideia clara da distribuição da informação. O website possui uma hierarquia visual consistente, ou seja, os diversos elementos assumem maior ou menor destaque consoante a sua importância e os conteúdos estão organizados de forma lógica e intuitiva para os utilizadores. Esta hierarquia visual aplica-se a todas as páginas, criando-se assim uma continuidade visual e funcional. Em suma, todo o site está bastante bom. Nota-se que houve uma nítida preocupação a nível de design e a nível estrutural o que se repercute totalmente no produto final criado. Todas as características descritas anteriormente podem ser visualizadas nas figuras seguintes. Análise crítica de sites Página 7

8 Site Nº. 2 Portal Serra da Estrela 8 Ilustração 8 Página que apresenta informação acerca da região da serra da estrela Ilustração 9 Página que apresenta informação acerca dos diferentes tipos de alojamentos registados no site Análise crítica de sites Página 8

9 Site Nº. 2 Portal Serra da Estrela 9 Ilustração 10 Página de pesquisa Ilustração 11 Página que apresenta a galeria de imagens Análise crítica de sites Página 9

Documentos relacionados

DESIGN MULTIMÉDIA SÍTIOS DA WEB

OFICINA DE MULTIMÉDIA B MULTIMÉDIA SOBRE SITES DESIGN MULTIMÉDIA SÍTIOS DA WEB No universo do Design Multimédia, a web assume um papel relevante na exploração dos meios digitais, quer do ponto de vista