Oi turma,
A aula de hoje é totalmente prática. Na primeira parte vcs deverão se reunir em até 3 alunos e realizar uma análise muito parecida (porém de menor fôlego) que será realizada na aula que vem, valendo 2 pontos na média. Cada equipe deve escolher 6 dos 10 itens que estão na aula 8, e postar aqui neste post um parágrafo explicativo para cada um. Aproveitem para tirar as dúvidas hoje.
Sites que poderão usar para este trabalho, escolher 1 e não esquecer de citá-lo no post:
www.ford.com.br
www.g1.com.br
www.terra.com.br
Na segunda parte vamos desopilar um pouco da parte de planejamento, trabalhando um pouco no photoshop para irmos nos preparando para a criação das interfaces. O objetivo é vocês tomarem contato com layouts, entendendo a construção por camadas e os diversos elementos que os compõem.
links para praticar:
www.agorapod.com.br/psd1aula.psd
www.agorapod.com.br/psd2aula.psd
www.agorapod.com.br/psd3aula.psd
layouts já prontos, para análise:
www.agorapod.com.br/candidato1.jpg
www.agorapod.com.br/candidato2.jpg
www.agorapod.com.br/proposta_mega.jpg
www.agorapod.com.br/proposta01.jpg
www.agorapod.com.br/proposta02.jpg
até a aula
Assinar:
Postar comentários (Atom)
8 comentários:
Site: Ford
- contraste, cores e brancos
O site não tem um grande contraste, tendo apenas cores básicas como branco e cinza, tendo como uma das únicas imagens contrastantes, que é em preto, vermelho e verde, o banner do topo.
- Equilíbrio, proporção e simetria
Pode se dizer que é um site assimétrico, já que o lado direito inferior não é igual ao esquerdo, mas nem por isso deixa de ser organizado. Tem um bom equilíbrio, sendo centralizado e não 'pendendo' para nenhum lado específico, apenas tendo um maior peso no lado esquerdo, já que há mais imagens.
- Interatividade:
O site possui muita dinâmica, pois em todos os banners se passarmos com o mouse em cima, há mudanças. Inclusive os menus são interativos, quando não são em cascata tem outros movimentos.
- Legibilidade e Integração:
As fontes poderiam ser maiores para facilitar a leitura. As cores estão agradáveis aos olhos, deixando a leitura mais fácil.
- Rótulos:
Poderiam ser maiores e com maior destaque, com cores mais vistosas, que chamassem mais a atenção.
- Elementos Multimídia:
Possui muitos elementos multimídias, como por exemplo a opção My conection, onde o usuário pode ouvir músicas.
Há também muitas fotos, mostrando os modelos de carros.
Juliana
Rafaela
Thaís
Eduardo Gasparetto
Objeto da Análise
http://www.ford.com.br
1-Proximidade/alinhamento
Os menus aproveitam a proximidade e as cores para criar uma relaçao: o primeiro menu (branco, em flash) reúne informações comerciais, que visam acess direto ao tipo de automóvel desejado; o segundo (html, azul) agrupa informações informações institucionais e serviços. Os destaques são agrupados em um box de fundo levemente cinza e as notícias alternam as cores na listagem.
2-Equilíbrio, proporção e simetria
O layout do site em questão é distribuido de forma simétrica. Os elementos são proporcionais entre si e a distribuição centralizada desses elementos resultam em um layout equilibrado e estável.
3-Contraste, cores e brancos
Brancos, tons de cinza e derivados de azul fazem parte da paleta da página. Os elementos gráficos são mínimos e usam de pouco contraste. O site privilegia o acesso mais direto à informação, utilizando alto contraste na tipografia.
4-Simplificação
O site usa muito da simplicidade dos elementos gráficos. Apenas linhas finas, áreas de cor com pouco contraste tipografia simples e legível.
Marcus/Cauê/Roberto (turista)maconha
Site: Ford
interatividade/elemento de nav.
Site muito pesado, com elementos que não funcionam e dificil compreensão do internauta, o sistema de navegação é de fácil assimilação.
Contrates/Cores/Brancos
Cores leves (clean), respeitando as cores da própria logomarca criando uma assimetria, não saindo do padrão FORD
Proximidade/Alinhamento
Alinhamento satisfatório, contendo blocos de separação para cada serviço oferecido respeitando as regras de proximidades.
Simplificação
É um site completo porém simples, tornado fácil para o usuário encontrar o que procura.
Rótulos/Labels
Todos os rótulos respeitam as cores do site, dificultando um pouco a navegação quando a esta análise de rótulos.
Marcus/Cauê/Roberto (turista)maconha
Site: Ford
interatividade/elemento de nav.
Site muito pesado, com elementos que não funcionam e dificil compreensão do internauta, o sistema de navegação é de fácil assimilação.
Contrates/Cores/Brancos
Cores leves (clean), respeitando as cores da própria logomarca criando uma assimetria, não saindo do padrão FORD
Proximidade/Alinhamento
Alinhamento satisfatório, contendo blocos de separação para cada serviço oferecido respeitando as regras de proximidades.
- Equilíbrio, proporção e simetria
O site traz um equilíbrio de cores, uma harmonia, não cansa os olhos. No quesito porporção, achei meio desproporcional quando você desce a barra, ele se perde um pouco ficando vazio na parte inferior direita. Atrapalhando com isso sua simetria.
- contraste, cores e brancos
Não encontrei problemas com contrate, o site eh super clean, trabalham muito com branco, o colorido ficou para os detalhes, mesmo nas páginas onde o fundo ganhou um tom areia, o contrate ficou super agradável, não encomodando.
- legibilidade /integração
Site super legível, e grande interação com o restante do site através das cores que cada "ícone" traz, você navega.
- Ordem/Consistência/Repetição
O menu oferece um acesso fácil conteúdos. Cada conteúdo representa uma cor, porem as ordem bagunçada. Tudo muito espalhado, acredito que não dá para especificar o que é novo e velho. Repetição não esta presente, cada conteúdo representa uma forma, lazer, noticias, etc. A consistência do site, representa uma boa textualidade para o leitor. Noticias não muito longas, a maioria curtas com mais conforto a leitura.
Interatividade/Elemento de navegação
A interatividade é bem diferenciada, o leitor tem varias opções de escolher. Como entretenimento, esportes, noticias e vídeos. Alem de ter varias escolhas, tem acesso a todos tipo de noticias, noticias de novelas, programação. O elemento de navegação são simples e fácil. O elemento de busca, esta horrível, inserido no rodapé do site.
Elemento Multimídia.
Na parte de vídeo, o site oferece vídeos de noticias jornalistas e novelas. Alem de inserir vídeos noticiários diário, fala também dos mais recentes, favoritos e postados. Na parte de esporte e entretenimento, oferece também artes, cinemas, e outros tipo de postagem.
Luiz Paulo
Simoni
Equipe:Laura Cristina Mattos
Marcelo Klein
Site:Terra
Proximidade/Alinhamento:o site tem um alinhamento baseado em boxes organizados por assunto
e hierarquicamente por importância e provavelmente por maior número de acessos.
Equilíbrio/Proporção/Simetria:os boxes são desproporcionais,não apresentam simetria nem equi-
líbrio visual, aparentemente sem planejamento,os formatos e tamanhos são diferentes.
Contraste/Cores/Brancos:a escolha das cores foi adequada (laranja e branco), porém o excesso
de publicidade polui a estética do site e as cores não foram utilizadas para nenhuma finalidade
aparente, como agrupar elementos que se relacionem ou facilitar ou conduzir o usuário na navegação.
Ordem/Consistência/ Repetição:ao mudar de seção, o site muda visualmente por completo, não apresentan-
do nenhuma consistência ou repetição que o torne mais acessível e dê a sensação de localização ao
usuário.
Simplificação:o usuário não encontra dificuldade em acessar as informações,mas não existe é simples a
disposição delas e a maneira de encontrá-las.
Legibilidade/Integração:a leitura é facilitada pelo uso de letras escuras sobrepostas a um fundo claro
e os títulos são centralizados, mas os rótulos não deixam claro o que é destaque e de que maneira ou
que lógica foi utilizada para a escolha das fontes e cores.
Por - Bruno Lima, Bruno Silveira, Bruna Dove.
www.Terra.com.br
Proximidade / Alinhamento: Todos os conteúdos estão devidamente organizados de acordo com os elementos relacionados. Todos os conteúdos estão separados em Box para facilitar a visualização e distinguir-los.
Contraste: O site possui um contraste para cada subcategoria, mantendo um padrão de cores relacionado com o tema
Ordem / repetição: ao entra em uma sessão os elementos estão sempre no mesmo lugar e sempre repetindo para q o usuário não se perca
Rótulos: Cumprem o seu papel, mas deixam um pouco a desejar no quesito das cores de identificação e seu tamanho para a sessão na página principal
Legibilidade / navegação: É legível e possui certa interação com o resto do site, seqüenciando o nível de cores para cada categoria
Simplificação: o site conta com poucos elementos gráficos e com muitos conteúdos, o usuário pode ter dificuldade de encontra os elementos da home.
Postar um comentário