Marco Gomes

“Atividades simples precisam permanecer simples”

A frase é de Jef Raskin, ele disse também que atividades complexas até podem necessitar de interfaces complicadas (isso é discutível), mas não há motivo para complicar atividades simples como ajustar a hora de um relógio, tente no digital e no analógico (de ponteiros) pra entender o que ele diz.

Listo abaixo algumas questões a esse respeito.

Videogame

Com o Super Nintendo você pegava o cartucho, enfiava no videogame desligado e ligava o aparelho. O jogo aparecia e em poucos segundos você já começava a jogar. O controle tinha 8 botões e um direcional.

O PlayStation 3 exige que você aguarde por vários minutos a instalação do jogo, às vezes o processo leva horas. Quando a instalação termina e você acha que finalmente vai jogar, pode ser necessário aguardar novamente o download de gigabytes de atualizações.

O processo entre colocar o disco no videogame e jogar pode levar muitas horas, Fernando Mafra reclamou por esperar o download durante dias, culpa da conexão instável com a Internet e a impossibilidade de executar o jogo sem todas as atualizações. O controle tem 11 botões, sendo 2 deles sensíveis à quantidade de pressão aplicada, 1 direcional e 2 manches (joystick analógico).

O X-Box não é muito diferente.

O Wii, pra sorte dos jogadores casuais, não tem muitos dos problemas descritos acima :)

Home video

Nos anos 90 você pegava a fita VHS, enfiava no aparelho e o video era executado. Caso precisasse interromper a atividade antes do fim do filme, era possível retirar a fita, que manteria seu estado, e quando colocada novamente em qualquer aparelho de videocassete, retomaria o filme no exato ponto onde foi interrompido. Controle remoto era um conforto opcional, não uma obrigação.

Pro DVD/BluRay é até complicado fazer uma descrição. Você é obrigado a ver avisos anti-pirataria, animações entediantes entre as várias telas do menu, escolher idioma de áudio, sistema stereo ou 5.1 DTS, idioma da legenda. As interfaces não são padronizadas, às vezes é dificílimo levar o cursor pra opção de legenda que você quer, isso quando o cursor não é quase invisível por conta das inúmeras animações acontecendo na tela. O controle remoto é obrigatório.

Telefone

Havia um disco, você tirava o fone do gancho, girava o disco na sequência de discagem, a ligação acontecia.

Hoje precisamos desbloquear o aparelho, abrir a aplicação “telefone”, muitas vezes nos digladiar com um touch-screen que nem sempre se comporta como esperamos. Além disso, é preciso ter muito cuidado pra não interromper a ligação ao esbarar num desses microbotõezinhos escondidos em todos os lados do aparelho.

O que aconteceu?

Há inúmeros exemplos parecidos no cotidiano, como automóvel, TV, máquina de lavar, forno, entre outros.

Eu sei que os aparelhos ganharam novas funções, o videogame exibe filmes, o telefone acessa a Internet (epic win), a máquina de lavar enxagua e centrifuga. O ponto é: o que era simples, como falar com alguém, jogar, ver um filme, precisava ficar complicado?

Sempre foi assim? Sempre complicamos coisas que eram simples e eu não percebia?

Estamos ficando mais estúpidos pra projetar as interfaces do dia-a-dia?

Como vendi R$: 2200,00 em poucas horas, com apenas 1 twitt e sem ter dezenas de milhares de seguidores.

Você pode conseguir também, usando o AdBird pra anunciar produtos no seu Twitter, clique aqui.

O Twitter é uma ótima ferramenta para viralizar conteúdo e conseguir participação de usuários. Talvez pelo perfil dos early adopters, que ainda são maioria dos usuários ativos do Brasil e estão mais dispostos a participar e colaborar online.

O case com vendas no Twitter

Eu tinha pouco mais de 3600 seguidores na época que fiz esta experiência, boa parte deles se interessava por itens de cultura nerd e geek, como eletrônicos, Star Wars, quadrinhos, fantasia medieval.

No fim de uma noite postei no meu Twitter a mensagem abaixo:

post original

Algumas horas após ser publicada, esta mensagem teve dezenas de retwitts, vendeu 81 kits com a coleção completa e gerou mais de R$: 2.200,00 de faturamento para o e-commerce. E as vendas continuaram nas horas posteriores.

Use o AdBird pra anunciar produtos no seu Twitter, clique aqui.

Por que houve esse sucesso instantâneo, como replicá-lo em outras mensagens e conseguir este nível de engajamento e participação com seus seguidores?

O blog Pitacos fez um resumo das minhas dicas pro Twitter, pode ser interessante se você prefere ler uma versão mais concisa :) Abaixo segue minha versão completa.

Comece com o link

Colocar o link no início do twitt ajuda a preservá-lo caso sua mensagem seja cortada ao ganhar vida nos retwitts da comunidade. Se alguém corta um pedaço da sua frase, mas mantém o link intocado, os usuários ainda podem ver a página que está sendo divulgada, por outro lado, um link cortado pela metade levará o usuário a uma página com erro, gerando frustração.

Linkar é importante, se você pretende divulgar algo no twitter, dificilmente seu conteúdo irá caber, com detalhes, em 140 caracteres. É importante haver uma página na Web com mais informações, pode ser um post de blog, vídeo, imagem ou texto no Write4Net.

Encurte o link

Após criar seu link, encurte-o, existem inúmeras ferramentas pra isso, como migre.me, bit.ly, j.mp,  tinyurl.

Descreva o link

Após colocar seu link no início da mensagem, descreva o que o usuário irá encontrar. Twitts que são apenas endereços soltos geram frustração e desconfiança, uma simples descrição do conteúdo do link resolve este problema.

Deixe espaço pra retwitts

O retwitt, ou rt, é a pólvora da viralização no twitter. Potencialize a viralização criando twitts curtos.

Crie uma mensagem mais curta que os 140 caracteres máximos do twitter. “rt @marcogomes : ” tem 17 caracteres, portanto, eu procuro sempre tuitar em 120 caracteres ou menos, deixando espaço para as pessoas retuitarem.

Menos é mais, inclusive em plataformas já ‘mínimas’ como o twitter, se você puder tuitar com apenas um link e duas palávras, ótimo :) Deixe espaço pros seus seguidores complementarem sua mensagem com a opinião deles.

É muito comum encontrar twitts onde o que está antes de “rt” é uma opinião de quem está retuitando:

Veremos Superpato vs Wolverine RT: @marcogomes: http://migre.me/698B Disney COMPRA Marvel por $4 BILHÕES!
(por @hdiener)

Primeiras 2 palavras

Seja significativo nas duas primeiras palavras do seu twitt, evite começar com “como”, “ontem fui”, “acabo de ver”, “só pra avisar que”, “eu acho que”, “amanhã tem”. Começar sendo significativo, logo após do link, vai aumentar sua chance de ter atenção.

Usuários enxergam 2 palavras em itens que estejam listados; eles vão enxergar um pouco mais se as palavras seguintes forem curtas, e somente a primeira palavra se forem longas.
(por Jakob Nielsen)

Use CAPS LOCK a seu favor

Colocar caixa alta em palavras que mereçam destaque no meio do texto pode ajudar.

Não coloque tudo em caixa alta, a massa de caracteres gritantes vai ser ignorada inconscientemente pelo usuário, como comprovado por Nielsen em Fancy Formatting, Fancy Words = Looks Like a Promotion = Ignored.

Recomendo usar caixa alta em nomes de cidades, políticos, celebridades e pessoas públicas, empresas muito conhecidas, e todo tipo de entidade pública/famosa.

Não caia na tentação de colocar caixa alta pra afirmar sua opinião, como em “NÃO”, “SABIDAMENTE”, “ROUBO”. Você só vai poluir a mensagem e passar uma idéia de spammer parecida com a de colocar tudo em caixa alta.

Máximo de informação possível

Coloque o máximo de informação possível no seu twitt, facilitando a decisão “devo clicar neste link?”, lembre-se de deixar espaços pra retwitt, conforme disse acima.

Se for um evento, coloque cidade, dia, hora, local. Esta é a melhor ordem, pois caso o evento seja interessante, a pessoa primeiro vai avaliar se o evento é em sua cidade, depois verificar o dia e hora, por último vericar o local exato.

Pra conteúdos, descreva o tema, se possível coloque o autor e destaque uma opinião importante sobre o assunto.

Associe uma hashtag

Associar uma hashtag ao seu conteúdo pode ajudar usuários a prolongarem a discussão sobre o tema, fora do retwitt. A hashtag também vai facilitar seu trabalho de verificar o que foi escrito sobre o tema.

Pra quem veio do orkut, as hashtags são como os tópicos de discussão em uma comunidade. Hashtags são palavras precedidas de #, como #fail ou #apagao, e foram criadas pra agrupar assuntos postados por diferentes usuários.

Peça o retwitt por favor

Suas chances de ser retuitado aumentarão se você pedir gentilmente.

Adicionar rt pls, abreviação de retwitt please, no fim da sua mensagem vai virar a chavinha do “ajude um amigo” em alguns de seus seguidores, eles vão retuitar só pelo prazer de te ajudar e ganhar algum whuffie no processo :)

Poste a mesma mensagem mais de uma vez ao dia

Repita sua mensagem durante o dia, dificilmente um usuário ativo irá vê-la mais de uma vez mesmo que você a repita 10 vezes em 24 horas. A velocidade do Twitter te protege de ser visto como um spammer, desde que você se comporte com moderação, claro :)

Decaimento da taxa de clique: Tempo no Twitter passa 10 vezes mais rápido que no e-mail.
(por Jakob Nielsen)

No Twitter sua mensagem vai envelhecer muito mais rapidamente que em qualquer outro meio, a partir do momento que ela sair da timeline inicial de quem te segue, seu twitt estará morto. Usuários ativos do serviço de microblog costumam seguir entre 100 e 500 pessoas, levando isso em consideração, seu twitt morrerá em alguns minutos.

Twitter é muito mais que uma só mensagem

O objetivo desse texto não é ensinar um usuário a ganhar relevância no twitter, só quis listar algumas boas práticas pra redigir um twitt eficiente, em menos de 140 caracteres.

É importante salientar que ser um usuário ativo e respeitado é muito mais que ficar tuitando uma única mensagem repetidamente. Você deve escutar antes de falar, responder seus seguidores, respeitar a meritocracia informal da Internet, ser interessante e relevante.

Pra fazer tudo isso automaticamente, use o AdBird pra anunciar produtos no seu Twitter, clique aqui.

O objetivo de uma interface é auxiliar o usuário a completar algum trabalho. Pra que o trabalho seja executado, a interface deve apresentar informação, normalmente na forma de dados, ferramentas e elementos de interação. Parte do trabalho do designer de interfaces é organizar a informação que será apresentada ao usuário.

Informação pode ser posicionada no espaço ou colocada em fila no tempo.

Organizando informação no tempo

Nas telas de definição de preferências de aplicativos do Mac OS X, a informação é organizada no tempo.

No aplicativo Mail, você pode definir suas preferências de SPAM em uma tela, e, em outra tela, define as preferências de tamanho e tipo de letra pra escrever as mensagens.

Os conjuntos de preferências são agrupados por similaridade em telas que são divididas no tempo, e você precisa trocar de tela (clicando) pra ver as outras preferências. Caso o designer preferisse, todas as preferências poderiam estar na mesma tela, organizadas no espaço.

Ao organizar a informação numa fila temporal o designer pode explicar melhor o que está acontecendo, facilita a interação do usuário que não precisa lidar com vários elementos de interface numa mesma tela, mas a tarefa vai levar mais tempo pra ser executada.

Organizar informação no tempo é recomendado em tarefas não repetitivas, que não podem exigir um “treinamento” do usuário, como processos de instalação de software (wizards), configuração de aplicativos, criação de documentos que sigam um modelo rígido.

Organizando informação no espaço

Na tela de edição de post do aplicativo Blogo, da Brain Juice, a informação é organizada no espaço.

Quando o usuário cria ou edita um post, toda a informação que ele precisa inserir está organizada no espaço de uma única tela. Caso o designer preferisse, o processo de postagem poderia ser um wizard, que primeiro te perguntaria o título do post, numa segunda tela perguntaria o texto do post, na terceira tela pediria as tags, e assim por diante, até conseguir todas as informações para criar um post completo.

Ao organizar a informação no espaço o designer permite que usuários terminem a tarefa mais rapidamente e sem exigir uma ordem correta para interação com elementos, diminuindo a sensação de estar fazendo uma tarefa repetitiva.

Organizar a informação no espaco é recomendado em tarefas repetitivas, que precisem ser completadas rapidamente e permitam uma curva de aprendizado para usar a interface, como criação de “tarefas” em aplicativos de controle de projetos, criação de posts em blogs, inserção de indivíduos em agendas telefônicas, criação de e-mails.

fikdik rsrsrs

Quando projetar suas interfaces, julgue com cuidado que tipo de informação precisa estar organizada no tempo e no espaço, uma falha neste planejamento pode afastar usuários da sua aplicação.

Para saber mais, veja Learning from “bad” UI.

O supra sumo da criação humana é a roda, a máquina mais simples do universo, a representação física do círculo, infinito e perfeito. Eu vou te poupar da listagem de áreas em que a roda ajudou a raça humana a se desenvolver, basta dizer que sem ela ainda estaríamos usando tacapes pra matar animais e comendo-os assados dentro de cavernas, sem Internet pra matar o tédio no fim do dia, imagine só.

Mesmo sendo perfeita, a roda precisou ser adaptada e melhorada, de pedra ou madeira, usadas pra transportar coisas pesadas, até ligas de metais nobres ou plásticos ultra-leves, pra gerar energia elétrica ou levantar portões.

Caso a roda original tivesse sido inventada e tomada como “finalizada” por toda a raça humana, não sendo aperfeiçoada depois quanto a formato e materiais que a compõem, ainda estaríamos usando-as apenas para transportar blocos de pedra pra cá e pra lá. Nada de automóveis, elevadores ou bombas dágua.

Rodas automotivas, por exemplo, são bastante complexas: um pneu cheio de ar, estrutura de metal, bico pra calibragem, pastilhas de balanceamento, calota decorativa. Agora imagine um automóvel de rolê com uma roda pré-histórica feita de pedra. Engrenagens usadas em nossos relógios são também rodas complexas, cheias de dentes milimetricamente modelados, com peso, diametro, profundidade, tudo muito bem calculado pra que a contagem de tempo seja o mais precisa possível.

Nossas criações, mesmo sendo eficazes e aparentemente “perfeitas pra o que foram criadas” não podem ficar paradas no tempo, precisamos sempre pensar em como aperfeiçoar a simplicidade adaptando-a para usos além do que imaginamos originalmente. Tive receio em dizer “aperfeiçoar a simplicidade”, pensei bastante antes de publicar essa expressão, mas é isso mesmo, não há pra onde fugir, precisamos melhorar nossas criações, sempre.

A roda foi criada pra transportar pedra, e hoje é usada em lentes telescópicas pra tirar fotos de galáxias distantes. O computador foi criado pra decifrar códigos nazistas no fim da segunda guerra mundial e hoje é usado pra que crianças de 8 anos consigam ver, com detalhes, o que a geração dos anos 60 tinha que imaginar, só imaginar, olhando fotos das embalagens de meia-calça e soutiens :D

Na boo-box nós investimos muito tempo aperfeiçoando nossos produtos e conceitos, dias atrás lançamos algumas melhorias e novos produtos, confira!