Qual è il modo migliore per rappresentare graficamente il flusso di pagine, come applicabile a un'applicazione web orientata all'azione?

Question

Qual è il modo migliore per rappresentare graficamente il flusso di pagine, come applicabile a un'applicazione web orientata all'azione?

Quale modello utilizzate per rappresentare i flussi di pagine (diagrammi di flusso di pagine) che comprendono pagine (viste), azioni dell'utente su tali viste (eventi) e processi?

Questi diagrammi dovrebbero fungere da punto di partenza per la comprensione tra un esperto di dominio aziendale (ad esempio qualcuno che specifica un sito Web di e-commerce), un analista tecnico (qualcuno responsabile della progettazione dell'applicazione Web) e uno sviluppatore web (qualcuno responsabile di implementazione della soluzione)

Non sto cercando una soluzione software per aiutarmi a disegnare quei diagrammi, né sto cercando un framework di flusso web che mi permetta di implementare questi flussi di pagine nel software.

Sto comunque cercando un buon schema per tracciare un flusso di pagine usando carta e matita

Ad esempio, una buona risposta potrebbe essere la seguente

• Il rettangolo con etichetta in MAIUSC rappresenta la pagina
• La freccia con etichetta in minuscolo rappresenta l'azione dell'utente
• Il diamante con etichetta in maiuscolo rappresenta un processo
• Punti di ingresso sempre da sinistra (le frecce entrano in una pagina da sinistra)
• Punti di uscita sempre da destra (le frecce escono da una pagina a destra)

Se esiste uno standard accettato o se questo spazio problematico è in realtà un caso specifico di uno spazio problematico più ampio per il quale esiste uno standard, si prega di evidenziarlo.

Nello spirito di Stack Overflow, uno schema per risposta, per favore, e voti anziché duplicati

Answer 1

Mi è sempre piaciuto il linguaggio visivo di Jesse James Garret Visual Language.

Answer 2

Scopri nAML (.NET Application Modeling Language). Include uno stencil di Visio ed è molto interessante e espressivo.

http://code.msdn.microsoft.com/naml

Answer 3

Ho scoperto che la modifica del diagramma del diagramma di stato è molto utile per questo scopo. Rappresento una risorsa visiva (pagina html o jsp) come stato e le transizioni sono le azioni che l'utente può eseguire su quella pagina.

Introduco quindi un altro simbolo per le azioni tra le pagine visive.

I diagrammi di stato sono facili da seguire per la persona non tecnica ed abbastanza espressivi da catturare alcune interazioni complesse.

Answer 4

dai un'occhiata a yuml.me in quanto è abbastanza facile da usare e genera una buona "trasandata" diagrammi