05
Pelo segundo ano consecutivo (em dois anos de existência), o usuário Jeff Brenman vence o World’s Best Presentation Contest do SlideShare. A apresentação vencedora de 2008 é Thirst. No ano passado, Jeff faturou o prêmio com Shift Happens.
O prêmio possui vencedores também por categorias. São elas:
04
Para quem ainda não sabe, agora quem posta vídeos no You Tube tem um recurso muito legal para enriquecer a experiência do usuário (e tornar o site mais acessível para deficientes auditivos). Trata-se da possibilidade de adicionar legendas e comentários interativos nos vídeos.
Com esses features, é possível traduzir, colocar explicações, links para outros vídeos e até aprofundar o assunto direto no site, de maneira fácil e bem intuitiva. Porém, preste atenção: por padronização, as legendas vêm desabilitadas. Para visualizá-las, é preciso passar o mouse na seta do canto inferior direito e clicar no ícone. Como é possível adicionar várias legendas a um mesmo vídeo, esse ícone também é o local onde o usuário poderá selecionar qual legenda ele deseja acompanhar.
Os comentários também dão um monte de possibilidades para os vídeos. Muita coisa criativa e engraçada deve vir por aí. Aqui tem mais informações sobre o assunto.
Já estava mais do que na hora de oferecer recursos como esses. Facilitar as coisas é palavra de ordem faz tempo!
03
A gente sabe que wireframes são documentos confidenciais, por isso é difícil ficar divulgando os protótipos que elaboramos diariamente. Mas este post traz um modelo que pode ser navegado e analisado à vontade, além de comparado ao site já lançado. A documentação foi divulgada pela Athletics e mostra wireframes desenvilvidos no Flash. Eles são navegáveis e bem fiéis ao site final, resultado atingido também com o uso do Axure.
Além disso, a documentação traz a exata noção de onde o usuário está nevegando, exatamente como um breadcrumb, só que via mouse-over. Essa é uma idéia muito legal que pode ser aproveitada para wireframes de sites com vários níveis de navegação ou que serão aprovados por clientes com baixa familiaridade com protótipos/internet.
Para ficar ainda mais fiel ao site final, talvez fosse legal o arquiteto ter colocado realmente os links externos abrindo em novas janelas. Costumo fazer isso quando elaboro wires e já possuo essas informações. No Axure, é super fácil de implementar.
No mais, os wires feitos no Flash não perdem (mas também não ganham) em nada dos documentos elaborados no Axure. E, tendo em vista o tempo de produção e a exigência de o arquiteto conhecer a ferramenta, acredito que tudo fica muito mais otimizado com softwares prontos criados especialmente para este fim.
01
Adorei ter lido que sim, há empresas que pensam em sair na frente e antecipar as tendências que se alastram pelo mundo a todo vapor. São tão poucas, que às vezes a gente até esquece que tem empresário ligado no mundo digital. A Polo Ralph Lauren lança uma loja virtual mobile.
A notícia, divulgada aqui, mostra que em breve a marca de roupas vai ser uma das primeiras lojas com m-commerce. Esse pioneirismo veio com a visão de David Lauren, VP de Advertising e filho de Ralph Lauren, que percebeu que essa tendência já é realidade na Asia e está movendo-se aos poucos para os EUA (e daí para o resto do mundo, com toda a certeza). É só questão de tempo. E, como tempo é dinheiro, a empresa tratou de erragaçar as mangas.
No Japão, é mais do que normal usar telefones celulares para comprar os mais variados produtos, inclusive tickets de trem. Porém, nos Estados Unidos isso ainda é uma novidade. E no Brasil também. Ainda.
O próximo passo da Polo Ralph Lauren é começar a incluir QR Codes em campanhas impressas, e-mail marketing e nas lojas físicas.
QR Codes
Com um software que os consumidores baixam em seus celulares, é possível tirar fotos desses “desenhos”, os QR Codes, que podem ser traduzidos nas mais diversas mensagens. Aqui no Brasil, eles já são usados por muitas pessoas, mas ainda está longe de se tornar popular.
Cases já existem e empresas especializadas também. Mas, mais uma vez: é só questão de tempo para tudo começar a acontecer. Tudo é bem fácil de usar e o celular nem precisa ser de última geração, basta ter câmera fotográfica.
E eu não consigo parar de pensar em quantas possibilidades essas novas tecnologias abrem para AI… 
27
Porque não adianta só querer inovar, ser diferente. É preciso acertar. De nada adianta uma navegação “modernosa” que só a equipe responsável entende. Se for assim, melhor fazer algo dentro da convenção, mas que funcione. E outra: não adianta querer fazer um portal informativo cheio de subjetividades só para mostrar o quando a agência foi desafiadora e criativa. Site com muito conteúdo e diversos níveis de navegação precisa ser objetivo e intuitivo.
É importante analisar o objetivo do site e o comportamento da empresa, para que a comunicação não fique inconsistente.
Em todos esses quesitos citados acima, a Red Issue acertou com inovação. E como inovou. Seguindo a linha manuscrita do logotipo da marca, a navegação foi idealizada de maneira interativa e super diferente: o usuário desenha os comandos na tela e o site obedece. Não trava, funciona bem e reconhece até os desenhos mais tortos e desalinhados (fiz vários testes para ver se pegava alguma falha). Simplesmente genial!
Porém, isso tudo só deu certo porque o site tem apenas um nível de navegação e caracteríza-se por ser basicamente uma galeria de fotos, com todas as coleções da marca.
Vai para a minha lista de referências!
25
Outro dia estava lendo um artigo do Peter Morville no site da sua empresa, a Semantic Studios e, ao ler uma frase, percebi que aquela era a definição mais genial de Arquitetura de Informação que já li/ouvi.
Arquitetura de Informação é a ponte vital entre estratégia e interface.
Não é demais?
Ambos são sites muito legais, interativos, bem feitos.
Ambos têm ótima qualidade e funcionam sem travar. São leves, apesar de serem 100% animados.
E ambos são bem parecidos, tanto no conceito quanto no layout. Comparem o site da Skol, lançado há um bom tempo, com o da Coca-cola Light.
E vocês, o que acham?
21
Estava lendo uma matéria publicada no Clube de Criação que divulga uma pesquisa realizada pela Opera (empresa que sai na frente com um navegador aparentemente muito bom que pode ser usado em dispositivos como celulares, palmtops e TVs portáteis) sobre os sites mais acessados via dispositivos móveis.
O Google lidera os acessos tanto no Brasil quanto em todos os outros países pesquisados da América Latina. Em segundo lugar está o orkut. Em terceiro estão sites de notícias, como o Globo.com.
Esses dados mostram uma tendência do uso da internet em celulares: busca por informações rápidas e objetivas.
Arquitetura de Informação em mobile sites
E a arquitetura de informação nisso tudo, onde fica?
Fica no centro do projeto, literalmente no meio de tudo. Porque a Arquitetura de Informação é a única área que tem a visão macro do projeto, e que vai pensar na estrutura para o site e para a versão mobile. E, com certeza, essas duas estruturas serão completamente diferentes.
A documentação, portanto, também será feita duas vezes. Serão dois sitemaps, dois fluxos, dois wireframes e por aí vai. Lembrando que nem sempre o ideal é ter o conteúdo 100% presente nas duas plataformas. Tudo precisa ser analisado: tecnologia utilizada, custo-benefício etc etc etc. E é o arquiteto que vai dizer qual o melhor caminho a seguir. Desafiador e muito fascinante, né? E o papel dos profissionais antenados ficarão ainda mais valorizados nas empresas.
Na prática
Pense em um site com navegaçãop horizontal, cheio de funcionalidades e com navegação super experimental. Na hora da fazer a versão mobile, o arquiteto terá que pensar no mesmo site com poucos níveis de navegação, menu com poucos itens dispostos verticalmente, reduzir ao máximo o conteúdo e diminuir tamanho e peso de imagens. Quanto mais simples e objetivo, melhor.
Não é à toa que, em um teste de usabilidade em que usuários acessaram um site via pc e via mobile, o resultado mostrou que a maioria dos usuários achou a versão mobile mais fácil de usar e mais fácil de ler, pois não continha elementos que “roubavam” a atenção do conteúdo.
Interfaces mobile são profundamente diferentes das interfaces com as quais estamos acostumados. E não é só por causa do tamanho, mas também pelo contexto: o celular vai com você para todo lugar, você utiliza o aparelho em movimento, diferentemente do computador/note.
Normalmente, quem navega na internet via celular está procurando por informações específicas, como endereço de lojas ou horário de filmes. Por isso, tudo precisa ser enxuto e objetivo.
No slideshare tem uma apresentação muito legal sobre o assunto. Vale a pena conferir.
20
O Santander lançou, dia 9 de agosto, seu novo site. Não tenho conta no banco e, por isso, não acessei o Internet Banking. Porém, li o hotsite/tutorial que foi publicado simultaneamente de cabo a rabo e tenho algumas impressões sobre a nova empreitada. Todas elas são ótimas.
Primeiro, achei louvável a idéia do hotsite. A equipe responsável não foi prepotente em achar que o site possui navegação tão intuitiva que não precisa de explicações. Ninguém conhece 100% dos seus usuários e, se apenas um deles tiver dificuldade em encontrar algo ou realizar alguma transação, o tutorial já valeu a pena. Além disso, com as áreas personalizáveis, muitas pessoas podem se sentir inseguras de usarem essa funcionalidade. E o hotsite, nesse caso, minimiza as incertezas e explica direitinho o que o novo site tem de diferente.
O segundo ponto que queria comentar tem a ver exatamente com essas funcionalidades. Genial a intenção de prever uma navegação mais ágil, com a área Meus Favoritos em destaque logo na home. As abas saldos, investimentos, pagametnos e cartões não são novidade, mas agilizam o acesso às informações, sem que o usuário precise entrar na interna correspondente.
Parabéns à equipe responsável, pela preocupação com os usuários (já que os correntistas acessam diariamente, até várias vezes por dia sua conta) e pelo ótimo trabalho realizado. Apesar de não ter navegado no site, aparentemente o trabalho ficou ótimo!
19
Confira no vídeo abaixo algumas dicas preciosas sobre como elaborar título de páginas otimizados para buscadores.