it-swarm-pt.tech

Ferramentas para criar modelos para UIs de dispositivos móveis

Estou procurando ferramentas que possam me ajudar a criar modelos de interface do usuário para diferentes telefones celulares, como iPhone, dispositivos Android Android e Windows Phone 7). Existe algum aplicativo que possa fazer isso?

26
gyurisc

Se você pretende criar protótipos para o iPhone, existe um muito interessante ferramenta de maquete do iPhone que encontrei recentemente.

Você também pode considerar a listagem fornecida por este artigo , possui muitos estênceis e ferramentas sobre o assunto.

16
Pam Rdz

Boa pergunta - Balsamiq Mockups pode ser sua melhor aposta. Eles têm controles de iPhone embutidos e alguém contribuiu com controles para Windows Phone 7 . Eles também têm material para plataformas Nokia, etc. Não tenho certeza sobre as opções Android aqui. Fique de olho em blog de Balsamiq's Mockups To Go) para obter mais contribuições da comunidade Balsamiq.

Também criei duas listas no Twitter, seguindo as ferramentas wireframing e prototipagem , que você pode considerar a seguir para ver se essas empresas integram o suporte a essas plataformas. Como o Windows Phone 7 ainda não foi lançado, muitos deles ainda não foram para esse espaço.

8
Rahul

Verifique também Pencil para Firefox .. e o Android estênceis sobre o projeto de código aberto Android-ui-utils open source ( publicação no blog aqui ).

Também ouvi dizer que o Adobe Fireworks é muito bom para a criação de protótipos de interface do usuário (aparentemente com suporte para zombarias interativas e formas de 9 fatias) ... Ainda não tentei.

7
Roman Nurik

Existe uma ferramenta dedicada para o iPhone (e iPad) que realmente roda no iPhone - Interface.

Como Rahul apontou, o Balsamiq é uma boa escolha e Axure também possui bibliotecas dedicadas (pelo menos para o iPhone - eu não verifique o resto).

5
Dan Barak

Eu gostaria de adicionar o WireframeSketcher plugin do Eclipse à lista. Um aplicativo de prototipagem muito agradável e fácil de usar que pode ser usado desde o IDE mesmo por não programadores).

Uma boa vantagem do WFS é que as telas são salvas como arquivos XML, o que permite armazená-las facilmente em um sistema de controle de versão e diferenciá-las e mesclá-las para manter as alterações organizadas.

Embora tenha sido criado inicialmente para simular aplicativos "normais", alguns usuários contribuíram com componentes de maquete - chamados "stencils" - para aplicativos iPad/iPhone/Android (consulte o WFS Mockupgallery ).

2
Baelnorn

Eu costumo usar gdocs. Sou mais flexível e estou acostumado. Adoro a maneira como você pode compartilhar, discutir e colaborar nos esboços. Veja aqui por exemplo: seleção em duas etapas no windows phone 7

1
OneWorld

Você também pode usar o Fireworks ou tentar verificar este aplicativo http://www.fluidui.com/ dedicado exclusivamente ao iPhone e Android para criar maquetes. :)

1
UXgirl

Para iPhone/iPad, uso o seguinte: App Cooker e iMockups

Ambos são aplicativos para iPad.

0
ScottK

Axure todo o caminho! Passei inúmeras horas recebendo um protótipo para trabalhar em dispositivos móveis. O problema com todos os outros programas que usei é que eles não lidam com formulários detalhados. Eu tive que criar um protótipo de um formulário de treino no telefone. O Axure pode lidar com o formulário 'lembrando' as opções do usuário ao passar de uma tela para outra. (ou seja: quando o usuário seleciona 'atividade' e passa para a próxima tela com a lista de atividades, ele pode escolher 'Executar' e fazer com que ele retorne à tela anterior com a opção 'Executar' pré-preenchida. sub-atividade, digamos 'corrida em esteira'. Em seguida, ele voltava à tela do formulário original com 'Run' e 'Treadmill Run' preenchidas no formulário.) Alguns outros programas lidam com isso como uma lista suspensa, mas é claro isso é tratado de maneira diferente no telefone. Axure é o único programa que suporta isso.

Há também uma configuração na versão mais recente do software que permite ajustar a tela do protótipo para que ele pareça um aplicativo real no telefone. Ele suporta funções como 'toque' que são funções móveis.

No site, há um teste gratuito. Há muitas bibliotecas de widgets suportadas, até elementos de interface do usuário móvel.

Eu recomendo este programa!

0
Christie Day

Aqui está outra ferramenta que pode ajudá-lo Kit de estrutura de arame para iPhone - Google Docs

0
vladocar

Além disso, adicione esta ferramenta aos seus recursos.

DesignerVista 4.0 para iPhone, Windows Phone 7 e Android Modelos de GUI para celular

http://www.designervista.com

0
user3335

Eu prefiro o Fireworks há muito tempo, mas recentemente mudei para o OmniGraffle (desde que o Fireworks começou a ficar muito lento e lento no meu Mac). Estou muito feliz com a escolha até agora. Aqui estão algumas estênceis muito legais para iPhone e iPad que incluem gráficos reais e versões em escala de cinza do OmniGraffle.

Normalmente, você começa com wireframes em escala de cinza e adiciona alguns gráficos, se realmente necessário. Pessoalmente, trabalho mais rápido com a escala de cinza e isso faz com que os wireframes continuem descrevendo os recursos e a navegação, não as cores.

0
user3337

Eu tentei alguns métodos. Comentários e links são os seguintes;

  • Photoshop ou Fireworks com este http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/ Modo padrão, leva um pouco mais de tempo para ajustar os layouts.

  • Interface aplicativo para iphone Demora muito tempo, mas é perfeito para protótipo e produção também .. =

  • Keynote Kungf - Keynote, modelo do PowerPoint para criação de protótipos para iOS Melhor ainda, rápido como o keynote dá muita mão , várias opções de exportação.

0
Yunus

Eu amo Cacoo ; é a minha escolha para o enquadramento simples e eles têm ótimas opções para iPhone, Android etc. Eu usei outras ferramentas, mas essa foi a melhor para mim: zombar de algo antes de construí-lo sozinho ou com meus amigos .

0
user3358

Você vê, existem muitas ferramentas. A escolha certa sempre depende da sua experiência e habilidades anteriores e, obviamente, do contexto da sua tarefa. O que você quer mostrar e e para quem.

Além da lista, posso recomendar: - se você quiser explorar todos os tipos de transições, verifique o Adobe Catalyst (ou Flash) - se precisar criar especificações posteriormente, a referência atualmente é o Axure RP6

Na verdade, você pode usar o que tiver, desde que saiba o que deseja fazer e quem é o público da sua entrega;)

0
Wolo

Não é possível adicionar um comentário à postagem de Rahul, por isso vou mencionar aqui que o site de maquetes personalizadas do Balsamiq está sendo realocado aqui https://mockupstogo.mybalsamiq.com/projects e está em um formato muito melhor do que o site Posterous.

@OneWorld, você pode assinar http://mybalsamiq.com por US $ 12 por mês. Mas é melhor comprar a versão para desktop IMHO.

0
saybeano