Prototipagem de uma GUI (interface gráfica com o cliente [fechado]

Question

Quando prototipagem inicial GUI funcionalidade com um cliente, é melhor usar uma caneta/papel de desenho ou para zombar de algo usando uma ferramenta e mostrar-lhes o que ?

O argumento contra uma ferramenta gerado design, sendo que o cliente pode, por vezes, o foco no nível baixo de detalhes do mock-up em vez de tomar um maior nível funcional de vista da interface gráfica em geral.

Answer 1

Sempre começar com papel ou de papel-como mock-ups em primeiro lugar.Não quero cair em uma armadilha de dar a impressão de completude quando o back-end é completamente oca.

Um polido de um protótipo ou de pixel-perfeito exemplo coloca muita ênfase no design.Com um óbvio sketch, você terá uma melhor tiro de discutir a funcionalidade desejada e conteúdo, em vez de cores, fotos, e outras questões estilísticas.Haverá tempo para que a discussão do projeto, mais tarde.

Jeff aborda protótipos em papel em sua Codificação Horror artigo INTERFACE do usuário-Primeira Desenvolvimento de Software

Clique em "Assista a um vídeo!" link twitter.com para ver uma opinião interessante sobre a idéia de Common Craft.

Answer 2

O "Guardanapo Look & Feel" para Java é muito legal para prototipagem.Um real, o funcionamento, clicável app que parece que foi feito em um guardanapo.Confira esta imagem:

Sério, como é que cool?

Answer 3

Eu sugiro que você se sentar com o cliente e usar uma ferramenta como o Mockupscreens e desenvolver a INTERFACE do usuário de forma interativa.Uma vantagem que possui sobre o Guardanapo LAF é que ele não requer codificação, ou mesmo ferramentas de desenvolvimento de qualquer tipo

Answer 4

Confira Balsamiq

Ele faz o "ISTO NÃO É UM FUNCIONAL APP" guardanapo ler muito bem e é fácil de usar.

Tem um completo demonstração você pode experimentar on-line e como um bônus adicionado, você pode enviar o XML para o seu cliente e eles podem ajustá-lo e jogar com ele e enviá-lo de volta para você, sem precisar ter uma licença.

Answer 5

Há um livro chamado Protótipos Em Papel que detalhes caneta e papel de desenho e o que você pode ganhar com isso.Eu acho que ele tem um monte de benefícios, particularmente, que você pode, muito cedo (e facilmente), de modificar o que o resultado final vai ser, sem muito esforço, e, em seguida, comece com o pé direito.

Answer 6

Um basic versão em papel é o caminho a percorrer para uma primeira maquete.Tem sido minha experiência que, se você fizer um "real" mock-up, mesmo se você explicar para o cliente que é um não-funcionais de mock-up, eles são confusos quando as coisas não funcionam.

Linha inferior:mantê-lo o mais simples possível.Se é em papel, não há nenhuma forma o cliente vai confundi-lo com um produto.

Answer 7

Para o primeiro projeto, eu prefiro usar o gráfico de papel (o material com uma grade impressa) e um lápis.O papel de gráfico é ótimo para ajudar a manter as proporções.Uma vez que o cliente e cheguei a uma conclusão, eu vou normalmente preencha o desenho com a caneta, pois o lápis é propenso ao desbotamento.

Quando eu recebo em torno da construção de protótipo digital, eu vou verificar no desenhados à mão e usá-lo como um modelo de fundo.Parece funcionar muito bem para mim.

Answer 8

Eu acho que é melhor começar com Papel/Quadros/paredes Brancas.

Uma vez que você tem a estrutura básica, você pode movê-lo para o Visio com o wireframe estênceis

• (Baixe um Estêncil Kit)
• (Os Estênceis do Visio para Arquitetos de Informação).

Ou você pode usar Jeans (Informal Ferramenta Para a Fase inicial de Web Site e Design de INTERFACE do usuário) com um tablet PC ou tablets Wacom para design de interface de usuário e execute-o como site em HTML.

Answer 9

WireframeSketcher é uma ferramenta que o ajuda a criar rapidamente wireframes, maquetes e protótipos para desktop, web e aplicações móveis.Ele vem tanto como um independente versão plug-in para IDEs Eclipse.Ele tem algumas características distintivas, como storyboards, componentes de ligação e vetor de exportação de PDF.Entre suportados IDEs são o Aptana, o Flash Builder, o Zend Studio e o Rational Application Developer.

_{(fonte: wireframesketcher.com)}

Answer 10

Eu recenly utilizado um Aplicativo do windows para o protótipo de uma aplicação para um cliente (a interface final tem de ser integrado a um site).

Pessoas em primeiro pensei que seria a última versão, e começaram a fazer muito pesadas críticas da forma como controles, foram apresentadas as palavras que eu tinha usado (terminologia e outras coisas) e a hora da reunião terminou antes poderíamos até discutir a funcionalidade em si.

Que a discussão se arrastou por dias e dias até que eu disse a eles que, sendo um mock (e não uma aplicação final) todas as entradas são bem vindos, mas tivemos de nos concentrar sobre as funcionalidades do primeiro e, em seguida, nós poderíamos passar para olhar e sentir, bem como terminologia problemas.

A partir desta reunião, eu estou sempre com medo de protótipos e mock-ups...Talvez eu deveria ter dado a eles algo feito no visio em vez disso.

Answer 11

Você pode experimentar ForeUI, ele permite que o desenvolvimento de protótipos com diferentes estilos, o que é mais, pode fazer interativo, protótipo e executá-lo no navegador.

Answer 12

Para um não-instalação com base no navegador, ferramenta que você pode tentar rascunho-a

É grátis - e se você tiver uma conta do gmail - não é necessário qualquer registo.

Faz interativo/passo a Passo Ou de apresentação de Slides - protótipos.Você pode compartilhar o seu protoype com qualquer um que você escolher, apenas o envio de um link.

Funciona para nós ...