O protótipo de um GUI com um cliente

votos
16

Quando prototipagem funcionalidade inicial GUI com um cliente é melhor usar um desenho da pena / papel ou para zombar de algo acima de usar uma ferramenta e mostrar-lhes que?

O argumento contra a ferramenta de design gerado sendo que o cliente pode, por vezes, o foco sobre as especificidades de baixo nível do mock-up em vez de ter uma visão funcional nível mais elevado do GUI geral.

Publicado 06/08/2008 em 19:10
fonte usuário
Em outras línguas...                            


12 respostas

votos
16

Sempre comece com papel ou maquetes de papel-like primeiro. Você não quer cair em uma armadilha de dar a impressão de plenitude quando o back-end é completamente oco.

Um protótipo polido ou exemplo de pixel-perfect coloca muita ênfase no design. Com um esboço óbvio, você tem uma melhor chance de discutir funcionalidade desejada e conteúdo ao invés de cores, fotos e outras questões estilísticas. Haverá tempo para que a discussão mais adiante no projeto.

Jeff discute prototipagem papel em sua codificação artigo Horror Desenvolvimento UI-Primeiro Software

Clique no botão "Assista a um vídeo!" link no twitter.com para ver uma tomada interessante na idéia de Common Craft .

Respondeu 06/08/2008 em 19:10
fonte usuário

votos
13

O "Guardanapo Look & Feel" para Java é muito legal para prototipagem. Um funcionando aplicativo clicável real, que parece ter sido tirada em um guardanapo. Confira esta captura de tela:

Olhe guardanapo e Sinta

Sério, como isso é legal?

Respondeu 06/08/2008 em 20:13
fonte usuário

votos
5

Confira Balsamiq

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

Tem uma exibição cheia de demonstração você pode experimentar on-line e como um bônus adicional você pode enviar e-mail o seu XML para o seu cliente e eles podem ajustá-lo e brincar com ele e enviá-lo de volta para você sem ter que ter uma licença.

Respondeu 10/08/2009 em 16:44
fonte usuário

votos
5

Sugiro que você sentar-se com seu cliente e usar uma ferramenta como MockupScreens e desenvolver a interface do usuário de forma interativa. Um benefício que tem sobre o guardanapo LAF é que ele não requer codificação, ou mesmo ferramentas de desenvolvimento de qualquer tipo

Respondeu 04/12/2008 em 14:21
fonte usuário

votos
3

Há um livro chamado Livro Prototipagem que detalha caneta e papel de desenho e que você pode ganhar com isso. Eu acho que tem uma série de benefícios, especialmente que você pode, muito cedo (e facilmente), modificar o que o resultado final será, sem muito esforço, e, em seguida, começar com o pé direito.

Respondeu 06/08/2008 em 19:12
fonte usuário

votos
2

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

Amostra WireframeSketcher maquete http://wireframesketcher.com/samples/Website.png

Respondeu 04/12/2008 em 18:50
fonte usuário

votos
2

Eu acho que é melhor começar com Paper / Quadros brancos / Paredes brancas.

Depois de ter a estrutura básica, você pode movê-lo para Visio com os stencils wireframe

Ou você pode usar Denim ( Uma ferramenta informal para Early Stage Web Site and Design UI ) com um tablet PC ou Wacom para desenhar o GUI e executá-lo como o site HTML.

Respondeu 04/12/2008 em 13:53
fonte usuário

votos
2

Para o primeiro rascunho, eu prefiro usar papel milimetrado (o material com uma grade impressa sobre ele) e um lápis. O papel de gráfico é ótimo para ajudar a manter as proporções. Uma vez que o cliente e eu vim a uma conclusão, eu geralmente vou preencher o desenho com a pena desde lápis é propenso ao desbotamento.

Quando eu realmente dar a volta a construção do protótipo digital, vou digitalizar o desenhado à mão e usá-lo como um modelo de fundo. Parece funcionar muito bem para mim.

Respondeu 06/08/2008 em 19:26
fonte usuário

votos
2

A versão básica do papel é o caminho a percorrer para uma inicial mock-up. Tem sido minha experiência que se você fizer uma "real" mock-up, mesmo se você explicar para o cliente que é um não-funcionais mock-up, eles estão confusos quando as coisas não funcionam.

Bottom line: mantê-lo o mais simples possível. Se é no papel, não há como o cliente vai confundi-lo com um produto de trabalho.

Respondeu 06/08/2008 em 19:14
fonte usuário

votos
1

Eu recenly utilizado um Windows App para fazer o protótipo de um pedido de um cliente (a interface final tem de ser integrado em um site).

No início, as pessoas pensavam que seria a última versão e eles começaram a fazer críticas muito pesado da forma como os controles foram exibidos para as palavras que eu tinha usado (terminologia e coisas) e o horário da reunião terminou antes que pudéssemos sequer discutir a própria funcionalidade.

Essa 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) toda a entrada é bem-vinda, mas tivemos que focar as funcionalidades primeiro e então poderíamos seguir em frente para olhar e sentir, bem como questões de terminologia.

De thay reunião sobre Estou sempre com medo de protótipos e maquetes ... Talvez eu devesse ter dado a eles algo feito em visio vez.

Respondeu 14/10/2008 em 22:24
fonte usuário

votos
0

Para uma ferramenta baseada em navegador não-instalação, você pode tentar projecto-it

É gratuito - e se você tiver uma conta do Gmail - não é necessário registo.

Faz interactivo / Passo a passo ou deslize protótipos SHOW-. Você pode compartilhar seu protoype com quem você quiser por apenas enviar um link.

Trabalha para nós ...

Respondeu 01/12/2009 em 14:47
fonte usuário

votos
0

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

Respondeu 10/08/2009 em 16:36
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more