Was ist die beste Art und Weise grafisch Seitenfluss darzustellen, als für eine handlungsorientierte Web-Anwendung?

Question

Was ist der beste Weg, um grafisch Seite fließen, als anwendbar auf eine handlungsorientierte Web-Anwendung darstellen?

Welches Modell verwenden Sie Seite fließt (Seite Flussdiagramme) umfassen Seiten (Ansichten), Benutzeraktionen auf diesen Ansichten (Ereignisse) und Prozesse darstellen?

Diese Diagramme sollten zwischen einem Business-Domain-Experten für das Verständnis als Ausgangspunkt dienen (etwa jemand eine E-Commerce-Website-Angabe), ein technischer Analyst (jemand verantwortlich für die Gestaltung der Web-Anwendung) und Web-Entwickler (jemand verantwortlich für Implementierung der Lösung)

Ich bin nicht auf der Suche nach einer Softwarelösung, mir zu helfen, diese Diagramme zu zeichnen, noch bin ich für einen Web-Flow Rahmen suchen, den ich diese Seite fließt in Software implementieren lassen.

Ich bin aber für eine gute Regelung der Suche nach Zeichenstift mit einem Seitenfluss und Papier

Zum Beispiel eine gute Antwort wie folgt sein könnte

• Rechteck mit Etikett in CAPS darstellt Seite
• Pfeil mit Beschriftung in Kleinbuchstaben repräsentiert Benutzeraktion
• Diamant mit Etikett in CAPS stellt einen Prozess
• Einstiegspunkte immer von links (Pfeile kommen in eine Seite von links)
• -ausstieg immer von rechts (Pfeile gehen von einer Seite nach rechts)

Wenn es ein akzeptierter Standard ist, oder wenn dieses Problem Raum tatsächlich ein spezieller Fall eines größeren Problemraum ist, für die ein Standard existiert, benutzen Sie bitte diese markieren.

Im Geist der Stack-Überlauf, ein Schema pro Antwort bitte, und Stimmen, anstatt Duplikate

Answer 1

ich immer Jesse James Garret visuelle Sprache gewünscht.

Answer 2

Überprüfen Sie heraus Naml (.NET-Anwendung Modelling Language). Es enthält eine Visio-Schablone und ist sehr interessant amd ausdrucksvoll.

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

Answer 3

Ich habe festgestellt, dass der Staat Diagramm zu modifizieren ist besonders nützlich für diesen Zweck. Ich vertrete eine visuelle Ressource (HTML oder JSP-Seite) als Staat und die Übergänge sind die Aktionen, die der Benutzer auf dieser Seite ausführen kann.

Ich stelle dann ein weiteres Symbol für die Aktionen zwischen den visuellen Seiten.

Zustandsdiagramme sind einfach für die nicht-technische Person zu folgen und ausdrucksstark genug, um einige komplexen Wechselwirkungen zu erfassen.

Answer 4

einen Blick auf yuml.me da dies recht einfach zu bedienen und erzeugt schön „vergammelt“ Diagramme