Ontem, dia 19 de maio, começaram as aulas de Arquitetura de Informação na Web que estou lecionando para a pós em Gestão da Informação no IEC.
Enquanto isso, fechando os diários da turma de Design de Interação para a disciplina Usabilidade e corrigindo os trabalhos da disciplina Multimídia para a Web e já revisando o material para as aulas de Projeto de Interfaces Gráficas para a Web do curso de Desenvolvimento de Sistemas para a Web; tudo também no IEC.
Como se não bastasse, elaborando a curta apresentação de sábado para o iMasters Interact 2009. Penso em tratar o tema: “Usabilidade e DCU não quer dizer sites feios ou caretas”. O que acham? Aguardo sugestões de abordagens e links.
Oi Caio.
Curti o tema para o Interact. Como o evento é de “criação”, a maioria da garotada lá deve ser da área de design.
Acho que você mostrando que dá para fazer MUITO do que o flash faz com, por exemplo, javascrit não-obstrusivo, o mundo já será um lugar melhor.
Até!
Flash não é vilão
Dá para ter boa usabilidade, arrumando alguns problemas, como deep linking e habilidade de usar o botão back (SWF Address). Há sites em Flash que são melhores que muito site em HTML.
http://www.hoodieremix.com/
http://www.kontain.com
—
Preguiça
Acho que um defeito de muito designer é a preguiça de tentar várias abordagens a um problema. Eu me incluo, infelizmente, nessa lista. Nem sempre a primeira opção é a melhor opção.
http://jasonzimdars.com/svn/highrise.html
—
Modismos
Não é porque está na moda que você tem que usar. Lembra do Flash intro? Os clientes adoram dizer que queriam uma entrada animada porque viram em um site e queriam igual. O problema do modismo é que o site fica “datado”. Se tem alguém que ainda usa botões Aqua, está na hora de parar. Hoje eu aponto o uso exsgerado de javascripts como um dos pecados.
http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/
—
Wireframes
Um erro que vejo é usar os wireframes gerados pelo “pessoal da usabilidade” como base do layout. Sem ofensas, mas as empresas de usabilidade entende de usabilidade, mas nem sempre de design. Acho uma m*rda quando vem aquela recomendação de apenas deixar o wireframe bonitinho, arrumando cores e imagens. Esse é o caminho para um site careta.
—
O usuário nem sempre tem razão
O usuário é o cliente, e ele nem sempre tem razão. Uma chave para sites criativos é conhecer todas as regras e quebrar algumas delas. Ouviu falar da polêmica saída do Douglas Bowman do Google?
Às vezes é preciso deixar um pouco de lado os resultados de testes e usar a sensibilidade do designer.
http://stopdesign.com/archive/2009/03/20/goodbye-google.html
—
Sei lá, Caio, esse assunto é polêmico. Dá para falar sobre o assunto por várias horas. Se vira aí.
Motivos para não se usar Flash:
- Não há necessidade;
- Não é uma tecnologia aberta;
- Animações incomodam;
- Os bots, como o Google, não o entendem e isso prejudica o SEO;
- Os plugins, como o Greasemonkey, não o entendem;
- Outros programas não o entendem, o que prejudica a extração de informações (não dá nem pra copiar o conteúdo pra área de transferência!);
- As fontes ficam minúsculas no meu monitor e não dá pra aumentá-las;
- O site fica dezenas de vezes mais pesado do que o necessário (se eu vejo a mensagem “Loading flash” eu fecho a página na hora);
- O Flash é suportado em poucas plataformas;
O que usar em vez do Flash?
- Bom senso;
- HTML puro, bonito e estático;
- GIF animada ou MNG;
- DHTML;
- Javascript;
- SVG;
@Caio César
Nessas aulas, vocês usam algum programa para fazer os wireframes/protótipos?
@Fábio:
dá pra fazer wireframes mais bonitos esteticamente, sem cara de rascunho, usando programas como o JustInMind Prototyper. Inclusive, podem ser trabalhados pelos designers, e nao só pela equipe de usabilidade. Isso ajuda os clientes, que muitas vezes nao tem a capacidade de abstraçao necessária para entender o projeto.
Alex, sou fã do papel e lápis. As melhores ferramentas para wireframes e protótipos lo-fi.