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/

Anúncios

Text 2 Mind Map

junho 5, 2008

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/

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.