Qual é a melhor maneira de criar protótipos de aplicações interativas?

Question

A questão deve ser interpretada a partir de um ponto de vista geral e não apenas direccionado para aplicações web ou aplicativos de desktop.

Eu tenho procurado em torno de encontrar um simples e fácil maneira de criar protótipos interativos para aplicações web. Eu gostaria de usar uma técnica que permite a criação simples interface do usuário e recreação especialmente UI e modificação em mais iterações. Encher o UI com dados maquete deve ser muito simples. A técnica pode necessitar de uma forma simples de programar, por exemplo para especificar um arrastar e soltar comportamento da UI elemento de A a UI elemento B.

Uma ferramenta eu uso atualmente é o Adobe Flex Builder. A GUI designer incluído é muito bom e eu tenho feito algumas habilidades com AS3 até agora. O problema é a adição de dados para a interface do usuário. É sempre resulta em me programando código para verificação e análise de XML-árvores estruturas, e, principalmente, a depuração desta secção do protótipo. Demasiado pesado!

Outra ferramenta uso muitas pessoas é PowerPoint que envolve uma maneira realmente complicado de criar uma GUI desenhando cada parte de uma interação em um slide separado. De jeito nenhum! Eu seria muito mais rápido com protótipos de papel. Outros (melhor!) Forma livre ferramentas de desenho também fazem parte desta categoria (eu sou um usuário inkscape peso pesado feliz), mas Prototipagem e Maquete não são, obviamente, a sua principal finalidade. A paleta de UI-estêncil para Viso torna um pouco melhor do que o concurso de desenho.

Os principais concorrentes em prototipagem rápida até onde eu conheço são:

• iRise
• Axure
• Serena e outros?
• Viso
• Powerpoint, Illustrator, Inkscape ou qualquer outra ferramenta de desenho de forma livre
• papel prototipagem
• IDE com bons construtores de GUI (como o Flex Builder Designer e Netbeans Matisse)

A minha opinião é que GUI construtores reais são um bom ponto de partida. Quais são as suas abordagens atuais? Descreva o seu processo e os prós e contras como uma resposta aqui.

Answer 1

construtores real GUI são:

• muito mais lento
• Apenas programadores podem usá-los (tentar explicar o analista como preencher uma tabela em VB)
• Eles não permitem que você anotar suas maquetes na mosca
• não têm peles (por exemplo, em preto e branco) para criar telas que não podem ser confundidos com a aplicação "quase pronto"

Enquanto as ferramentas de maquete especializados geralmente são:

• orientada Comunicação
• Pode imprimir ou exportar suas maquetes (juntamente com suas notas) para PDF / HTML / Word etc
• Melhor os que têm alguma variante de "telas de mestre" para que possa derivar centenas de maquetes de apenas um punhado de telas principais de aplicação (você chegar rapidamente a um monte de maquetes quando você tentar discutir cenários reais com o cliente)
• rápido o suficiente para que você pode protótipo em tempo real em uma reunião

Quase uma década atrás, eu fiquei frustrado por todos os itens acima e criei a minha própria ferramenta: MockupScreens . Tornou-se bastante popular rapidamente: -)

E aqui está a lista mais completa de tais ferramentas especializadas que eu conheço. Muitos dos que são livres: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

Rápido e prototipagem de papel sujo: PowerPoint (ver: PowePoint prototipagem Toolkit )

-Grande para facilmente montar protótipos que podem ser apresentados. A natureza corrediça também pode servir como um substituto para a interacção simulada. Desvantagem é a falta de padronização. Não para projetos disciplinados.

Disciplinado prototipagem papel: Visio

-Standardized e cheio de recursos, mas mais complicado

prototipagem interativo: Visual Studio

-Muito interação rápida construção usando drag-n-drop e eventos. Pode ser dados orientado. Você pode até mesmo construir um protótipo 'base' como um starter kit. A única desvantagem é a tentação para realmente torná-lo o aplicativo de produção. ;)

Answer 3

Há também Balsamiq . Eu meio que gosto disso, mas geralmente se cansam destas coisas muito rápido. Eu acabo usando caneta e papel ou construtor de interface do OS X, o que não é mais difícil de usar do que todas essas ferramentas de prototipagem.

Answer 4

Se você está falando mock-ups / wireframes (ou seja estáticos fotos) Visio é uma ferramenta de escolha.

A maioria dos softwares que você mencionou é ou acima do nível do utilizador empresarial normal (ou seja, você precisa de um especialista para fazer as maquetes em oposição aos usuários de negócios ajudando você) ou não são criadas com o propósito de mock- ups.

Se você precisa de um protótipo dinâmica, então há uma abundância de opções e tudo depende do tipo de habilidades que você tem disponível na equipe. Por exemplo, eu tenho um cara que é muito forte em HTML. Seria muito mais fácil para ele criar uma página HTML a partir do zero no bloco de notas que tentar fazer a mesma coisa com o Flash em uma ferramenta WYSIWYG. Algumas outras pessoas têm habilidades boas Flash e poderia empregá-los etc.

Answer 5

Expression Blend ( http://www.microsoft.com/ expressão / products / overview.aspx? key = mistura ) pode ser usado para criar maquetes rápidas em XAML. Você pode armazenar dados para a maquete como XML em linha no XAML, ou você pode rapidamente convertê-lo para aplicação WPF / Silverlight e construir lógica de negócios básica por trás de sua maquete utilizando o Visual C # Express ( http://www.microsoft.com/express/vcsharp/ ) ou Visual Studio 2008.