Prototipazione di una GUI con un cliente [chiuso]

Question

Quando si prototipa la funzionalità iniziale della GUI con un cliente, è meglio utilizzare un disegno con carta/penna o simulare qualcosa utilizzando uno strumento e mostrarglielo?

L'argomentazione contro una progettazione generata da uno strumento è che il cliente a volte può concentrarsi sulle specifiche di basso livello del modello piuttosto che adottare una visione funzionale di livello superiore della GUI nel suo complesso.

Answer 1

Inizia sempre prima con modelli cartacei o simili.Non vuoi cadere nella trappola di dare l'impressione di completezza quando il back-end è completamente vuoto.

Un prototipo raffinato o un esempio perfetto al pixel pone troppa enfasi sul design.Con uno schizzo evidente, hai una possibilità migliore di discutere la funzionalità e il contenuto desiderati piuttosto che i colori, le foto e altre questioni stilistiche.Ci sarà tempo per quella discussione più avanti nel progetto.

Jeff parla della prototipazione su carta nel suo articolo Coding Horror Sviluppo software UI-First

Fai clic sul "Guarda un video!" link a twitter.com per vedere un'interpretazione interessante dell'idea Mestiere comune.

Answer 2

IL "Aspetto e sensazione del tovagliolo" per Java è davvero interessante per la prototipazione.Un'app reale, funzionante e cliccabile che sembra disegnata su un tovagliolo.Dai un'occhiata a questo screenshot:

Sul serio, quanto è bello?

Answer 3

Ti suggerirei di sederti con il tuo cliente e utilizzare uno strumento come Schermate mockup e sviluppare l'interfaccia utente in modo interattivo.Un vantaggio rispetto a Napkin LAF è che non richiede codifica o strumenti di sviluppo di alcun tipo

Answer 4

Guardare Balsamiq

Riproduce molto bene la visualizzazione del tovagliolo "QUESTA NON È UN'APP FUNZIONALE" ed è facile da usare.

Ha una funzionalità completa demo puoi provarlo online e come bonus aggiuntivo puoi inviare via email il tuo XML al tuo client e loro possono modificarlo, giocarci e inviartelo via email senza dover avere una licenza.

Answer 5

C'è un libro intitolato Prototipazione cartacea che descrive in dettaglio il disegno con carta e penna e cosa puoi guadagnare da esso.Penso che abbia molti vantaggi, in particolare il fatto che puoi, molto presto (e facilmente), modificare il risultato finale senza troppi sforzi e quindi iniziare con il piede giusto.

Answer 6

Una versione cartacea di base è la strada da percorrere per un modello iniziale.Nella mia esperienza, se realizzi un modello "reale", anche se spieghi al cliente che si tratta di un modello non funzionale, rimane confuso quando le cose non funzionano.

Linea di fondo:mantenerlo il più semplice possibile.Se è su carta, il cliente non potrà in alcun modo confonderlo con un prodotto funzionante.

Answer 7

Per la prima bozza preferisco usare carta millimetrata (quella con una griglia stampata sopra) e una matita.La carta millimetrata è ottima per aiutare a mantenere le proporzioni.Una volta che io e il cliente siamo giunti a una conclusione, di solito riempio il disegno con la penna poiché la matita tende a sbiadire.

Quando avrò effettivamente il tempo di costruire il prototipo digitale, effettuerò la scansione di quello disegnato a mano e lo utilizzerò come modello di sfondo.Sembra funzionare abbastanza bene per me.

Answer 8

Penso che sia meglio iniziare con Carta/Lavagne/Pareti bianche.

Una volta ottenuta la struttura di base, puoi spostarla in Visio con gli stencil wireframe

• (Scarica un kit di stencil)
• (Stencil Visio per architetti dell'informazione).

Oppure potresti usare Denim (Uno strumento informale per la progettazione iniziale di siti Web e interfaccia utente) con un tablet PC o tablet Wacom per progettare la GUI ed eseguirla come sito Web HTML.

Answer 9

Wireframe Sketcher è uno strumento che aiuta a creare rapidamente wireframe, mockup e prototipi per applicazioni desktop, web e mobili.Viene sia come a indipendente, autonomo versione e come a collegare per gli IDE Eclipse.Ha alcune caratteristiche distintive come storyboard, componenti, collegamenti ed esportazione PDF vettoriale.Tra gli IDE supportati ci sono Aptana, Flash Builder, Zend Studio e Rational Application Developer.

_{(fonte: wireframesketcher.com)}

Answer 10

Di recente ho utilizzato un'app Windows per prototipare un'applicazione per un cliente (l'interfaccia finale deve essere integrata in un sito Web).

All'inizio le persone pensavano che sarebbe stata l'ultima versione e hanno iniziato a fare critiche molto pesanti sul modo in cui erano visualizzati i controlli sulle parole che avevo usato (terminologia e cose del genere) e il tempo della riunione è terminato prima ancora che potessimo discutere della funzionalità stessa.

La discussione si è protratta per giorni e giorni finché non ho detto loro che, trattandosi di un'applicazione simulata (e non finale), tutti gli input sono benvenuti, ma dovevamo concentrarci prima sulle funzionalità e poi potevamo passare all'aspetto e alle sensazioni. questioni terminologiche.

Da quell'incontro in poi ho sempre avuto il terrore dei prototipi e dei modelli...Forse avrei dovuto semplicemente dare loro qualcosa realizzato in Visio.

Answer 11

Puoi provare ForeUI, consente la prototipazione con stili diversi, inoltre, può creare prototipi interattivi ed eseguirli nel browser.

Answer 12

Per uno strumento basato su browser non di installazione puoi provare abbozzalo

È gratuito e, se hai un account Gmail, non è necessaria alcuna registrazione.

Realizza prototipi interattivi/passo passo o presentazioni.Puoi condividere il tuo prototipo con chiunque tu scelga semplicemente inviando un collegamento.

Funziona per noi...