sexta-feira, 5 de junho de 2009

Exemplos de WebSites

Maus Exemplos:

1.
http://ifile.it/sefawh2/hinatasou__animensk__blood__24.mp4
Este é um site de partilha de ficheiros em que um utilizador pode partilhar ficheiros (vídeos, ficheiros de som, imagens, etc) utilizando o serviço de armazenamento do site os ficheiros podem ser carregados por um grande numero de pessoas sem que o utilizador tenha problemas de limite de upload. O problema deste dite e que uma vez que serve para que se faça o download de ficheiros torna-se extremamente confuso devido à presença de vários botões de "download" e aquele que é o de interesse (para efectivamente fazer o download do arquivo) é o que passa mais despercebido (onde diz "request download ticket" que quase parece um título de uma janela). Este é um grande problema de comunicação uma vez que baralha e dificulta a utilização do site.

2.
http://www.angelicpretty.com/index.html
Este é um site de uma marca de roupa japonesa. Apresenta problemas tanta a nível de aspecto da página como a nível de comunicação com o utilizador: contém uma quantidade exagerada de elementos gráficos o que para além de tornarem o site pesado tornam-o confuso e ruidoso; também tem um grave problema de comunicação uma vez que (ao contrário do que parece) é maioritariamente utilizado por clientes ocidentais, que, como é óbvio, tem várias dificuldades a frequentar o site e interpretar a informação que ele apresenta.
3.
http://www.rakuten.co.jp/moi-meme-moitie/
Este é mais uma vez um site de uma marca de roupa japonesa, mas, ao contrário da anterior tem uma clara falta de elementos gráficos que o torna pouco atractivo. Este grafismo simples podia ser uma vantagem, mas uma vez que se trata de uma loja on-line cujo o objectivo é vender roupa não penso que resulte da melhor das maneiras uma vez que não apresenta um único exemplo do que vende a home page, não atraindo os utilizadores a explorá-la. Mais uma vez as principais utilizadoras deste site são ocidentais tendo uma grande dificuldade a navegar no mesmo (que ainda e mais dificultada pela falta de imagens).

4.
http://www.androm.net/
Mais uma loja de roupa, mas esta é uma loja on-line de roupa alternativa portuguesa. O site apresenta claramente uns quantos problemas de apresentação. Em primeiro lugar o logótipo é bastante mau especialmente devido ao espaço entre os caracteres; a tipografia também não é usada da melhor das maneiras (note-se o quadrado no canto superior direito que corta umas quantas palavras). embora este mostre claramente que é uma loja e não tenha problemas tão directos de comunicação também tem um certo ruído e da um pouco a sensação de desorganização (embora este problema seja unicamente devido à apresentação gráfica mal conseguida).

5.
http://www.aiseikai.or.jp/
"Official site of a children’s hospital in Japan". Óptimo exemplo de mau design - demasiado confuso, demasiadas cores, extremamente ruidoso devido à exagerada quantidade de imagens intreditentes, cores excessivamente florescentes, má tipografia; passa uma ideia completamente diferente daquilo que é (parece tudo menos o site de um hospital), dificuldade na navegação devido ao excesso de elementos e mistura entre o japonês e o inglês e maus uso das cores na tipografia e da tipografia em si. Ao olhar para este site parece que os links e imagens foram postos ali ao acaso e tirados de gifs de má qualidade numa pesquisa mal feita no google.

6.http://www.miauk.com/
Site oficial de uma cantora. Péssimo exemplo de design - extremamente ruidoso, excessiva quantidade de cores e elementos gráficos, muito confuso. Na minha opinião dá vontade de fechar imediatamente a janela. O fundo intermitente não ajuda em nada, a grande quantidade de imagens muito menos, o menu de navegação também está mal conseguido, especialmente a tipografia do mesmo. quando se navega no site verifica-se uma péssima utilização de cores e tipografia assim como uma má edição das páginas.

7.
http://www.007museum.com/
Site oficial de um museu. Péssima edição e distribuição dos conteúdos, demasiada quantidade de informação numa mesma página, má distribuição dos conteúdos, letra demasiado pequena, má navegação devido ao excesso de links e imagens nas quais não se percebe o contexto, inexistência de um menu de navegação, não se percebe qual é o objectivo do site.

Bons Exemplos:

1.

http://www.megaupload.com/pt/?d=YZ3606LK
Este é um site de armazenamento (tal como o primeiro mau exemplo) que não apresenta qualquer problema a nível gráfico ou de comunicação. Está claro o seu objectivo e função, o botão para descarregar o arquivo desejado, o grafismo também não é nem demasiado complexo nem demasiado simples e deixa claro o objectivo do website.

2.
http://community.livejournal.com/egl_comm_sales
Este é um livejounal de compra e venda de artigos. Embora seja um site de compra/venda estilo blogue apresenta regras que conseguem um boa solução gráfica e de comunicação. Este site funciona quase como um blogue - as utilizadoras vão postando os artigos que querem vender ou comprar. Se este site funcionasse exactamente como um livejounal normal (tipo blogue) seria extremamente confuso devido a presença excessiva de imagens, descrições e comentários, sendo difícil de identificar a vendedora e encontrar artigos. Assim sendo, esta comunidade tem como regra postar tudo "under cut", ou seja aparece apentas uma frase que ao clicar no post respectivo redirecciona o utilizador para o post completo. O grafismo simples também ajuda na navegação no site uma vez que permite uma fácil identificação do vendedor e artigos vendidos.

3.http://www.marymagdalene.jp/
Site de uma marca japonesa de roupa (loja on-line) (tal como os maus exemplos 2 e 3). Este site para além de apresentar um design extremamente bem conseguido a comunicação é igualmente satisfatória uma vez que foi concebida de modo a que tanto orientais como ocidentais consegui sem navegar no web site sem grandes problemas; não é demasiado ruidoso nem demasiado simples; consegue atrair a atenção do utilizador e passar uma ideia geral do tipo de roupa que vende; também não é demasiado pesado e só seu formato é concebido de forma a funcionar bem em vários browsers.

4.
https://caixadirecta.cgd.pt/CaixaDirecta/loginStart.do
Multibanco on-line do banco caixa Geral de Depósitos. Este site está bem conseguido na medida em que é claro e simples na sua função, consegue apresentar as usas credibilidades e funções facilmente, através da segurança apertada (demonstrada pelos avisos e teclado virtual que muda sempre que a página é carregada). Mais uma vez é um site pouco pesado que carrega facilmente e pode ser visualizado em qualquer browser com facilidade.

Introdução

Este blogue tem como objectivo apresentar o trabalho de Teoria do Design relativo à recolha de bons e maus exemplos de design de comunicação por mim realizado.
Consiste na recolha de 15 bons exemplos e 15 maus exemplos de comunicação, na justificação desta classificação assim como na análise dos objectos de design apresentados.

Trabalho realizado por Ana Manuel Caramujo, aluna nº3080397, no âmbito da disciplina "Teoria do Design" do curso de Design Gráfico e Multimédia na Escola Superior de Artes e Design de Caldas da Rainha.