Posts marcados com ‘design de interfaces’

Design de interação – Ferramentas úteis

03-12-2009

Nós, desenvolvedores de interfaces para a web e desktop, sabemos o quanto é importante para o sucesso do projeto que tudo esteja funcionando de acordo. Mais do que isso, definir bons padrões para a experiência do usuário, seja qual for o seu nível de conhecimento, não é apenas legal mas uma responsabilidade que devemos ter com nosso trabalho e nossas funções.

Mesmo os “projetistas” mas experientes podem encontrar certas dificuldades em criar o escopo da estrutura de um projeto digital, dependendo de sua amplitude. Entretanto, para ajudar a todos, existem ferramentas ou uilitários bacanas que você pode usar para organizar e prever disposições de elementos que farão toda a diferença em um projeto.

Conheça as dicas de utilitários do UX Booth, utilizadas pelos maiores nomes no ramo de interação digital, para os profissionais interessados em otimizar seu rendimento com a estruturação do design de seus projetos. Aproveite bem ;-)

1. OmniGraffle

Aplicativo para Mac OS que permite focar exclusivamente nos processos de interação por trás do design do site, e que permite o envolvimento de toda a equipe. Ele contém uma série de funcionalidades, como ferramentas de desenho vetorial para esquematização dos gráficos, funcionalidades ‘click-to-reveal’ (clicar para revelar conteúdo) e esboços. Muito legal! :D Quem adquire o programa ganha de brinde uma série de UI Components adicionais, como botões, stickers e outros. Veja aqui.

2. Balsamiq Mockups

Este incrível aplicativo do Adobe Air torna o ato criar wireframes divertido, fácil e muito mais compreensível. Sua biblioteca trás inúmeros elementos já prontos e alguns dos itens mais utilizados nas mídias e interfaces da atualidade. O site contém um vídeo demonstrativo e no blog oficial deles você pode ver do que a ferramenta é capaz a partir de esquemas criados pelos próprios usuários do programa. Confira as reproduções em wireframe da interface do Google Wave e do Facebook, imperdíveis!

3. Adobe InDesign

Calma, nem só de livros vive o InDesign. A coleção de templates EightShapes Unify e mais algumas bibliotecas permitem a construção de wireframes interativos pra lá de eficientes. O bom é que a maioria dos profissionais de desenvolvimento estão familiarizados com as ferramentas da Adobe, então manusear o InDesign, mesmo os que nunca o fizeram, é quase que intuitivo.

Confira a biblioteca EightShapes e utilize o InDesign muito além da mera editoração gráfica!

4. Bloco de Anotações

Pensou que esqueceríamos dele? Nada como um bom bloco de anotações para aquelas longas reuniões com o cliente. Apesar de a fonte original ter sugerido o bom e velho Moleskine, sabemos que o seu inseparável (e organizado) caderno pode ser o seu melhor amigo quando o seu latop estiver indisponível ou para aquelas conversas bate-e-volta com a equipe de desenvolvimento. Não o subestime!

Esperamos que tenham gostado das dicas. Um grande abraço e até o próximo post! ;-)