diff --git a/doc/ui-design.png b/doc/ui-design.png
new file mode 100644
index 0000000..7985d6c
Binary files /dev/null and b/doc/ui-design.png differ
diff --git a/doc/ui-design.uxf b/doc/ui-design.uxf
new file mode 100644
index 0000000..96698c9
--- /dev/null
+++ b/doc/ui-design.uxf
@@ -0,0 +1,246 @@
+
+
+ 10
+
+ UMLClass
+
+ 340
+ 300
+ 160
+ 30
+
+ Add Directory
+halign=left
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 340
+ 260
+ 160
+ 30
+
+ Remove Directory
+halign=left
+bg=#90CAF9
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 20
+ 260
+ 130
+ 30
+
+ /home/user/d
+halign=left
+bg=#90CAF9
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 340
+ 340
+ 160
+ 30
+
+ New Collection
+halign=left
+bg=#80CBC4
+
+
+
+ UMLClass
+
+ 340
+ 180
+ 160
+ 30
+
+ Remove Collection
+halign=left
+bg=#80CBC4
+
+
+
+ UMLClass
+
+ 210
+ 260
+ 70
+ 30
+
+ STATE
+halign=left
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 210
+ 180
+ 70
+ 30
+
+ STATE
+halign=left
+bg=#80CBC4
+
+
+
+ UMLClass
+
+ 340
+ 220
+ 160
+ 30
+
+ Remove Directory
+halign=left
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 210
+ 220
+ 70
+ 30
+
+ STATE
+halign=left
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 20
+ 220
+ 130
+ 30
+
+ /home/user/c
+halign=left
+bg=#90CAF9
+
+
+
+ UMLClass
+
+ 340
+ 140
+ 160
+ 30
+
+ Add Directory
+halign=left
+
+
+
+ UMLClass
+
+ 340
+ 100
+ 160
+ 30
+
+ Remove Directory
+halign=left
+
+
+
+ UMLClass
+
+ 20
+ 100
+ 130
+ 30
+
+ /home/user/b
+halign=left
+
+
+
+ UMLClass
+
+ 340
+ 20
+ 160
+ 30
+
+ Remove Collection
+halign=left
+bg=#80CBC4
+
+
+
+ UMLClass
+
+ 210
+ 100
+ 70
+ 30
+
+ STATE
+halign=left
+
+
+
+ UMLClass
+
+ 210
+ 20
+ 70
+ 30
+
+ STATE
+halign=left
+bg=#80CBC4
+
+
+
+ UMLClass
+
+ 340
+ 60
+ 160
+ 30
+
+ Remove Directory
+halign=left
+
+
+
+ UMLClass
+
+ 210
+ 60
+ 70
+ 30
+
+ STATE
+halign=left
+
+
+
+ UMLClass
+
+ 20
+ 60
+ 130
+ 30
+
+ /home/user/a
+halign=left
+
+
+
diff --git a/doc/ui-id-naming.png b/doc/ui-id-naming.png
new file mode 100644
index 0000000..e816fa3
Binary files /dev/null and b/doc/ui-id-naming.png differ
diff --git a/doc/ui-id-naming.uxf b/doc/ui-id-naming.uxf
new file mode 100644
index 0000000..1e1424b
--- /dev/null
+++ b/doc/ui-id-naming.uxf
@@ -0,0 +1,249 @@
+
+
+ 10
+
+ UMLClass
+
+ 630
+ 870
+ 160
+ 30
+
+ Add Directory
+halign=left
+
+
+
+ Relation
+
+ 780
+ 870
+ 100
+ 30
+
+ fg=red
+ 10.0;10.0;80.0;10.0
+
+
+ UMLNote
+
+ 860
+ 870
+ 190
+ 30
+
+ addDirectoryButton
+fg=red
+
+
+
+ UMLClass
+
+ 630
+ 800
+ 160
+ 30
+
+ Remove Directory
+halign=left
+
+
+
+ UMLNote
+
+ 860
+ 800
+ 320
+ 30
+
+ removeDirectoryButton-/home/user
+fg=red
+
+
+
+ UMLClass
+
+ 310
+ 800
+ 130
+ 30
+
+ /home/user
+halign=left
+
+
+
+ UMLNote
+
+ 860
+ 740
+ 320
+ 30
+
+ directoryPathTextField-/home/user
+fg=red
+
+
+
+ Relation
+
+ 430
+ 740
+ 450
+ 90
+
+ fg=red
+ 10.0;70.0;70.0;10.0;430.0;10.0
+
+
+ Relation
+
+ 780
+ 800
+ 100
+ 30
+
+ fg=red
+ 10.0;10.0;80.0;10.0
+
+
+ UMLClass
+
+ 630
+ 940
+ 160
+ 30
+
+ New Collection
+halign=left
+
+
+
+ UMLNote
+
+ 860
+ 770
+ 320
+ 30
+
+ directoryStateTextField-/home/user
+fg=red
+
+
+
+ UMLClass
+
+ 630
+ 680
+ 160
+ 30
+
+ Remove Collection
+halign=left
+
+
+
+ UMLClass
+
+ 500
+ 800
+ 70
+ 30
+
+ STATE
+halign=left
+
+
+
+ UMLClass
+
+ 500
+ 680
+ 70
+ 30
+
+ STATE
+halign=left
+
+
+
+ UMLNote
+
+ 860
+ 940
+ 190
+ 30
+
+ newCollectionButton
+fg=red
+
+
+
+ Relation
+
+ 780
+ 940
+ 100
+ 30
+
+ fg=red
+ 10.0;10.0;80.0;10.0
+
+
+ UMLNote
+
+ 860
+ 680
+ 300
+ 30
+
+ removeCollectionButton-name1234
+fg=red
+
+
+
+ Relation
+
+ 560
+ 770
+ 320
+ 60
+
+ fg=red
+ 10.0;40.0;40.0;10.0;300.0;10.0
+
+
+ Relation
+
+ 780
+ 680
+ 100
+ 30
+
+ fg=red
+ 10.0;10.0;80.0;10.0
+
+
+ UMLNote
+
+ 860
+ 650
+ 300
+ 30
+
+ collectionStateTextField-name1234
+fg=red
+
+
+
+ Relation
+
+ 560
+ 650
+ 320
+ 60
+
+ fg=red
+ 10.0;40.0;40.0;10.0;300.0;10.0
+
+