Quem sabia que o Adobe CC poderia fazer wireframe?

O wireframing é um passo importante no design de qualquer interface de usuário, seja um site, aplicativo ou produto de software. Sem distração na forma de recursos visuais, cores, tipografia, estilos e efeitos, você pode se concentrar mais na definição da hierarquia de conteúdo e na experiência do usuário.

Fazer wireframes e protótipos de baixa fidelidade ajudará você a testar e iterar mais cedo e com mais frequência no processo. Os wireframes de baixa fidelidade permitem que os designers trabalhem mais rápido e desenvolvam produtos que os usuários vão adorar.

Existem muitas ferramentas de wireframing diferentes para escolher na natureza. Qual você escolher dependerá de suas preferências pessoais e estilo de fluxo de trabalho.

Assim como muitos designers que mudaram para o design digital do mundo da impressão, sou especialista em aplicativos da Adobe, como Illustrator, InDesign e Photoshop. Posso usá-los de forma eficiente e intuitiva de qualquer lugar e a qualquer hora (mesmo que alguém me acorde no meio da noite e se recuse a me dar uma xícara de café).

Não surpreendentemente, esses aplicativos versáteis também se tornaram as ferramentas que uso para fazer design visual da Web e de aplicativos. Portanto, para que meu fluxo de trabalho seja o mais eficiente, também os uso para wireframes.

A cada projeto, geralmente começo a desenhar fazendo esboços muito rudimentares no papel, ou na tela do meu iPad ou smartphone, se não estiver perto da mesa do meu escritório. Esses esboços estão aí para focar meus pensamentos em relação ao conceito escolhido; o cliente provavelmente nunca verá nenhum deles. Quando me sinto confiante de que minha ideia funciona, passo para o wireframe. Eu costumo usar o Adobe Illustrator e o InDesign combinados: Illustrator para criar a maioria dos elementos do kit de interface do usuário e InDesign para o próprio wireframe.

Explicarei um processo passo a passo de como também incorporar essas ferramentas em seu fluxo de trabalho de wireframing mais adiante neste artigo, mas antes de entrar em detalhes, deixe-me mostrar os pontos fortes e fracos de usar o InDesign como uma ferramenta primária de wireframing .

Os prós e contras de usar o Adobe InDesign como uma ferramenta de wireframe e prototipagem

Há algum tempo, o Adobe InDesign não é apenas um aplicativo de editoração eletrônica, mas também amplamente usado para publicação digital e criação de EPUB. Existem também várias razões pelas quais é uma ferramenta adequada para wireframing:

• Páginas mestras – Você pode aplicar de forma rápida e consistente elementos de design global, como navegação, cabeçalhos, rodapés e assim por diante, usando páginas mestras. Você pode criar quantas páginas mestras precisar e, além disso, uma mestra pode ser baseada em outra.
• Suporte a grades sólidas – Permite criar e aplicar facilmente diferentes tipos de grades, complementando colunas, guias horizontais e verticais para criar módulos e subgrades para maior complexidade e precisão.
• Layouts alternativos – permite wireframes para vários dispositivos e orientações no mesmo arquivo.
• Bibliotecas da CC – Gera uma biblioteca de diferentes ativos reutilizáveis, como objetos, cores, caracteres e estilos de parágrafo comumente usados. Crie ativos no InDesign, Illustrator ou Photoshop, ou com o aplicativo móvel Adobe Capture, o que você preferir.
• Camadas – Fornece a capacidade de organizar, agrupar, mostrar/ocultar e bloquear/desbloquear objetos e conteúdo seletivamente no wireframe. Cada página de um documento de várias páginas do InDesign tem o mesmo número e ordem de camadas. Todas as alterações feitas nas camadas são refletidas em todas as páginas, como visibilidade, ordem de empilhamento ou exclusão.
• Estilos e tabelas – Dá controle total sobre a aparência de seu texto, objetos e tabelas por meio do uso de estilos do InDesign. Os estilos podem herdar uns dos outros, fornecendo a capacidade de cascata de formatação desejada facilmente em todo o documento. Criar e formatar tabelas para serem usadas como elementos de conteúdo de wireframe ou até mesmo auxiliares para fins de layout é muito simples.
• Integração do Typekit – Em maquetes de alta fidelidade, você pode usar qualquer uma das fontes Typekit que são sincronizadas com a área de trabalho.
• Interatividade e animações – Você pode usar os recursos integrados de interatividade e animação do Adobe InDesign para criar diferentes estados de elementos de design da Web ou de aplicativos para prototipagem de interação. A maioria das pessoas usa esses recursos ao criar revistas para soluções de publicação digital e exportação de EPUB de layout fixo, mas eles também são adequados para prototipagem.
• Opções de exportação – o InDesign pode exportar os wireframes e protótipos que você cria em vários formatos. PDFs interativos provavelmente serão seu formato de escolha na maioria dos casos, mas você também pode usar o recurso Publicar Online para converter seu documento em HTML interativo, que pode ser visualizado em navegadores modernos para desktop e dispositivos móveis. Infelizmente, você não tem muito controle sobre a exportação usando o Publish Online, e os arquivos exportados são hospedados em servidores da Adobe. Você pode compartilhar o URL do protótipo com seu cliente ou incorporá-lo ao seu site. Para mais controle e exportação direta para HTML5, você pode usar a extensão in5 da Ajar Productions.

O Adobe InDesign tem muitas vantagens para ser usado como ferramenta de wireframe e prototipagem, mas também tem algumas desvantagens:

• Falta de modelos e elementos de wireframe predefinidos – Como o InDesign não é uma ferramenta de wireframe, você precisa criar e preparar modelos e ativos de objeto por conta própria. (Vou mostrar como lidar com essa etapa mais adiante no artigo.) A boa notícia é que a maior parte desse trabalho será feita apenas uma vez e, após algumas horas de trabalho, você estará pronto para iniciar seu Wireframes do InDesign. Além disso, existem muitos ativos e kits de wireframe que você pode baixar da Internet, portanto, não há necessidade de desenhar tudo sozinho.
• Os recursos de interatividade e animação são limitados – Embora você possa conectar páginas facilmente e adicionar alguma interatividade e animações, o processo às vezes pode levar muito tempo. Algumas das ferramentas de interação simples não são muito intuitivas. Se você não usou os recursos de interatividade do InDesign, precisará superar uma pequena curva de aprendizado antes de poder aplicá-los com eficiência.
• Os documentos do InDesign não podem ser exportados diretamente como arquivos PSD em camadas – Se você faz seu design visual no Adobe Photoshop e deseja ter elementos de wireframe separados para construir seu design, terá que exportar seus wireframes para PDF primeiro. Em seguida, você precisará abrir o PDF no Illustrator e exportá-lo novamente como um PSD em camadas. As pessoas que trabalham no Mac também podem usar um script gratuito escrito por Rob Day para salvar arquivos do InDesign como um PSD em camadas.

Uma boa preparação de wireframe é metade do trabalho

Comece ajustando seu ambiente de trabalho. Se você ainda não tem um espaço de trabalho salvo no Illustrator e no InDesign para esse tipo de trabalho, crie um. No Illustrator, comece com a área de trabalho da Web predefinida e adapte-a ao seu gosto: feche os painéis que você não usa com frequência, certifique-se de abrir os que você usará e organize-os de acordo com seu estilo de trabalho.

Quando terminar, salve a área de trabalho escolhendo Janela > Área de trabalho > Nova área de trabalho... Faça a mesma coisa no InDesign usando a área de trabalho de Publicação digital como inicial.

Montagem de Kits de Wireframe/Mockup/Protótipo

Um fluxo de trabalho de wireframes eficiente usando o Illustrator e o InDesign requer que você invista algum tempo na criação do seu kit de ativos de interface do usuário primeiro. Desde a introdução da Adobe Creative Cloud, as Bibliotecas da CC são a melhor maneira de armazenar todos os componentes do kit de interface do usuário.

Você pode criar uma ou mais bibliotecas para fins de wireframing e prototipagem. Por exemplo, você pode criar uma biblioteca para wireframes de sites, outra para aplicativos iOS, uma terceira para aplicativos Android e assim por diante.

Para criar uma Biblioteca Adobe CC, abra o painel Bibliotecas e escolha Criar nova biblioteca no menu de hambúrguer no painel. Os ativos que você coloca nas bibliotecas podem ser criados e usados ​​em diferentes aplicativos para desktop ou dispositivos móveis da Adobe em todos os dispositivos nos quais você faz login com sua Adobe ID. Isso significa que você pode começar com o projeto em seu iPad ou iPhone, continuar em seu computador desktop no escritório e fazer alterações de última hora em seu laptop doméstico com os mesmos ativos disponíveis em todos os dispositivos.

Se você trabalha como parte de uma equipe maior, os ativos da biblioteca podem ser compartilhados entre os membros da equipe. As bibliotecas podem conter cores, gráficos, estilos de camada (somente Photoshop) e estilos de parágrafo e caractere. Você adiciona ativos em bibliotecas clicando no botão correspondente na parte inferior do painel Biblioteca da CC com o respectivo elemento selecionado. Você também pode adicionar ativos gráficos arrastando-os diretamente de sua prancheta para o painel Bibliotecas.

Os ativos nas bibliotecas são organizados por categorias. Atenha-se às boas práticas e renomeie cada ativo com um nome significativo. As bibliotecas são pesquisáveis, e encontrar um ativo digitando o início de seu nome economizará muito tempo depois, especialmente quando você tiver muitos itens diferentes em suas bibliotecas. Para alterar o nome de um ativo, clique duas vezes nele e digite um novo.

Criando componentes do kit de estrutura de arame

Embora o Adobe InDesign tenha algumas ferramentas básicas de desenho que são bastante semelhantes às do Illustrator, o Illustrator é uma escolha muito melhor para desenhar vários elementos em seu wireframe. Como regra geral, crie todos os elementos do kit que exigem algum desenho mais complexo do que as formas geométricas básicas no Illustrator. Crie elementos mais simples que contenham texto que você precisará alterar no layout, como botões simples, no InDesign.

Para começar, faça uma lista de todos os elementos necessários no wireframe, como elementos de navegação, elementos de página, incluindo imagens, quadros de vídeo e caixas de texto, ícones, avatares, elementos de formulário e todos os outros elementos da interface. Depois que sua lista estiver concluída, você pode ir ao Illustrator e ao InDesign para criar esses elementos.

Comece criando um novo documento para componentes de wireframe ou kit de maquete. Verifique novamente se você escolheu Perfil da Web/Dispositivos no Illustrator ou Intenção de publicação na Web/Digital na caixa de diálogo Novo documento. Isso garante que os pixels sejam usados ​​como unidades e que o modo de cor seja definido como RGB.

Torne os ativos do kit de wireframe o mais simples possível, pois eles precisam fornecer dicas visuais rápidas para o que representam sem serem muito detalhados. Você deve usar paletas de cores muito limitadas, de preferência alguns tons de cinza. Acentue visualmente os elementos que são mais importantes colorindo-os com tons mais escuros ou dando-lhes maior contraste.

Para maquetes ou protótipos de alta fidelidade, crie kits de interface do usuário com elementos mais detalhados que usem a respectiva paleta de cores de cada projeto. Para facilitar o acesso às paletas de cores, adicione-as às bibliotecas CC.

Ativos do Adobe Illustrator nas bibliotecas da CC

Os ativos que você adiciona às bibliotecas do Illustrator são vinculados por padrão (desde o Adobe CC 2015). Isso significa que quando você modifica um ativo de biblioteca no Illustrator, as alterações são refletidas em todas as instâncias usadas. Se você quiser adicionar um ativo desvinculado ao documento, pressione a tecla opção/alt enquanto o arrasta do painel.

Ao usar ativos vinculados do Illustrator no InDesign, eles terão um pequeno ícone de nuvem no canto superior esquerdo quando o documento for visualizado no modo Normal. Todos eles também estão listados no painel Links. Se você modificar um ativo de biblioteca no Illustrator, as alterações no documento do InDesign não serão feitas automaticamente. O ícone de nuvem será substituído por um ícone de ponto de exclamação de link modificado e você terá que atualizar esses links.

Os ativos do InDesign que você coloca em um documento do InDesign não são vinculados. Isso significa que você pode editar instâncias independentemente do original e, quando o ativo original é modificado, essas alterações não são refletidas nos ativos que já foram colocados no layout.

Considere essas propriedades ao criar wireframes: Adicione ativos à Biblioteca do Illustrator quando você assumir que eles precisarão ser modificados e atualizados globalmente, ou adicione-os do InDesign quando você souber que deseja modificá-los individualmente. Observe que você também pode criar gráficos no Illustrator, copiá-los/colar no InDesign e modificá-los, se necessário, antes de adicioná-los à biblioteca como um ativo do InDesign.

Se você esquecer qual recurso gráfico é criado por qual aplicativo, observe o lado direito de cada item no painel Biblioteca ao usar Mostrar itens como uma lista.

Flexibilidade do Adobe InDesign com conteúdo e cópia

Para garantir que você possa alterar facilmente a cópia e a tipografia em seus wireframes, crie contêineres de texto no InDesign. O InDesign tem um bom recurso para preencher caixas de texto com texto de espaço reservado. Ao desenhar uma caixa de texto, clique com o botão direito nela e escolha Preencher com texto de espaço reservado .

Adicione caixas de texto à biblioteca da Adobe como qualquer outro elemento gráfico, arrastando-as. Ao usar esses ativos de texto posteriormente como parte de seu layout de wireframes, você pode modificar a caixa de texto, bem como seu conteúdo em seu wireframe.

Considere também criar elementos de interface de botão no InDesign. Para criar um botão, crie um quadro de texto, digite o texto e use Objeto > Opções de quadro de texto para definir o espaçamento de inserção. Ajuste a justificação vertical do texto dentro de uma caixa escolhendo a opção desejada no menu suspenso Alinhar.

Alterne para a guia Auto-Size e escolha o dimensionamento automático apropriado (que provavelmente seria Width Only) e um ponto de referência conveniente. Se você não quiser permitir que o InDesign divida seu texto em mais de uma linha, marque a opção Sem quebras de linha.

Usar recursos existentes

Existem muitos kits de UI de wireframing e prototipagem do Adobe Illustrator disponíveis na internet que você pode comprar ou até mesmo baixar gratuitamente se quiser uma solução pronta. Talvez você já tenha elementos que possa desenterrar de seus projetos concluídos. Abra esses documentos, ajuste quaisquer elementos criados anteriormente conforme necessário e coloque-os em suas respectivas bibliotecas.

Se você estiver projetando para uma plataforma específica – por exemplo, um aplicativo iOS ou Android – certifique-se de ler atentamente as diretrizes de interface humana e usar os ativos apropriados. Pode ser conveniente ter elementos de interface do usuário específicos para várias plataformas em seu kit.

Não se concentre muito em tentar contabilizar todos os ativos ou estados futuros em suas bibliotecas antes de iniciar o processo real de wireframing. Você pode adicionar ativos às suas bibliotecas posteriormente e criá-los à medida que avança.

Criando modelos de estrutura de arame do InDesign

Falta mais uma etapa de preparação importante: Crie modelos do InDesign que você usará para fazer wireframes. Comece criando um novo documento com a intenção de Publicação na Web ou Digital e defina os tamanhos de página apropriados para as telas para as quais você está projetando.

Como é recomendado que você use algum tipo de grade para dispor seus elementos de estrutura de arame, configure as margens e crie uma grade de colunas definindo o número desejado de colunas e o espaço da medianiz. Você pode alterar essas configurações posteriormente em Layout > Margens e Colunas com sua respectiva página mestra (ou páginas) selecionada no painel Páginas.

Se você precisar de guias horizontais e guias verticais complementares, crie-as manualmente ou faça uma grade adicional usando Layout > Criar guias. Ao criar uma grade, é útil usar uma das ferramentas de cálculo de grade online, como o Gridulator.

Você também pode criar modelos adicionais para fins de apresentação com maquetes de dispositivos como um quadro para seus wireframes. Como um documento do InDesign pode ser vinculado a outro, você pode criar wireframes em um documento do InDesign e colocá-lo em outro para apresentações.

Embora possa parecer complicado no início, este é realmente um fluxo de trabalho muito simples e eficaz. Manter os wireframes reais em um documento separado facilita a construção de wireframes aprovados para um design visual polido.

Também é simples criar modelos prontos para apresentação nos quais colocar wireframes, adicionar rótulos e comentários e poder mostrar sua melhor solução ao cliente. Quando você faz modificações em um arquivo wireframe, basta atualizá-lo como qualquer outro link em um documento de apresentação e ta-daaa! Todas as alterações também estão na sua apresentação.

No painel Camadas, você pode preparar camadas separadas para diferentes tipos de conteúdo: elementos da interface do usuário, recursos interativos, gestos, rótulos e notas. Se você precisar de mais camadas para um projeto específico, poderá adicioná-las facilmente a qualquer momento durante o processo de wireframe.

Quando terminar de criar, salve seus modelos como arquivos de modelo InDesign.indt. Depois que todos os modelos necessários forem salvos, você finalmente estará pronto para iniciar o wireframe com eficiência.

Construindo Wireframes

Primeiras coisas primeiro - comece com a página mestra. Arraste todos os elementos globais que serão iguais em todas as telas do seu projeto da biblioteca. Se você estiver projetando um site, geralmente são cabeçalhos com logotipo, navegação e rodapé. Como você pode criar mais de uma página mestra e elas podem herdar umas das outras, você pode aproveitar o aninhamento de páginas mestras.

Por exemplo, dependendo do projeto, você pode criar uma página mestra para um elemento da interface do usuário, como um pop-up modal ou de diálogo, e fazer novos mestres com base no primeiro mestre, alterando apenas os elementos que precisam ser diferentes.

Você não pode selecionar, alterar ou excluir elementos mestres em páginas de documentos normais, a menos que você clique neles enquanto mantém pressionado Command/Control + Shift para substituir o mestre. Depois que seu elemento for substituído, você poderá alterar qualquer um de seus parâmetros ou excluí-lo completamente do layout.

Lembre-se de que, mesmo quando você substituir o elemento, os parâmetros que você não alterou ainda serão herdados do mestre. Por exemplo, se você substituir um elemento alterando sua cor, seu tamanho não será alterado, pois ainda está conectado ao mestre. Além disso, se você alterá-lo na página mestra, ele também será modificado no elemento que você substituiu anteriormente.

Ao inserir páginas adicionais em seu documento de wireframes, lembre-se de baseá-las em seus respectivos mestres. Se você precisar alterar o mestre de páginas já no layout, selecione-os no painel Páginas, clique com o botão direito do mouse e escolha Aplicar mestre às páginas. Use os ativos da biblioteca e organize-os usando as opções Guias inteligentes e Alinhar para criar os layouts de estrutura de arame da interface do usuário finais.

Se você estiver criando designs para mais de um tamanho de tela, crie layouts alternativos em Layouts > Criar layout alternativo ou no painel Páginas. Você pode usar regras de layout líquido ao criar layouts alternativos para adotar automaticamente elementos de página de um tamanho e orientação para outro, ou pode controlá-los manualmente. Para aplicar e testar as Regras de Layout Líquido, use a ferramenta Página ou abra o painel Janela > Interativo > Layout Líquido.

Adicionando interatividade

O Adobe InDesign tem vários recursos de interatividade que você pode aproveitar ao criar wireframes ou protótipos. Quais recursos você incluirá dependerão do formato final necessário para seus wireframes, protótipos ou apresentações.

Se você estiver exportando como PDF, a interatividade será limitada, mas você pode pelo menos fazer os links entre as telas funcionarem usando o painel de hiperlinks para criá-los. Selecione o elemento que você deseja que se comporte como link e clique no ícone New Hyperlink. No menu suspenso Link para, escolha Página e insira o número da página desejada. Repita essa ação em todos os itens que você deseja que se comportem como links entre as telas.

Você também pode adicionar hiperlinks a objetos que residem nas páginas mestras, o que pode economizar tempo real. Crie links na página mestra uma vez e eles funcionarão em todas as telas do seu documento.

Você pode criar botões de qualquer gráfico, texto, imagem ou grupo de elementos. Para criar um botão a partir de um objeto selecionado, use o painel Janela > Interativo > Botões e formulários e clique no ícone Converter em botão.

Os botões podem ter diferentes estados criados para aparências normal, rollover e clique. Para adicionar estados de rolagem ou clique aos botões, clique neles no painel Botões e edite a aparência do botão para cada estado. Para adicionar uma ação a um botão, clique em um sinal de mais e escolha-o na lista. Leve em consideração que as ações em SWF/EPUB não funcionarão em PDFs interativos.

Para criar elementos pop-up, escolha Mostrar/ocultar botões e formulários. Para ocultar os botões até que sejam acionados, marque a opção Oculto até que seja acionado. Você pode incluir objetos de vários estados em um PDF interativo, mas somente se exportá-los primeiro como um SWF e depois colocá-los de volta no layout do InDesign para exportação em PDF. Esse fluxo de trabalho é tedioso e os PDFs não podem ser vistos corretamente em todos os leitores de PDF, portanto, tente evitar fazer isso, a menos que seja realmente necessário.

Se você deseja converter seu documento em um protótipo HTML usando o recurso Publicar Online do InDesign CC 2015, pode usar muitas outras opções interativas, como animações, objetos de vários estados e ações de vários botões, incluindo todos aqueles destinados à exportação SWF/EPUB.

Você pode adicionar animações simples usando o painel Animação e escolhendo uma das predefinições integradas no menu suspenso e configurando suas propriedades. Um objeto pode ter apenas uma animação aplicada, mas se você precisar adicionar mais deles, agrupe seu objeto com uma caixa vazia e use a nova animação nesse objeto recém-criado.

Para elementos de interface do usuário que exigem a exibição de diferentes estados, crie um objeto de vários estados. Crie um objeto separado para cada estado. Os objetos podem ser um único elemento (imagem, caixa de texto, gráfico) ou um grupo de elementos diferentes. Abra o painel Window > Interactive > Object States, selecione todos os objetos que você criou para o objeto multi-state e clique no botão New na parte inferior do painel.

Depois que seu objeto de vários estados for criado, você precisará criar botões para mover de um estado de objeto para outro. As ações Ir para o próximo estado ou Ir para o estado anterior revelam o estado do objeto específico com a ação Ir para o estado.

Se você deseja ter um quadro rolável em seu wireframe/protótipo, a maneira mais fácil de criar um é usando a extensão Universal Scrolling Frames da Ajar Productions. Depois de baixar e instalar a extensão, você pode usá-la como um painel do InDesign. Para um quadro rolável, você precisará criar conteúdo e um quadro para um contêiner.

O conteúdo rolável pode ser um quadro de texto, uma imagem ou vários elementos agrupados. Quando terminar de criar o conteúdo e a caixa de contêiner, selecione o conteúdo e Editar > Recortar. Em seguida, selecione o contêiner e cole o conteúdo usando Editar > Colar em. Selecione o container e usando Universal Scrolling Frames, ajuste a direção de rolagem desejada.

Ao combinar botões, objetos de vários estados, animações e quadros roláveis, você pode obter uma rica experiência interativa. Para testar a interatividade no InDesign, use o painel Visualização de interatividade do EPUB. Você pode visualizar uma única página ou todo o documento. Aumente o painel de visualização conforme necessário.

Se você ainda não usou os recursos interativos do Adobe InDesign, prepare-se, pois, a princípio, há uma curva de aprendizado. Mas com um pouco de prática e algumas tentativas e erros, você os dominará rapidamente.

Exportação de documentos concluídos

Quando você terminar de criar os wireframes e os arquivos de apresentação, tudo o que resta é mostrar suas grandes ideias para o cliente da melhor maneira possível. Para isso, você precisará exportar seus wireframes em um formato que seu cliente possa visualizar. Embora os arquivos do InDesign possam ser exportados em vários formatos, você provavelmente usará o PDF interativo ou o recurso Publicar online se estiver testando protótipos funcionais de baixa ou alta fidelidade. Para salvar como um PDF interativo, escolha Adobe PDF (Interativo) no menu suspenso Formato na caixa de diálogo Exportar e ajuste as propriedades conforme necessário. Não se esqueça de marcar Formulários e Mídia se houver elementos interativos que você deseja incluir. Os clientes podem visualizar wireframes PDF no Adobe Reader gratuito e escrever todos os seus comentários no mesmo arquivo.

Você também pode usar um documento PDF exportado do InDesign para criar um protótipo do InVision (ou alguma outra ferramenta que suporte PDFs). Se sua ferramenta de prototipagem padrão, talvez a Marvel, não puder importar um PDF, exporte suas páginas de wireframe do InDesign como imagens JPEG ou PNG.

Para exportar um protótipo HTML interativo que pode ser visto em navegadores modernos em diferentes dispositivos, vá para Arquivo > Publicar Online ou clique no botão Publicar Online na Barra de Aplicativos. Depois que o documento estiver preparado para publicação online e carregado, você poderá copiar um URL do documento para compartilhar com as partes interessadas e iniciar o processo de revisão. Você também pode incorporar o protótipo publicado em seu site.

Uma desvantagem do recurso Publish Online é que ele não tem nenhum controle adicional sobre a exportação e os arquivos são sempre armazenados nos servidores da Adobe. Além disso, ainda é um recurso de visualização e você não pode ter certeza em que direção a Adobe irá desenvolvê-lo, ou mesmo se será descontinuado.

Depois que seu wireframe/protótipo é exportado, é hora de iniciar o processo de teste, revisão e iteração.