Como prototipar mobile sites e apps no Axure

Entre os updates da recém lançada versão do Axure está a possibilidade de prototipar interfaces mobile. Ok, isso sempre foi possível na base da gambiarra, mas agora o software ganhou funções específicas para este tipo de projeto.

  1. Crie um novo documento no Axure e o configure para “Mobile”;
  2. Crie seu protótipo usando os widgets padrões do Axure;
  3. Na hora de gerar o protótipo, mexa nos settings de “Mobile” e marque a opção “Include Viewport Tag” na tela de configuração do protótipo que será gerado;
  4. Suba o protótipo para um servidor;
  5. Use um smartphone para acessar a URL do protótipo;
  6. Voilà!

O vídeo abaixo mostra como isso funciona:

E abaixo um protótipo de celular funcionando:

via

8 comentários sobre “Como prototipar mobile sites e apps no Axure

  1. Gostei muito da versão beta 6.5 onde é possível travar elementos na tela, funcionando como as barras fixas nos apps mobile, facilitou bastante, agora, pelo menos, não precisamos fazer mais javascript gambiarra pra prototipar mobile =)

  2. O segundo vídeo mostra o resultado final, e parece ter ficado bem bacana.

    Mas o primeiro vídeo é bem desnecessário, pra não dizer inútil.
    Quando ele abre o protótipo no safari, precisa fazer pinch and drag pra alinhar o à viewport, ou seja: ele não faz uso da viewport tag, o que torna o vídeo irrelevante, além de não ter usado corretamente o recurso oferecido pelo Axure.

  3. Pingback: Usando o Axure para criar protótipos mobile | Arquitetura de Informação

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

Você está comentando usando sua conta WordPress.com. Sair / Mudar )

Imagem do Twitter

Você está comentando usando sua conta Twitter. Sair / Mudar )

Foto do Facebook

Você está comentando usando sua conta Facebook. Sair / Mudar )

Conectando a %s