Complicado

www.correios.com.br

Milhares e milhares de sites e blogs estão empurrando produtos e serviços para usuários que só querem, por exemplo, enviar um telegrama!

A internet em geral está sofrendo de Overtising(over + advertising = excesso de publicidade ou uso de publicidade de maneira inadequada).

Como as coisas acontecem no mundo físico.

Vamos dar uma olhada geral no mundo real para tentar compreender o mundo virtual.

Imagine-se num açougue, você está lá comprando as carnes para seu churrasco de domingão e ao pedir Picanha o açougueiro pergunta se você não gostaria de levar também uma bicicleta. Você poderia sim, até estar querendo comprar uma bicicleta, mas quantos clientes o açougueiro não frustrou com essa tentativa impertinente de venda de um produto que foge de sua especialidade?

É muito chato ter produtos e serviços empurrados, até mesmo os que você precisa! Ninguém gosta de entrar em um local cujos atendentes estão mais focados em vender do que em entender suas necessidades.

O processo de “seleção natural dos comércios”, ao longo de anos e anos, faliu empresas cujo leque de serviços e produtos era muito aberto, isso fazia a qualidade cair, logo, os clientes começaram a freqüentar locais que ofereciam menos produtos e serviços, nesses locais eles tinham um melhor serviço prestado e um produto de qualidade superior.

Se no mundo físico não funcionou, no virtual funcionará?

Com certeza não. Porém dói menos frustrar usuários que você não atende pessoalmente e que precisam do serviço/produto que você oferece, ai as empresas, portais e blogs abusam.

Muito portal tira seu sustento da publicidade, muito blogueiro trabalha exclusivamente para oferecer conteúdo de qualidade a seus leitores sem cobrar nenhum centavo, nesses casos eu acho bacana a publicidade se usada com moderação.

Já em um site como o dos Correios, esse tipo de publicidade é ridícula e só serve para piorar a experiência de navegação do usuário, talvez eles tivessem um melhor retorno se investissem na qualidade do atendimento.

Você foi bem atendido quando precisou do site dos Correios ? Quer opinar sobre o artigo?

Participe!

Sempre quando a coisa está fod… aparece mais uma coisa pra fod..

Uma briga que existe já ha algum tempo é a do “quando usar Flash ou (x)HTML“. Percebe-se que grande parte dos desenvolvedores encontram-se confusos quanto ao uso dessas tecnologias.

Para confundir ainda mais surgiu popularizou-se o Ajax, muito bacana também se focado no usuário e usado de forma não intrusiva.

Ele é fácil de entender/aprender e o negócio acaba ficando divertido, o que acaba fazendo os desenvolvedores abusarem da tecnologia conjunto de tecnologias que existe faz algum tempinho porém ganhou nome há pouco.

Quando usar Ajax então?

Essa pergunta é bem fácil de responder, mas nem tão fácil de ser colocada em prática:

USE AJAX QUANDO FOR NECESSÁRIO, QUANDO A EXPERIÊNCIA DO USUÁRIO SE TORNAR MELHOR COM ELE.

Hoje o que se vê na web são desenvolvedores aprendendo a “tecnologia” e aplicando somente porque aprenderam, isso acaba piorando a experiência de navegação do usuário ou no mínimo, produzindo mais código(inútil).

E o que tem a Microsoft a ver com isso?

Eu gosto bastante de pegar grandes corporações como exemplos, para mostrar que os erros não acontecem somente com profissionais menos experientes ou em agências “fundo-de-quintal”.

Clique na imagem abaixo para ver o printscreen do site da Microsoft em tamanho real junto com meus apontamentos:

No site da Microsoft o Ajax foi utilizado - dentre outras coisas - para encolher o menu. Você consegue me dizer porque um usuário sentiria a necessidade de encolher o menu do site da Microsoft? Por que você encolheria o menu? Por que eu encolheria o menu? Ó céus!

Jonas, e aqueles seus apontamentos sobre as barrinhas de busca?

Você pode observar também no printscreen acima, uma barra de busca de mentirinha, que o designer - muito criativo - resolveu colocar ali para fazer propaganda do Microsoft Live Search. Será que um usuário leigo, ou um usuário mais distraído não clicaria ali para buscar algo pensando ser a barra de busca de verdade?

Em todo caso, encerro este post com a dica:

Descomplique o máximo que puder, sempre.

Junto com os comentários que você vai deixar, por favor me informe se você quer a continuação do artigo sobre “A usabilidade na redação para web”, se quer um artigo diferente ou se prefere a análise de mais um site corporativo.

Se acha legal os três, por gentileza coloque em ordem de importância, tentarei seguir suas preferências aqui no Complicado.

Obrigado! E..

Participe!

–

ATUALIZAÇÃO(7 de novembro de 2007).

Marcelo Linhares: “.. o correto seria falar que está sendo utilizado um efeito em javascript desnecessário, ou então um recurso DHTML (JavaScript+CSS+Html)..” Veja o comentário completo.

Isso mesmo! VOCÊ se deu bem!

No post anterior falei que ia dar um convite para o WA²IU(1º WorkShop de Arquitetura de Informação, Acessibilidade e Usabilidade) pra quem formasse o complemento mais criativo para:

Complicado mesmo é:

Foram diversas frases, todas excelentes, ai ficou realmente bem complicada a minha situação, como escolher a melhor e como ser justo com os outros participantes da promoção que foram igualmente criativos?

Então fiz o seguinte:

Escolhi as 6 frases mais criativas(com base nos meus gostos pessoais), dei um número para cada uma e joguei um dado, a frase ganhadora foi:

“Complicado mesmo é… ganhar o convite e chegar atrasada por causa da má usabilidade do teclado do elevador!”

A frase acima foi criada pela Daniela, parabéns sortuda! Em breve chegará em sua caixa de e-mail as instruções para receber seu convite.

Ok, mas você tinha dito logo no começo do post que eu tinha me dado bem, Jonas, que palhaçada é essa? Eu não me chamo Daniela!

Calma que eu te explico.

Como todas as frases foram boas e até gente que nunca tinha comentado no blog resolveu comentar, participar e entrar na brincadeira, nada mais justo do que dar um “Prêmio de Participação”.

Então parabéns à você que participou da promoção também! Seu prêmio será de R$10,00 de desconto no convite para o WA²IU, basta, na hora de se inscrever, dizer que é visitante do blog Complicado!

Parabéns pra todo mundo e muitíssimo obrigado por terem feito dessa promoção algo super bacana, fiquei muito contente MESMO!

ENORME abraço pra todos vocês!

E comentem!

Este que vos escreve faz 21 aninhos hoje, e, como nas propagandas mais criativas do planeta..

QUEM GANHA O PRESENTE É VOCÊ!

Qual é o melhor presente para o usuário? (você é usuário deste blog, não é?)

A facilidade de uso.

Então agora, você, usuário do blog Complicado poderá acessar este pelo novo endereço: www.complicado.com.br

Mais fácil, não?

E TEM MAIS!

Dia 10 de novembro acontecerá o WA²IU, 1º WorkShop de Arquitetura de Informação, Acessibilidade e Usabilidade! E eu quero você lá!

O endereço do hotsite do evento é: www.waiu.com.br (não reparem na usabilidade, eu fiquei responsável por essa parte, fiz as recomendações todas bonitinhas, mas não estão tendo tempo de implantar, a correria tá grande )

Como a grana tá curta pra todo mundo, estarei sorteando um convite aqui, basta você deixar na área de comentários o complemento para esta frase:

Complicado mesmo é:

Quem for mais criativo, GANHA!

Quem quiser participar e não puder comparecer ao evento, poderá escolher outro vencedor para ficar com o convite.

Participe! Complicado mesmo é: Ficar fora dessa! (O resultado da promoção já saiu)

Não, você não bebeu de mais, na imagem acima há uma vaca defecando no nosso blog!

Sabe quando você se depara com um site horrível, difícil de usar, ou um blog com conteúdo muito ruim, ai logo surgem pensamentos maldosos na sua cabeça como: “Queria que um meteoro caisse nesse site,” ou “Bem que uma vaca poderia cag&%r em cima dele”?

Não? Sou só eu que penso assim?

Bom, mas enfim, há um site muito bom que coloca tudo quando é pensamento “do mau” em prática, chama-se NetDisaster.

No site, basta você digitar o endereço da vítima, escolher entre os inúmeros atos maldosos, a forma de destruição, forma de controle(por exemplo, clicar com o mouse no local do site que se quer destruir) e se prefere o desastre com som ou não. Mas atenção, nem todos os desastres possuem todas as funções.

Para quem não sabe inglês, logo abaixo do site você pode alterar para a versão em português.

Ok Jonas, e qual você indica aqui pra nós?

Uma opção que achei muito interessante foi a Bomba aspira textos(na versão em português do site) ou Text Sucker(versão em inglês). Ambos os links levam para o “sugamento de texto” deste blog, que eu, particularmente, acho que não merece desastres

Verifiquem pela janelinha da “bomba sugadora de textos ” que as palavras que passam por ela é exatamente as que haviam no blog, muito legal o negócio.

Vale a pena conferir também a descrição dos desastres.

Bem, é isso, usem com moderação e de preferência não no Complicado!

Achou legal?

Quer nos dizer qual sites “destruiu” ou gostaria que fosse destruido de verdade?

DEIXE SEU COMENTÁRIO!

http://www.powerballbrasil.com.br/

Para quem não conhece, a Powerball é um aparelho de exercício para fortalecimento, reabilitação e tonificação dos músculos dos braços, ombros, dedos, pulsos e mãos. Utiliza o princípio da força giroscópica, quanto mais rápido movimentá-la, mais força é preciso fazer. Não causa impacto nem requer pilhas ou baterias.

Um problema freqüente em usuários que trabalham muitas horas por dia no computador são as dores no braço, ombro, cotovelo, pulso, enfim, uma combinação de tudo isso ou algum problema isolado e quem não tem nada disso um dia terá, não estou jogando praga não, mas a probabilidade é grande.

Comprei o produto, testei, aprovei e hoje além da análise de usabilidade vocês ficarão com a dica desse “brinquedo” excelente desenvolvido pela NASA.

Eu trouxe mais uma novidade também. Vou tentar dar mais uma inovada no blog e separar as críticas por tópicos de cores diferentes, se algo no site estiver bom, o título do tópico será verde, se a usabilidade estiver comprometida, o título será vermelho, espero que gostem da novidade, assim creio que os posts ficarão mais organizados.

Mãos a obra:

1. Animações desnecessárias

O site inteiro possui animações sem sentido, exceto as animações explicativas sobre como executar os exercícios com a Powerball, as demais são inúteis e dispensáveis.

Usuários entram em sites para executar tarefas, não para apreciar seu design e suas animações, aliás, pesquisas mostram que animações gratuitas irritam os navegantes.

Flash distrai a atenção do usuário para coisas menos importantes do que o conteúdo do website, com certeza um cliente interessado em comprar a Powerball fechará negócio com o site que apresentar as informações que ele precisa de forma eficiente, Flash nunca foi e nunca será motivo para um cliente comprar seu produto, a não ser em casos muito específicos.

O design de um site que vende precisa apenas ser profissional, não necessita de efeitos nem qualquer coisa que desvie a atenção do usuário ou possa prejudicar a acessibilidade do projeto.

Se você vende algo, invista em uma redação bem elaborada e persuasiva, invista em fotos profissionais de seu produto, depois volte aqui e conte-nos o resultado.

2. A página “Quem Somos”

Qualquer pessoa hoje consegue colocar um site no ar para vender o que bem entender, o problema é saber quem está por trás do negócio, se é apenas uma criança ligada a tecnologia que pelos pais terem cortado a mesada resolveu se envolver em um site de comércio online ou se é, no exemplo da Powerball, uma empresa com anos na área de marketing esportivo e com direitos exclusivos de distribuição do produto, que fará a entrega no prazo certo e dará o suporte que você precisa.

Na página “Quem Somos” da Powerball não encontramos, como em muitos websites, um texto do tipo “vencedora do miss universo” nem textos genéricos - e inúteis - do tipo “vendemos um produto diferenciado, que visa satisfazer as necessidades dos clientes mais exigentes, blablablablabla”.

Poderia ser uma página mais completa, mas está melhor do que muitas por ai.

3. Imagens que não representam o exercício

As três últimas imagens da página de exercícios estão erradas, representando algo diferente do que é explicado e apresentado na animação, foi claramente resultado da desatenção do desenvolvedor, é difícil achar erros no próprio projeto por isso sempre que possível mostre o site para alguém de fora do negócio, pode ser que ele ache algum erro que você não percebeu.

Se você trabalha em uma empresa que tem condições de contratar um analista de usabilidade, faça isso. Deslizes sempre acontecem e grande parte deles um bom profissional de usabilidade em meio às suas atividades acaba descobrindo.

4. Páginas “Em breve” não são nada legais

Se a página não existe, o melhor a fazer é não colocar referências à ela no website, se for inevitável é de bom gosto dar algum suporte ao usuário que porventura cair naquela área.

Principalmente no site da Powerball que foca a venda de um produto, o “em breve” pode espantar um cliente que, por pensar que o site está em construção, não conseguirá atende-lo no mundo físico como não conseguiu no mundo virtual. “Um site em construção não é confiável para se fazer negócios” (frase constantemente ouvida em testes de usabilidade com usuários).

5. Não se pode clicar nas notícias para obter mais detalhes

Na notícia: “Visite-nos na Adventure Sports Fair - De 22 a 26 de Agosto na Bienal do Ibirapuera - São Paulo SP”, por exemplo, a empresa pede para o usuário visita-la no evento, mas não ajuda os usuários a obter informações extremamente importantes. Como faço para chegar lá? O que mais acontece nesse evento? Eu deveria mesmo ir? Por quê?

Por hoje é só pessoal, tentarei no próximo post escrever um artigo sobre a usabilidade na redação para a web, não percam!

E claro, não deixem de comentar!

www.wordpress.com

Para quem não sabe, o WordPress é a plataforma de blog utilizada aqui no Complicado. Milhares de pessoas no mundo todo com diferentes níveis de intimidade com a internet também usam esse serviço para expor suas idéias e o que mais vier na telha, logo, o WordPress precisa ser algo bem fácil de usar para que todos possam tirar proveito sem ter de se desgastar muito.

Como todo projeto que vemos na rede, ele tem diversas falhas, mas hoje em especial acordei feliz e com vontade de apontar algo bom em algum site e lembrei da mensagem de erro deste excelente sistema. Para facilitar a leitura da mensagem abaixo basta ampliar a imagem:

O que tem de mais nessa mensagem de erro ai em cima?

Evidentemente não é a mensagem de erro ideal, está em inglês!

Mas é uma mensagem de erro melhor do que 99,9% das mensagens que vejo por ai na internet, essa mensagem apesar de não estar no idioma adequado para meu país, explica o problema, em linguagem técnica, que deve ser evitada ao máximo, mas no caso do WordPress não é nada que dificulte muito a vida do usuário leigo, ele saberá que tem algo em manutenção mesmo que não tenha idéia do que seja um servidor.

Na mensagem o usuário por mais leigo que seja, terá ajuda para se recuperar do erro, tem ali as instruções. What do I do?

Sempre que pudermos temos de prevenir os erros, mas se o negócio for inevitável, ai vão algumas dicas:

BOAS MENSAGENS DE ERRO:

1. Linguagem clara, sem códigos, coisa que qualquer pessoa entenda o que ocorre, qualquer pessoa MESMO
2. Depois de ler a mensagem o usuário deverá ser capaz de compreender o que se passa e resolver o problema
3. Nada de culpar e/ou ameaçar o coitado do usuário, não precisa fazer mensagens de erro bobas e alegres, faça algo que combine com o estilo de linguagem do seu site e não se torne chato para a maioria de seus visitantes.

Hoje vou dar um dever de casa pra vocês desenvolvedores, caprichem nas mensagens de erro 404(página não encontrada) dos seus sites e venham aqui postar. Sem preguiça! Só seguir as 3 regrinhas básicas que dá tudo certo.

Quem seguir o exemplo do wordpress vai apanhar.

Abraços e até o próximo post! Comente!

–

ATUALIZADO(13 de Setembro): Eu - imbecilmente - quando escrevi este post ao invés de tirar um print screen da tela de erro(404) acabei colocando um link direto para a página, resultado, o WordPress vai ficar mudando a página e cada vez que alguém visitar aqui pode ser que ela esteja diferente. Na época em que este post foi feito a tela aparecia totalmente branca, escrito 404 no canto esquerdo superior em fonte pequena.

www.sensible.com

Grande Steve Krug.

Em 1989 após 10 anos escrevendo manuais de computadores Krug mudou completamente seu rumo e entrou de cabeça na área de usabilidade e design de interfaces, assim, segundo ele, poderia ao invés de explicar os problemas, tentar resolvê-los(poético, não?).

De 89 pra cá Steve trabalhou para empresas como Aol, Apple, Nestscape e escreveu um maravilhoso livro sobre usabilidade - o mais vendido no mundo, diga-se de passagem - chamado “Don’t Make Me Think“(Não me faça pensar).

Ok, ele está na lista dos melhores e mais conhecidos profissionais da área, escreveu o livro sobre usabilidade mais vendido no mundo. O livro é ótimo, eu mesmo li em torno de 7 vezes. Mas será que ele aplica pelo menos o conteúdo de sua obra no próprio site? Será que o site dele tem falhas de usabilidade?

Vamos ver?

Logo que abrimos o “Sensible” - pelo menos quem é da área do design - se sente um pouco incomodado com os títulos ora em imagem ora em texto, observem abaixo:

Padrões são fundamentais para a percepção de qualidade de um produto, imaginem um suco - daqueles artificiais de garrafinha - se cada vez que você comprar vir em uma tonalidade diferente, fica estranho, não? O site do Steve da um ar de site relaxado, feito às pressas e sem comprometimento, será que ele também trabalha assim?

Mas tudo bem, digamos que esses “detalhes” não irão interferir nos lucros dele.

É hora de tentar uma tarefa bem comum, entrar em contato!

No menu não tem o link direto para o contato então cliquei no nome dele e fui para a página “about”. O estranho é que lá encontrei 2 erros, um grave e um outro erro que atesta o descomprometimento com o site.

Vejam:

O 2006 ali embaixo eu não vou nem comentar.

Mas o “pull this string” com link para programa de e-mail é vergonhoso no site de um especialista em usabilidade, Steve Krug que me desculpe mas cliente nenhum gosta de clicar em links e ser levado para programas de e-mail. Custava muito um formuláriozinho ali? E o e-mail cadê? E se eu quiser somente anotar o endereço para entrar em contato depois, sei lá, o e-mail precisa estar visível ao usuário!

No livro Krug fala de convenções, uma delas é inserir o link para a home(página inicial) no logo do site. Nesse endereço isso não acontece: http://www.sensible.com/secondedition/index.htm, o menu indica para o usuário que ele está na seção The Book do site, se ele quiser ir para a home clicando no logo, a página simplesmente é recarregada.

Em “Não me faça pensar” lemos também sobre a importância do CSS(cascading style sheets), porém, lamentavelmente o site é todo construído em cima de tabelas e a formatação não é separada do conteúdo, ou seja, de CSS nem sinal, absolutamente nada.

Complicado seguir à risca o lema: Faça o que eu digo mas não faça o que eu faço.

Fiquei desapontado com tudo isso.

Chegamos ao final do post. Este texto fiz com base nos 5 ou 10 minutos de navegação pelo site do Steve Krug, se alguém encontrar algo estranho que eu não encontrei nessa pequena visita, por favor comente!

Grande abraço e até o próximo post!

www.diogomenezes.com

Ok, vocês estranharam o título e esse site ai em cima, acertei?

Explico já.

O Diogo é um visitante do blog e me encontrou em uma dessas listas de discussão web por ai, ele está fazendo sua monografia e o tema é a reestruturação do próprio site.

Para ajuda-lo estou postando esta análise, depois se vocês tiverem mais algo a comentar, por favor.

Começando…

Logo na imagem que inicia este post percebemos que o Diogo inseriu um menu bem debaixo do título do site dele, ali há dois problemas, os links não parecem com links e estão onde seria o lugar de um possível slogan. O ideal seria separar bem o que é título do que é o menu, do jeito que está fica confuso e não ajuda nem um pouco na usabilidade. Aliás todas as áreas de qualquer site devem ser muito bem demarcadas, tudo sempre tem de ser muito claro para o usuário.

Falando em menus, a imagem abaixo mostra outro problema:

Temos inúmeras páginas pela internet, certo?

Aham.

Todas são idênticas?

Não.

Qual é o problema então de uma página ser diferente da outra?

DESORIENTAÇÃO.

Sim esse é o problema mais comum para os usuários tanto “ocasionais” como “experts” da web, por isso coloquei em letras GARRAFAIS e até negritei a palavra.

Com cada página funcionando de um jeito e essa maravilhosa possibilidade de cada um usar o site da maneira que bem entende, o lado do desenvolvedor fica complicado porque - sem testes de usabilidade e um especialista para auxilia-lo - é difícil saber como o usuário vai interagir com aquele sistema e criticar o próprio trabalho. O lado do usuário automaticamente complica também, cada novo site requer um novo aprendizado.

Como facilitar a vida do usuário, como ajuda-lo na sua orientação pela página?

Usabilidade é uma área bem complexa, mas há procedimentos que qualquer um pode fazer e entender, como deixar bem evidente para o usuário em que página ele está.

Lembram do menu? Eu estava na página inicial porém o menu não me orientou, se eu quisesse clicar em “principal” a página seria recarregada na minha tela. Seria ali o conteúdo principal, a página inicial, o que teria naquele link? Será que eu já estou visualizando o “principal”?

Quanto a nomenclatura eu pessoalmente não vejo problemas, porém o auxílio na orientação do usuário pode ser feito de maneira bem simples, basta destacar no menu a palavra referente a página onde o visitante se encontra e impossibilita-lo de clicar ali sem necessidade, tirando o link.

Chegamos ao final de mais um post, mais uma pequena análise.

Gostaria de agradecer à todos pelas visitas e informar que hoje quebramos mais um recorde de audiência e isso ocorreu às 2 da tarde, ou seja, até meia noite ainda tem chão. Fiquei realmente muito feliz

Diogo, está ai sua pequena análise, o resto vou deixar por conta do pessoal, ok?

Comentem!