Aplicativos para desktop e híbridos

Aplicativos para desktop e híbridos

A maioria dos aplicativos de wireframe para desktop tem alguma forma de compartilhar wireframes entre os membros da equipe, embora às vezes exija que outros baixem um software especial, ou os wireframes são compartilhados apenas como imagens planas, o que torna a edição da equipe muito mais difícil. Os aplicativos híbridos, por outro lado, geralmente têm modos online e offline, oferecendo o melhor dos dois mundos.

MockFlow

MockFlow é um aplicativo híbrido online/offline que permite criar e colaborar em wireframes. Ele inclui uma grande biblioteca de componentes de maquete prontos para você usar, bem como uma variedade de opções de publicação (incluindo exportação de PDF e PowerPoint). O plano gratuito permite uma maquete com até quatro páginas e dois colaboradores.

iPlotz

O iPlotz é outro híbrido online/offline que possui um cliente de desktop para download. Possui recursos de colaboração e gerenciamento de projetos, tornando-o uma ótima opção para equipes. A versão online inclui um plano gratuito e também planos pagos.

Pencil

Pencil é um plugin do Firefox para criar wireframes e protótipos. Inclui um editor de texto na tela (com suporte a formato rich text), exportação para HTML, PNG e outros formatos de arquivo, estênceis integrados e muito mais. Por ser um plugin do Firefox, é independente do sistema operacional.

Há também versões independentes do Pencil para Linux e Windows. 

Prototype Composer

O Prototype Composer é um programa de prototipagem de aplicativos da web. Ele permite que você crie aplicativos utilizáveis que imitam de perto a experiência que seus usuários finais terão, todos com uma interface gráfica do usuário que não requer conhecimento de codificação.

Existem edições Professional e Community (gratuitas) disponíveis.

Estruturas HTML

A grande vantagem de usar HTML e CSS para seus wireframes é que você está dando a si mesmo uma vantagem na codificação de suas páginas reais. A desvantagem é que é fácil ser sugado para realmente projetar e codificar o site, em vez de apenas criar um wireframe rápido. Seu wireframe pode rapidamente se tornar uma maquete ou protótipo completo muito mais cedo do que deveria.

Mas, novamente, o wireframing com HTML oferece uma vantagem inicial no processo de design e codificação. Se você pode resistir ao desejo de fazer muito, é uma opção fantástica.

Modelos de wireframes

O uso de modelos e estênceis para seus wireframes pode acelerar bastante o processo, especialmente se você optar por usar caneta e papel para wireframes ou programas que não foram criados especificamente para wireframes (como o Adobe Illustrator).

Abaixo estão mais de uma dúzia de modelos e kits de estêncil, todos gratuitos para uso. 

Estênceis de estrutura de arame OmniGraffle

Este conjunto de estêncil OmniGraffle da Konigi inclui praticamente qualquer elemento de interface do usuário que você possa precisar, incluindo navegador chrome (bordas em torno de uma janela do navegador da web), controles, formas básicas, guias, players de vídeo e muito mais. 

Fuel Your Interface

O Fuel Your Interface oferece este kit de wireframe gratuito que inclui uma variedade de elementos de interface do usuário, incluindo botões, migalhas de pão, caixas de diálogo e muito mais.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *