7 files changed, 111 insertions, 0 deletions
diff --git a/articles/ui/figs/contract.pdf b/articles/ui/figs/contract.pdf
new file mode 100644
index 000000000..e83162109
--- /dev/null
+++ b/articles/ui/figs/contract.pdf
diff --git a/articles/ui/figs/contract.pml b/articles/ui/figs/contract.pml
new file mode 100644
index 000000000..74bf23dd6
--- /dev/null
+++ b/articles/ui/figs/contract.pml
@@ -0,0 +1,31 @@
+
+@startuml
+
+hide footbox
+
+box "User"
+  Participant "Wallet" as W
+  Participant "Browser" as U
+end box
+
+box "Merchant"
+  Participant "Storefront" as S
+  Participant "Backend" as B
+end box
+
+autonumber
+
+S -> B : proposed contract 
+B -> S : signed contract 
+
+S -> U : custom (HTTP(S))
+
+U -> W : signed contract
+W -> U : signed coins
+
+U -> S : custom (HTTP(S))
+
+S -> B : signed coins (HTTP(S))
+B -> S : confirmation (HTTP(S))
+
+@enduml
diff --git a/articles/ui/figs/taler-pay.pdf b/articles/ui/figs/taler-pay.pdf
index 590fff216..818ddc66a 100644
--- a/articles/ui/figs/taler-pay.pdf
+++ b/articles/ui/figs/taler-pay.pdf
diff --git a/articles/ui/figs/taler-pay.pml b/articles/ui/figs/taler-pay.pml
new file mode 100644
index 000000000..56d5c0c3c
--- /dev/null
+++ b/articles/ui/figs/taler-pay.pml
@@ -0,0 +1,44 @@
+@startuml
+
+Actor "Payer (Shopper) Browser" as Payer
+Participant "Payee (Merchant) Site" as Payee
+Participant "Taler Exchange" as Exchange
+
+note over Payer, Payee: Tor/HTTPS
+note over Payee, Exchange: HTTP/HTTPS
+
+title Taler (Payment)
+
+== Establish Contract ==
+
+opt
+Payer->Payer: Select Taler payment method (skippable with auto-detection)
+end
+
+Payer->Payee: Choose goods
+
+Payee->Payer: Send signed digital contract proposal
+
+== Execute Payment ==
+
+opt
+Payer->Payer: Affirm contract
+end
+
+Payer->Payee: Send payment
+
+Payee->Exchange: Forward payment
+
+Exchange->Payee: Confirm payment
+
+== Fulfilment ==
+
+Payee->Payer: Confirm payment
+
+opt
+Payer->Payee: Request fulfillment (if Web article)
+
+Payee->Payer: Provide product resource
+end
+
+@enduml
diff --git a/articles/ui/figs/taler-withdraw.pdf b/articles/ui/figs/taler-withdraw.pdf
index 1bf3ee484..8706b447c 100644
--- a/articles/ui/figs/taler-withdraw.pdf
+++ b/articles/ui/figs/taler-withdraw.pdf
diff --git a/articles/ui/figs/taler-withdraw.pml b/articles/ui/figs/taler-withdraw.pml
new file mode 100644
index 000000000..6860bb940
--- /dev/null
+++ b/articles/ui/figs/taler-withdraw.pml
@@ -0,0 +1,36 @@
+@startuml
+
+Actor "Customer Browser" as Customer
+Participant "Bank Site" as Bank
+Participant "Taler Exchange" as Exchange
+
+note over Customer, Bank: HTTPS
+note over Customer, Exchange: HTTPS
+note over Bank, Exchange: wire transfer
+
+title Taler (Withdraw coins)
+
+Customer->Bank: user authentication
+Bank->Customer: send account portal
+
+Customer->Customer: initiate withdrawal (specify amount and exchange)
+
+Customer->Exchange: request coin denomination keys and wire transfer data
+Exchange->Customer: send coin denomination keys and wire transfer data
+
+Customer->Bank: execute withdrawal
+
+opt
+Bank->Customer: request transaction authorization
+Customer->Bank: transaction authorization
+end
+
+Bank->Customer: withdrawal confirmation
+Bank->Exchange: execute wire transfer
+
+
+Customer->Exchange: withdraw request
+Customer->Exchange: signed blinded coins
+Customer->Customer: unblind coins
+
+@enduml
diff --git a/articles/ui/figs/taler-withdraw.png b/articles/ui/figs/taler-withdraw.png
new file mode 100644
index 000000000..6e3f0f4a0
--- /dev/null
+++ b/articles/ui/figs/taler-withdraw.png