Bem-vindo à nossa galeria de protótipos
Integração do IFTTT
IFTTT.com é conhecida por seu tutorial de integração. Nós o recriamos usando gestos de deslizar e estados de interface do usuário no Indig.Design. Ele foi criado em escala de cinza para mostrar que você ainda pode comunicar uma experiência de alta fidelidade sem maquetes.
Validação de inscrição
Acione fluxos de usuário ramificados com base no que as pessoas digitam nos campos do formulário ou em como elas interagem (por exemplo, pressionando enter). Simulamos uma condição de erro quando os usuários tocam em inscrever-se sem preencher o formulário. É fácil criar fluxos lógicos com Indigo.Design.
Aplicativo de dinheiro
Mostrando um protótipo de um aplicativo de rastreamento de despesas pessoais para acompanhar as despesas mensais. Apenas as principais histórias de usuários foram protótipos. Por exemplo, adicionar uma nova despesa e visualizar o orçamento do mês com transações categorizadas.
Estatísticas mundiais
Este protótipo do iPad simula alguns cenários-chave do GapMinder.org e mostra os recursos de animação em Indigo.Design. Ele usa a linha do tempo da animação para animar transições para cada elemento da interface do usuário. Inicie o protótipo e clique em JOGAR!
Encontre o Panda!
A prototipagem nem sempre precisa ser séria! Você consegue encontrar o panda neste protótipo? Tente usar a barra de ferramentas prototype para exibir o sumário. Baixe o protótipo para ver como ele foi criado.
Site do Indigo Studio
Antes de começarmos a codificar o novo site para o Indigo Studio, criamos um protótipo usando maquetes e pontos de acesso. Ele também faz uso de screenparts para a navegação primária e para comunicar rapidamente as animações esperadas.
Clima para desktop
Este protótipo simula o aplicativo de clima na área de trabalho do Windows 10. Clique no menu lateral para ver um exemplo de um elemento de interface do usuário personalizado criado como uma parte da tela com comportamentos aninhados. Na verdade, a tela inteira é feita com várias partes da tela.
GetBootstrap.com
Veja como as janelas de visualização responsivas do Bootstrap são facilitadas com o Indigo.Design. Saiba como os layouts de 12 colunas funcionam junto com uma abordagem móvel introduzida pelo Bootstrap. E que melhor maneira de mostrar isso do que prototipar getbootstrap.com.
