Nunca encontro o link para mudar para unidades métricas.

Se há uma probabilidade de 80% de chuva, chegamos à conclusão que vai chover. Mostrar apenas um “sim” ao invés de iconografia e cinco linhas de texto significa mais do que economia de processamento humano. É um novo estilo ou um novo refinamento de interface.

Tarefa realizada rapidamente!

Talvez este novo estilo tenha começado apenas como uma piada (Is Twitter down? e depois Can Rails scale?, Is McCain President?), mas podemos citar o Google como o início de tudo. No caso de mecanismos de busca, o principal é o foco na tarefa a ser realizada. Não há nada na interface que distraia o usuário do que ele deve fazer. Qualquer outra informação ganha pouco destaque para apenas quando o usuário procurar por mais informações: links com sublinhados e cores neutras, menus nos cantos da tela.

Semana passada, tive uma dúvida. Faltando apenas meia hora de ir para o Santos Dumont começou a chover muito. Tentei achar algum lugar que informasse se o aeroporto estava aberto ou não para decolagens.  Caí em várias páginas da Infraero: uma me contava a história do aeroporto, a outra era um release sobre as obras de expansão e a terceira era uma tabela estatísticas sobre vôos atrasados por companhia. Nenhuma delas me respondia a um a pergunta tão simples. Finalmente, e com a ajuda de amigos no Twitter, cheguei a uma tela que fazia consultas pelo número do vôo, mas já era hora de sair e desisti.

Não é sempre que estamos pesquisando sobre história da emancipação antilhana ou de ataques terroristas na Índia. Algumas vezes precisamos apenas saber se vai chover, se o vôo vai atrasar, se o Túnel Rebouças está aberto, se a Perimetral está engarrafada… Foco na tarefa, principalmente para nossos dias cada vez mais dependentes de dispositivos móveis. Para estas perguntas, é mandatório que as soluções sejam igualmente simples.

Mais exemplos:

• Helvetica Reader: script para Greasemonkey que gera uma interface mais simples para o Google Reader.
• TAXI: faz o cálculo de corridas de táxi nas cidades brasileiras.
• Down for everyone or just me?
• moourl.com

Artigos relacionados:

• Incentivando a colaboração do usuário
• A terceira onda: O acesso à informação
• Eventos sobre Web no Rio
• Telas splash são inúteis, ou não…
• Não me faça pensar!

No entanto, os dispositivos móveis chegaram de vez ao país. O mercado começou a se preocupar com estes dispositivos com notícias sobre invasão dos iPhones anunciada pela imprensa em março. Ao contrário de celulares e smartphones, o iPhone renderiza as páginas como elas são na resolução de 320 por 480 pixels. O usuário pode usar zoom para aumentar a tela, mas qualquer design de interfaces planejado para funcionar bem em 1024 pixels de largura com fontes pequenas irá tornar a vida do usuário um pouco mais difícil.

O cenário ganha novos players com os subnotebooks de 7 e 8,9 polegadas, como o Asus Eee PC e o Positivo Mobo. É possível redefinir a resolução de tela, mas nestes dois casos o usuário deve preferir manter a definição de fábrica que é 800×600. Ainda estamos verificando que o consumo destes subnotebooks estão vindo da faixa de early adopters de tecnologia, mas o público final, principalmente no Brasil, deve ser a classe C. Lembrando sempre que esta é faixa de consumo em tecnologia doméstica que mais cresce no país.

Seja qual for o público-alvo, fãs de tecnologia ou não, há chances de que sites sejam cada vez mais acessados novamente por usuários com resoluções de tela pequenos. Se for imprescindível trabalhar em 1024 pixels, é fundamental pensar nestes usuários e oferecer a melhor experiência possível.

Possíveis soluções:

• Trabalhar com telas flexíveis, tomando cuidado sempre com a largura máxima e mínima da coluna principal de leitura.
• Fazer versões diferentes da folha de estilo usando JavaScript para verificar resolução de tela. Tenha em mente que é mais provável que o usuário com resolução maior esteja com os scripts habilitados em seu navegador. Aqui você trabalha apenas a parte de grid do seu CSS.

O mais importante: não deixe de testar. Por mais anti-gadget que seja o desenvolvedor, ele precisa conhecer e testar seus aplicativos e websites nestas novas plataformas.

Referências:

• Internet móvel ultrapassará web convencional, diz Google, Folha Online.
• Flexible Layouts: Challenge For The Future, Smashing Magazine.
  

Artigos relacionados:

• Um mesmo site diferente para cada um
• A terceira onda: O design franciscano
• Preservando recursos naturais com desenvolvimento Web
• Usabilidade não limita a criatividade
• Blogs sem RSS? Estou [por] fora!

Leia:

• O post sobre esta alternativa no blog do seu criador.

Artigos relacionados:

• Inventário de bens virtuais
• Diretórios de sites
• Guerra de pixels
• Usabilidade na Webdesign
• Usabilidade não limita a criatividade

Sempre é assim. Algo que nos é familiar ou que faz parte de nossos interesses imediatos são percebidos mais facilmente e nos causam um impacto maior que outros elementos do cenário.

Sabendo disso, podemos dar mais um passo em direção à empatia com nossos usuários. Conhecendo-os bem, você pode listar o que lhe é mais familiar e o que faz parte de seus interesses. De posse desta lista, construir uma interface mais eficiente fica bem mais fácil, acredite!

Sei que muitos designers podem me odiar por falar isso, mas acho que devemos utilizar mais convenções e menos invenções. Carrinhos de supermercado podem não ser os ícones mais fofos do universo, mas não há um usuário na Internet que não os reconheçam como um botão para acrescentar um produto à lista de compras ou ir fazer o check-out. Qualquer esforço contra uma convenção como esta pode custar um cliente em potencial.

Vejamos o caso da Casa & Vídeo. Aquelas sacolas amarelas de gosto duvidoso são uma marca das lojas na vida real, mas para alguém que não conheça a loja irá demorar um pouco para se tocar que aquela é a deixa para o check-out. Serão segundos a mais. Neste meio tempo, o usuário pode desistir da compra. Mas este não é o verdadeiro problema para mim, e sim a antipatia que este usuário pode criar com a loja virtual. É certo que a antipatia é um critério subjetivo demais, ainda mais se for uma antipatia inconsciente, mas não podemos ignorar mais critérios imensuráveis como este, não é?

Artigos relacionados:

• Incentivando a colaboração do usuário
• Que blog é esse?
• Usabilidade não limita a criatividade
• Pelo fim das newsletters
• Sob medida

Leia a:

[...] Penso que utilizamos espaços em branco para focar a atenção dos olhos exatamente no conteúdo. Observe que um site muito congestionado e cheio de conteúdo não atrai a atenção para nenhum lugar. Veja o site do Ibest (http://www.ibest.com.br) que, apesar de organizado, possui muito conteúdo em pouco espaço, dificultando a procura do usuário por assunto que lhe interessam e também “afugentando” os demais que só estão de passagem.A.

Muito obrigada! Mais alguém?

Artigos relacionados:

• E este é o fim do dábliu dábliu dábliu?
• Web 2.1: cautela e canja de galinha
• Não!!! Anúncios no RSS não… muito tarde…
• Lendo posts de cabo a rabo
• Menos… por favor, menos…

Quando somos simples, temos menos problemas para sermos compreendidos. Somos mais amigáveis, mais leves, mais sorridentes.

Por que, então, temos a mania de complicar websites?

Enchemos as páginas com links, e banners, e formulários cheios de campos inúteis. Qual é a razão disso tudo? Será que algum desenvolvedor web achou que iria ganhar mais dinheiro se enchesse cada pedacinho da página com um algo piscante? Ninguém gosta disso. Clientes também não gostam disso [mesmo que ninguém ainda tenha contado isso para eles...]

Espaços em branco são essenciais. Fazem o usuário focar no que lhe realmente interessa [se algum designer estiver de plantão, explique melhor o por quê, pls 8:)]

Obs. Tenho muito medo de aplicar o termo “minimalista”. Tem gente que está usando este termo para limitar a criatividade do designer. Mas se analisarmos o sentido primordial do minimalismo, é mais ou menos sobre isso que este texto trata… 8:)

Obs. 2: Agora você pode me ver andando pelas ruas de sandálias baixas, calças confortáveis, bata e cabelos ao vento. Só não abri mão dos penduricalhos. 8;)

Artigos relacionados:

• Sobre a usabilidade em listas de discussão
• Os paradigmas da navegação off e on line
• A propedêutica da dialética paradigmática
• Velox: a tortura diária
• Como achar algo nesta bagunça?

Você sabe quando alcançou a perfeição no design, não quando não tem mais nada a acrescentar, mas quando não tem mais nada para retirar.
Antoine de Saint Exupéry

Artigos relacionados:

• Não me pergunte mais nada!
• Tornando o RSS mais amigável
• O que é isso aqui?
• Vixi, mas que letrinha miúda!
• 1º Encontro Carioca do Movimento BLS

Quando criei este blog, achei um template azulzinho básico que serviria bem para os meus propósitos. Fiquei postando toda feliz e quando estava sem nada para fazer, ia até a home do Blogger e clicava de modo aleatório num link da lista Flesh Blogs para ver qual era. Várias vezes me deparei com aquele mesmo template azulzinho básico e ficava com cara de tacho.

Experiência visual também é muito importante no blog.

Em qualquer site, antes de começar a ler, o usuário vai perceber e identificar o site pelas cores, gráficos e outros elementos visuais. Se ele entrar e encontrar o template azulzinho básico, ele pode pensar, em uma fração mínima de segundo, que ele já esteve lá antes e pode criar anticorpos antes mesmo de começar a ver que o teu conteúdo é legal.
[Seja sincero: você já fechou uma janela de blog em menos de 5 segundos por que pensou que já esteve naquele blog antes e achou uma droga? Analisando friamente agora você tem certeza mesmo que já tinha realmente estado lá?]

Blogs tendem a parecer todos iguais. Fuja disso!

Se você tem alguma experiência com um photoshop ou dreamweaver da vida, crie a sua própria experiência visual. Se não, tem um monte de blogs que fazem templates. Segue uma listinha básica:

• Cristal Layout Shop é o site da Carla, que passou por este blog aqui e deixou um recado super legal 8:)
• tem bastante coisa no Blog Templates
• Templates 4 Free tem uns templates clean… cool… hehe… cool…
• o SweetShop é muito fofinho, tem um de papel de carta coreano, cutchuco! 8:)

Tenham cuidado apenas com os templates que exageram nos gráficos e nas letrinhas miúdas. Ficar lendo blog com um scroll monstro e letrinha minúsculazinha, que nem este blog aqui, com um boneco de background pode ser extremamente desagradável.

Artigos relacionados:

• Exceções às regras [que não existem]
• Scroll monstro: O terror dos blogs
• Você tem um blog? Ah, legal… é sobre o quê?
• O site que vai do freezer ao microondas
• Que blog é esse?