Design centrado no usuário

Na aula de ontem fizemos uma viagem no tempo, passamos a conhecer como ocorrreu a evolução dos profissionais até chegar aos atuais produtores de mídia e as mais variadas funcões no meio da comunicação, e suas respectivas peças multimídias que estamos aptos a desenvolver.

Logo após vimos alguns princípios de design interessantes que devem ser aplicados sem mais em todo e qualquer projeto de comunicação seja ele impresso ou digital, onde citarei alguns deles:

Proximidade / Agrupamento

ítens de um mesmo contexto devem ser apresentados com uma certa aproximação, o usuário quando analiza esse material tem essa persepção de proximidade e consequentemente também entende que formam um grupo. Por isso não tenha medo dos espaços em branco muita gente tem esse pensamento que está faltando algo alí, mas muitas vezes esses espaços são justamente para poder identificar determinados assuntos e determinar onde começa e onde termina esse conteúdo.

Alinhamento

A questão da indentação (alinhamento) é outro quisito de grande importância para que o usuário defina e faça uma identificação da interface desenvolvida, e também para conceituar de forma mais rápida em sua mente a direção do conteúdo e facilidade para encontrar o mesmo.

Repetição

Este assunto aborda muito a parte de navegação mesmo, a importância de um menu estar posicionado num lugar fixo, elementos que fazem relação com determinado assunto, por exemplo um marcador de tópicos, ícones ou até mesmo cores, na prática seria basicamente o portal do Globo.com que é bastante visível esta questão da utilização de cores para definir a sessão a qual o usuário se encontra, onde as chamadas de notícias na página principal se encontram em vermelho, já para o esporte é verde e assim por diante, ao navegar num site que apresente este tipo de recurso o usuário começa a se adaptar com essas informações visuais.

Contraste

Ouse nas cores, apesar de muitos gostarem daquele efeito metálico com aqueles textos em cinza mais escuros belíssimos, existem pessoas que tem uma certa dificuldade para enchergar esse tipo de coisa, um outro ponto é facilidade de leitura, já que a leitura na tela é bem mais incômoda devido as luzes que o monitor produz, diferente de um material impresso.

Fizemos um estudo bem detalhado do portal da Glogo.com que realmente inovou em conceito de portais com toda aquela estrutura clean mas bastante funcional, além de fazer algo que se preocupasse com o usuário final, ainda teve economia no tráfego do servidor devido a simplicidade nos elementos da página. E o mais impressionante foram contratados excelentes designers de interface onde a característica principal dos seus portifólios eram justamente o 3d e o uso da fotografia, confira alguns trabalhos aqui e nos favoritos dele tem muita gente da equipe que desenvolveu o portal.

No mais ainda fica uma dica de leitura o Livro: Design/Web/Design que publicado numa versão Source do autor Luli Radfaher pode ser feito o download em seu blog. Comecei a ler ontem, mas assim que concluir preparo um release do livro.

Brainstorm

Foi com enorme satisfação que fui informado que a disciplina deste semestre de Fundamentos de Design para Web seria ministrada por José Alves (Juninho), para quem ainda não conhece é atual sócio e diretor de criação da Agência Rits, a qual tenho enorme admiração desde muito tempo (do início da agência).

Nesta aula de apresentação do curso ele deu uma pincelada sobre o motivo de estudar-mos esta disciplina, não sendo apenas aulas de ferramentas com Fireworks e Photoshop como muitos esperavam, seria algo realmente teórico, como entitulado na disciplina Fundamentos de Design para Web, tendo sempre esta ênfase. As ferramentas server apenas para colocar em prática o embasamento que é recebido através desses estudos.

Nesta aula ainda vimos um case da agência, o belíssimo projeto da Pizzaria Reis Magos, aplicamos neste estudo uma etapa comum em agências o Brainstorm sendo ela peça fundamental para a criação, pois é neste momento que é definido os elementos que irão ser trabalhados, e o principal, a definição dos objetivos que aquele portal deve atingir com relação a identidade visual. Foi questionado para a turma o que seria lembrado ao ouvir Pizzaria Reis Magos e então cada aluno iria dizendo elementos relacionados: Pizza, cozinheiro, mesa quadriculada, vinho, sabor, conforto… e assim por diante, tendo várias outras rodadas e a cada giro uns elementos iriam lembrando diversos outros e especificando ainda mais elementos relacionados a pizzaria. Finalizando a aula ele mostrou os vários elementos do site, as cores e texturas que remetem sempre ao ambiente da empresa e o seguimento.

Próxima aula veremos Tipografia, que por curiosidade o termo Fonte foi aplicado pela Microsoft em seu sistema operacional e utilizado para definir o tipo de letra por muitos até hoje, mas quando for referênciar estilo de letra o correto é utilizar o termo Tipografia, no próximo artigo mais sobre o assunto =)