iblog

Essa é para os meus amigos de trabalho, os gloriosos Arquitetos de Informação: Você deseja dar uma “turbinada” nos seus wireframes ou busca por referências visuais e de medida para seu projeto? O Yahoo! disponibilizou para download um kit bem completo de stencils (modelos de layout para serem utilizados na concepção visual do projeto) em formatos para OmniGraffle, Visio (XML), Illustrator (PDF e SVG) e Photoshop (PNG).

São moldes para diversas funcionalidades, algumas bem interessantes e práticas, como para trabalhos usando a interface do iPhone.

Para baixar acesse: http://developer.yahoo.com/ypatterns/wireframes/

Essa é para os estrategistas e planejadores de plantão! Conheçam o Text 2 Mind Map, uma ferramente muito boa, muito boa mesmo e fácil de usar para criar mapas conceituais.

Basta você informar em formato de texto e listas as ações e gerar o mapa. Você pode editar linhas, cores, etc. Por fim, baixe o mapa em formato de imagem. Nota 10!

Acessem: http://www.text2mindmap.com/

O ICONlook é uma ferramenta de busca muito interessante para que está na caça de ícones. Ótima ferramenta para designers e entusiastas. Acesse: http://www.iconlook.com/

Olha, só assistindo o vídeo de apresentação (na página principal do site) mesmo pra entender o que o TinEye pode fazer com buscas de imagens. É uma ferramenta show de bola. Inscreva-se e solicite um convite para testes.

Acesse e conheça: http://tineye.com/

“Yahoo Analytics é mais do que um analytics gratuito

Depois do Google e da Microsoft, o Yahoo lança sua ferramenta gratuita de web analytics. É um produto poderoso e acirra a competição entre as três empresas pelo mercado de anúncios online.”

Vale a pena conferir a matéria na íntegra no Webinsider.

Usar o Twitter é bacana, mas algo faltava para ele ficar completo… uma ferramenta de busca - não de usuários, mas do conteúdo postado. Essa é a proposta do Tweet Scan, vale uma visita, e é claro, uma busca.

Você já acordou um dia com aquela vontade louca de saber como as pessoas navegam/se comportam em seu site sem ter que contratar um teste de usabilidade?

Seus problemas acabaram (ao menos em partes)! O Click Tale (http://www.clicktale.com/) é um site/serviço de análise  que grava as ações dos usuários em seu site.

A configuração é muito simples, basta adicionar um javascript nas páginas de seu site e ele gera vídeos das ações dos seus usuários.  Você pode configurar a quantidade de usuários que você quer que o sistema grave, para que você possa fazer as devidas análises.

Na versão “free” são gravadas até 100 navegações por semana ou se preferir, você pode escolher uma das opções pagas.

Vale a pena conferir!

Uma prática muito comum dos planejadores e arquitetos de informação é o famoso “benchmark“. Aquela etapa do processo em que saímos em busca das melhores práticas, condensamos análises, captamos idéias de ferramentas e serviços, investigamos a concorrência, enfim, debugamos sites.

Encontrei uma ferramenta que pode ser muito útil na análise e distribuição dessa análise, o Fleck (http://fleck.com); na home do serviço você encontra alguns exemplos; é possível baixar plugins da ferramenta para os principais browsers.

Em resumo, o Fleck disponibiliza um espelho do site em análise (aquele que você indicar na caixa “Fleck the Web” na homepage), num endereço específico, e libera uma barra de ferramentas (que é carregada no rodapé). Entre as funcionalidades dessa barra, está a possibilidade de adicionar post-its para comentários, e distribuir essa análise num endereço (que pode ser público ou não - o que pode ser muito útil em projetos). Vale uma visita.

Para visualizar um exemplo que montei, com comentários do iblog, clique aqui (os bullets contendo números, escondem os comentários, basta clicar para ler).

Olá pessoal, estou aqui hoje para falar de uma ferramenta mencionada em algumas aulas sobre usabilidade e arquitetura de informação, o Axure.

Para aqueles que ainda não conhecem, ou conhecem pouco, o Axure é uma ferramenta de prototipagem de interfaces que permite total interação do usuário. Nele você cria sua interface e consegue por em prática a experiência que o usuário terá com seu produto, antes mesmo da concepção de layout ou desenvolvimento, minimizando riscos e custos.

Já trabalho com essa ferramenta a algum tempo e ela possui pontos significantes na hora de fazer um wireframe em relação à outras ferramentas tradicionais como o Power Point e o Visio.

Esses pontos são:

• Unidade de medida em pixels, proporcionando a criação de interfaces com dimensões reais;

• Criação de elementos comuns para serem aplicados nas páginas da interface (menus, header e outros elementos que podem ser replicados);

• Agilidade na criação e replicação de páginas;

• Inclusão de especificação, prioridade, status, risco, estabilidade para cada campo ou funcionalidade criada;

• Inclusão de painéis dinâmicos facilitando a criação de funcionalidades interativas sem precisar que várias páginas sejam criadas para apresentar um caso de uso;

• A versão mais recente permite que vc trabalhe com variáveis proporcionando mais interações nas interfaces criadas;

• Geração de protótipo html totalmente navegável com display de especificação em cada campo, notas e comentários de cada página e arvore de navegação;

• O usuário não precisa ter conhecimento algum de programação para gerar o protótipo;

• Geração do documento de especificação funcional com base nos wireframes criados;
  A ferramenta é ideal para arquitetos de informação e profissionais de usabilidade que desejam testar seus produtos com ganho de tempo (pois a partir do wireframe o protótipo é gerado) e precisam fazer uma apresentação mais realista e “bonita” para seus clientes.

Os pontos baixos, e que creio que serão revistos para as próximas versões, estão na quantidade de elementos de interface (campos de texto, combos, radio button, etc), e na questão de preenchimentos de formas e tratamento de imagens importadas para o projeto que são bem básicos.

Tirando esses pequenos detalhes, você tem no Axure uma poderosa ferramenta para a criação de wireframes e protótipos.