Qual è il modo migliore per creare prototipi di applicazioni interattive?

Question

La domanda dovrebbe essere interpretata da un punto di vista generale e non mirata esclusivamente alle app Web o desktop.

Mi sono guardato intorno per trovare un modo semplice e facile di creare prototipi interattivi per applicazioni web. Vorrei utilizzare una tecnica che consenta la semplice creazione dell'interfaccia utente e in particolare la ricreazione e la modifica dell'interfaccia utente in ulteriori iterazioni. Riempire l'interfaccia utente con i dati del mockup dovrebbe essere molto semplice. La tecnica può richiedere una semplice forma di programmazione, ad es. per specificare un comportamento di trascinamento della selezione dall'elemento dell'interfaccia utente A all'elemento dell'interfaccia utente B.

Uno strumento attualmente in uso è Adobe Flex Builder. Il progettista di GUI incluso è molto bravo e finora ho acquisito alcune competenze con AS3. Il problema è l'aggiunta di dati all'interfaccia utente. Mi risulta sempre nella programmazione del codice per il controllo e l'analisi delle strutture degli alberi XML e principalmente nel debug di questa sezione del prototipo. Troppo ingombrante!

Un altro strumento che molte persone usano è PowerPoint che prevede un modo davvero ingombrante di creare una GUI disegnando ogni parte di un'interazione in una diapositiva separata. Non c'è modo! Sarei molto più veloce con i prototipi di carta. Anche altri (meglio!) Strumenti di disegno a forma libera fanno parte di questa categoria (sono un felice utente di inkscape di peso elevato) ma il prototipo e il mockup non sono ovviamente il loro scopo principale. La palette UI-stencil per Viso lo rende un po 'migliore rispetto al concorso di disegno.

I principali concorrenti nella prototipazione rapida per quanto ne so sono:

• iRise
• Axure
• Serena e altri?
• Viso
• Powerpoint, Illustrator, Inkscape o qualsiasi altro strumento di disegno a forma libera
• prototipazione su carta
• IDE con buoni builder GUI (come Flex Builder Designer e Netbeans Matisse)

La mia opinione è che i veri costruttori di GUI siano un buon punto di partenza. Quali sono i tuoi attuali approcci? Descrivi il tuo processo e i pro e i contro come risposta qui.

Answer 1

I veri costruttori della GUI sono:

• Molto più lento
• Solo i programmatori possono usarli (prova a spiegare all'analista come popolare una tabella in VB)
• Non ti consentono di annotare al volo i tuoi modelli
• Non hai skin (ad es. nero & bianco) per creare schermi che non possono essere confusi con "quasi fatto" applicazione

Mentre gli strumenti di mockup specializzati sono in genere:

• Orientamento alla comunicazione
• Può stampare o esportare i tuoi modelli (insieme alle tue note) in PDF / HTML / Word ecc.
• I migliori hanno una variante di "schermate principali" così puoi ricavare centinaia di modelli solo da una manciata di schermate principali dell'applicazione (puoi arrivare rapidamente a molti modelli quando provi a discutere scenari reali con il tuo cliente)
• Abbastanza veloce in modo da poter prototipare in tempo reale in una riunione

Quasi un decennio fa sono stato frustrato da tutto quanto sopra e ho creato il mio strumento: MockupScreens . È diventato molto popolare rapidamente :-)

Ed ecco l'elenco più completo di tali strumenti specializzati che conosco. Molti di questi sono gratuiti: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

Prototipazione della carta rapida e sporca: PowerPoint (vedi: Powepoint Toolkit di prototipazione )

-Grande per mettere facilmente insieme i prototipi che possono essere presentati. La natura della diapositiva può anche servire da sostituto dell'interazione simulata. L'aspetto negativo è la mancanza di standardizzazione. Non per progetti disciplinati.

Prototipazione della carta disciplinata: Visio

-Standardizzato e completo, ma più ingombrante

Prototipazione interattiva: Visual Studio

-Costruzione di interazione molto rapida usando il drag-n-drop e gli eventi. Può essere guidato dai dati. Puoi persino costruire un prototipo di "base" come kit di partenza. L'unico aspetto negativo è la tentazione di renderlo effettivamente l'applicazione di produzione. ;)

Answer 3

C'è anche Balsamiq . Mi piace, ma di solito mi stanco di queste cose abbastanza velocemente. Finisco per usare pen & amp; paper o il generatore di interfacce di OS X, che non è più difficile da usare di tutti questi strumenti di prototipazione.

Answer 4

Se stai parlando di modelli / wireframe (ad esempio immagini statiche) Visio è uno strumento di scelta.

La maggior parte dei software che hai citato è al di sopra del livello del normale utente aziendale (vale a dire che avrai bisogno di uno specialista per eseguire i modelli rispetto agli utenti aziendali che ti aiutano) o non vengono creati ai fini del mock- up.

Se hai bisogno di un prototipo dinamico, allora ci sono molte opzioni e tutto dipende dal tipo di abilità che hai a disposizione nel team. Ad esempio ho un ragazzo che è molto forte in HTML. Sarebbe molto più facile per lui creare una pagina HTML da zero nel blocco note che prova a fare la stessa cosa con Flash in uno strumento WYSIWYG. Alcune altre persone hanno buone capacità di Flash e potrebbero impiegarle ecc.

Answer 5

Expression Blend ( http://www.microsoft.com/ expression / products / overview.aspx? key = blend ) può essere utilizzato per creare modelli rapidi in XAML. Puoi archiviare i dati per il mockup come XML inline in XAML oppure convertirli rapidamente in un'applicazione WPF / Silverlight e creare una logica aziendale di base dietro il tuo mockup utilizzando Visual C # Express ( http://www.microsoft.com/express/vcsharp/ ) o Visual Studio 2008.