+55 11 2598-6805

Caretta – GUI Design Studio

Descrição

GUI Design Studio – Crie projetos de interface do usuário e protótipos de software sem codificação
GUI Design Studio é um projeto de interface de usuário do aplicativo com todos os recursos e ferramentas rápidas de prototipagem  que não requerem codificação. É igualmente apropriado para a criação da área de trabalho, projetos de aplicativos móveis e web site.

Wordsmith ExampleGUI Design Studio é uma ferramenta de design e prototipagem de interface livre de código, editor arraste e solte para os criadores de web, desktop, móveis e aplicações de software embarcado.

  • Telas de projeto ou páginas da web;
  • Adicione comportamento de interação do usuário;
  • Teste como um protótipo corrente;

Web Real Estate ExampleSoftware Designers, profissionais de experiência do usuário, analistas de negócios, desenvolvedores, gerentes de projeto e consultores.

  • Idéias de Documentos de produtos;
  • Criar propostas de projetos;
  • Crie mock-ups de design.

Internet Phone ExampleRapidamente fixe idéias e teste em ambientes de baixo custo, sem risco e evite retrabalhos de implementações caras, obtenha o projeto direto acordado em primeiro lugar.

  • Verifique projetos e requisitos;
  • Explorar alternativas;
  • Avalie diferentes cenários de uso.

Passo 1: transformar as ideias em Visuals

Então você tem uma compreensão geral dos requisitos do seu aplicativo. Idéias estão se formando em sua cabeça. Agora é hora de levá-los para baixo em forma de tela ou página web visuais.

Inicie um novo projeto e criar alguns projetos.

Com cada arquivo de design, GUI Design Studio dá-lhe uma grande tela para trabalhar. Realmente grande.

E por causa da maneira única ele usa o que está na tela, você pode decidir o que é importante e o que é apenas um pensamento passageiro para pendurar para mais tarde.

Empurre idéias diferentes para as margens e misture ao redor. Ou use como uma nova linha de pensamento em uma versão copiada rapidamente de um projeto.

App Screens

ElementsMais de 120 elementos de projetos embutidos
Crie telas usando controles padrão do Windows, elementos da Web e outros elementos genéricos. Variações previstas acelerar a construção. Combine elementos para criar controles personalizados e outras variantes.

 

 

iOS Design LibraryWidgets e bibliotecas personalizados 
Crie o seu próprio conjunto de elementos comumente usados e grupos de elementos. Transforme qualquer arquivo de projeto em um elemento personalizado para reutilização. bibliotecas elemento personalizado do pacote para compartilhar com os outros.

 

Component ExampleComponentes e Mestres de reutilização
Quebre seus projetos para baixo em projetos de componentes menores que podem ser reutilizados em qualquer número de outros projetos. Alterações para o componente original são refletidas instantaneamente onde quer que eles são usados.

 

 

Passo 2: Adicionar Interações do usuário

O mais próximo que estiver de um aplicativo de trabalho, a uma ideia mais clara você vai entrar em quão bem ele atende aos requisitos.

Maquetes estáticas são um grande começo, mas eles não contam toda a história. Fluxo de usuários são importante em um aplicativo, para que você também queira descrever o que acontece em cada tela e explorar suas relações.

  • Como ir de A para B?
  • O que acontece quando você pressiona esta tecla, ou que botão?
  • Às vezes é óbvio. Às vezes não é.
  • Quais são os diferentes estados de uma tela pode estar em? O que eles se parecem?
  • Você quer se comunicar essas idéias de uma forma que é rápido de entender e fácil de entender.

Ribbon Bar Actions

User FlowDescrevem vividamente Screenflow
Vá além de ligações de tela simples e slideshows com vários tipos de navegação, camadas modais e efeitos de tela diante. Faça conexões a partir de praticamente qualquer elemento.

 

 

ScenariosVários cenários de Casos de Uso
Adicione cenários de caso de uso para qualquer ação e mude o fluxo do aplicativo em conformidade. Introduza regras de negócios para cada condição de cenário, com base nos dados inseridos pelo usuário e seleções de opção.

 

 

Tabbed InterfaceInterfaces dinâmicas e com guias 
Facilmente crie interfaces separadoras e painéis de conteúdos dinâmicos que podem ser aninhados dentro de um outro para aplicações complexas. Você pode até mesmo controlá-los a partir de atribuição de valores de dados simples.

 

 

Passo 3: Teste o seu Prototype

Com um clique você pode imediatamente testar o projeto que você está trabalhando no momento ou executar todo o protótipo de projeto a partir de seu ponto de partida designada.

Nenhuma codificação e sem espera para a compilação.

Isso faz com que a reviravolta entre design e teste extremamente rápido para máxima produtividade. Faça um pequeno puxão a seu projeto e teste instantaneamente.

Somente quando você testar com uma maquete de trabalho você descobre todas as questões ocultas que estão à espreita por trás de seu projeto

  • Será que a estrutura e fluxo faz sentido?
  • O que acontece neste caso, ou nesse caso?
  • O que está faltando?
  • O que posso deixar de fora?
  • E muitos mais.

Prototype being tested

Running PrototypeExecução Prototype instantânea
Pressione ‘Run’ e seu protótipo abre em sua própria janela de tela cheia (para evitar distrações), com um modo pseudo-browser para projetos baseados na web.

 

 

 

Apply Data SetTeste de Cenário rápido
Economize tempo testando diferentes cenários através da criação de conjuntos de dados que você pode aplicar a qualquer momento para preencher rapidamente formulários de uma forma repetível e sem erros.

 

 

 

Exported Snapshot ImageExportação de Snapshots
Capture o momento, agarrando um instantâneo de seu protótipo funcionando como uma imagem exportada. Utilize este para destacar as áreas do design para uma discussão mais aprofundada.