Come prototipi la tua interfaccia utente del software?

Question

Come prototipi la tua interfaccia utente del software?
Qual è la tua esperienza?
Potresti per favore condividere con me?
Grazie in anticipo!

Answer 1

Penna e carta o una lavagna. Preferisce che i modelli siano ragionevolmente separati dall'aspetto e dalla sensazione dei prodotti finali. Durante la discussione delle interazioni e del numero di clic necessari per svolgere un lavoro, è molto veloce cambiare i modelli di carta ed è ovvio per tutti che ciò non rappresenta il prodotto finale quasi finito.
Anni fa sono stato coinvolto in un progetto in cui abbiamo prodotto un mock up GUI molto dettagliato che aveva anche un po 'di codice dietro per simulare il flusso di eventi. È stato fantastico far sì che gli utenti del software fornissero feedback e input. È stato quindi un vero incubo per il progetto perché eravamo costantemente dietro a dove gli utenti si aspettavano che fossimo, dopo tutto l'avevano già visto praticamente funzionante, vero?
Peggio ancora, parte di quel codice usa e getta ha finito per essere incluso nel prodotto rilasciato ed è stato un incubo da mantenere in seguito (non si pensava molto a strutturarlo originariamente perché era usa e getta, quindi l'utente aveva visto il comportamento e divenne l'implementazione di fatto della logica per un pezzo importante del sistema). Yuk.

Answer 2

Uso Balsamiq http://www.balsamiq.com/

È fantastico.

Answer 3

Creo pagine html con Visual Studio. Potrebbe essere facilmente Dreamweaver, FrontPage, NotePad ++. Per me questo ha il vantaggio che CSS e html vengono quasi completati quando ho finito con il modello. Di solito è più facile e più produttivo realizzare il tuo prototipo nello strumento o nella tecnologia in cui prevedi di creare il deliverable.

Answer 4

È possibile utilizzare un editor GUI come quello nell'IDE NetBeans, l'IDE QtCreator o l'IDE Xcode, per creare un mockup GUI, senza implementare gestori per tutti gli eventi GUI. Questa GUI può quindi essere valutata ed eventualmente riprogettata. Quando la GUI appare come dovrebbe, gli eventi possono essere gestiti correttamente.

Answer 5

Ho usato una combinazione di strumenti per fare l'interfaccia utente. Se l'aspetto statico è ciò che sto testando, utilizzo una combinazione di schizzi di carta e lavagna. Questi sono rapidi da eseguire e vengono facilmente eliminati quando si inizia a lavorare su progetti più dettagliati. Come " Hamish Smith " detto, vuoi un certo grado di separazione tra i tuoi modelli e il prodotto finale.

Quando voglio testare l'interattività dei miei progetti, ho già usato modelli di carta prima, ma preferisco usare PowerPoint che fornisce un modo migliore per gli utenti di interagire con l'applicazione piuttosto che farmi mostrare loro gli schizzi di carta di ciò che pagina in cui li porterà un pulsante e come funzionano determinate funzionalità. L'ho appena impostato, quindi facendo clic sui pulsanti o sui collegamenti in una diapositiva di PowerPoint si arriva alla diapositiva che corrisponde a dove quel pulsante ti porterebbe nella vera applicazione.

Attualmente sto giocando con SketchFlow di Microsoft che fa parte di Expression Blend ed è piuttosto impressionante. Tuttavia, non ci ho giocato molto, quindi non sono ancora a conoscenza di eventuali limiti che potrebbe comportare. Inoltre, ho provato Balsamiq e sembra anche una buona applicazione, ma ancora una volta non l'ho usato abbastanza per trovare i suoi limiti. Voglio chiarire però che li sto usando solo per i test di interattività per sostituire PowerPoint, penso ancora che i modelli statici siano fatti meglio con carta e lavagne.

Answer 6

Di recente ho usato un componente aggiuntivo di Visio su http://www.guuui.com/ issue / 02_07.php su un progetto. Il progetto ha circa 60 pagine al suo interno, questo ha reso il disegno degli schermi abbastanza semplice.