diff --git a/src/main/asciidoc/developer_documentation.adoc b/src/main/asciidoc/developer_documentation.adoc
index df67b6c..a7aed6e 100644
--- a/src/main/asciidoc/developer_documentation.adoc
+++ b/src/main/asciidoc/developer_documentation.adoc
@@ -168,7 +168,8 @@ image:models/design/clientServer.svg[]
 === Entwurfsentscheidungen
 * Verwendete Muster
 * Persistenz
-* Benutzeroberfläche
+* User Interface
+image:models/design/dialogue_map.svg[Dialog Map of the Videoshop]
 * Verwendung externer Frameworks
 
 [options="header", cols="1,2,3"]
diff --git a/src/main/asciidoc/models/design/dialogue_map.puml b/src/main/asciidoc/models/design/dialogue_map.puml
new file mode 100644
index 0000000..71c7bc2
--- /dev/null
+++ b/src/main/asciidoc/models/design/dialogue_map.puml
@@ -0,0 +1,34 @@
+@startuml
+
+skinparam linetype ortho
+
+
+state welcome_html {
+    state Angestellte
+    state Bestellungen
+    state Events
+    state Inventar
+    state Kalender
+    state Katalog
+    state Kunden
+    state Login
+    state Profil
+    state Register
+
+}
+' state  login_html
+' state customer_html
+
+Angestellte --> staff_html : Role = 'BOSS'
+Bestellungen --> orders_html
+Events --> event_html
+Inventar --> inventory_html : Role = 'BOSS'
+Kalender --> orders_calender_html : Role = 'BOSS'
+Katalog --> catalog_html
+Kunden --> customer_html : Role = 'BOSS'
+Login --> login_html
+login_html --> welcome_html
+Profil --> profile_html
+Register --> register_html
+
+@enduml
\ No newline at end of file
diff --git a/src/main/asciidoc/models/design/dialogue_map.svg b/src/main/asciidoc/models/design/dialogue_map.svg
new file mode 100644
index 0000000..5a27c4f
--- /dev/null
+++ b/src/main/asciidoc/models/design/dialogue_map.svg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4abfaaa2c3f95db16d1a4f3e4ce4a5b11e73405d65284730c9ff1b437b999956
+size 13916