update DD53 to reflect #8528

1 files changed, 77 insertions, 5 deletions

diff --git a/design-documents/053-wallet-ui.rst b/design-documents/053-wallet-ui.rst
index 4a37651e..bce8d1cd 100644
--- a/design-documents/053-wallet-ui.rst
+++ b/design-documents/053-wallet-ui.rst
@@ -102,6 +102,15 @@ Info
   * Outgoing amount (money pending to leave).
   * Currency scope information (see :doc:`035-regional-currencies`).
 
+* Strings to use:
+
+  * Title is "Balances"
+  * "inbound" and "outbound" are used with
+    pending amounts (shown if applicable below the main
+    amount, green for inbound, red for outbound)
+  * "pending" MAY be used as a badge label to indicate
+    that there are pending activities
+
 Layout
 ^^^^^^
 
@@ -130,7 +139,10 @@ Issues
   (too much information?)
 * iOS (major): Way too much detail shown, way too
   much explanation text, too many operations
-  (send money, request payment, spend test money!!!!)
+  (send money, request payment, spend test money!!!!);
+  Remove text "Balance:" within each currency, this
+  is all about *Balances* as per the title. Instead,
+  show the balance right of the currency name.
 * iOS (major): overly complex menu with balances and
   banking; we are NOT a banking app, banking is IMO
   confusing. Settings icon could be on top left, then
@@ -138,6 +150,11 @@ Issues
   'tab' entirely!
 * iOS (text): bad icon for "pending outgoing", the
   "minus" sign does not give me good associations here
+* Android (text): Title should be *Balances* (plural)
+* Android (minor): No "add" and "Send $CURRENCY" buttons
+  on this page.
+
+
 
 Adoption
 ^^^^^^^^
@@ -184,10 +201,15 @@ Info
   transactions on top, and where each item contains the following:
 
   * **Title**. It depends on the transaction type. It can be the exchange URL
-    (e.g. exchange.demo.taler.net), a description of the type of transaction
-    (e.g. Deposit, Invoice, Payment, etc.), the name of the merchant paid
-    (e.g. Essay Shop), etc.
-  * **Summary**. It provides complementary information about the transaction
+    (e.g. exchange.demo.taler.net) for withdraw,
+    the receiver name from the payto-URI for
+    deposits,
+    the human-provided summary of the transaction
+    (for push- and pull- P2P payments),
+    the name of the merchant paid
+    (e.g. Essay Shop) for payments to merchants and
+    refunds
+  * **Status**. It provides complementary information about the transaction
     for the user, such as the status of the transaction (e.g. “Waiting for
     confirmation,” “KYC required,” an error message, etc.). (The summary is
     provided by wallet-core, along with internationalized versions.)
@@ -233,6 +255,11 @@ Layout
 
 * The specific currency for which transactions are shown
   SHOULD be prominent (title bar, menu bar)
+* The current balance should be on top (ideally always on-top)
+  just below the title and on the right of the "send" and "receive"
+  buttons. The current balance should align with the amounts
+  of the various transactions below.  If possible, it should
+  have a label "Balance" near (ideally above) it.
 * There needs to be a way to go "back" to the
   balance list (:ref:`cta-balance-list-ref`) **if**
   we have more than a single currency in use. This
@@ -255,6 +282,7 @@ Issues
 
 * WebEx (text): Iconography (T), (W) is not as
   nice as iconography in on Android.
+* WebEx (text): The balance is not labeled as the balance.
 * WebEx (text): Button is labeled as "Add",
   while above says to use "Receive" which is
   a better dual with "Send".
@@ -268,6 +296,8 @@ Issues
   payments and debit and POS) and again same icon
   for invoice and withdraw) is sub-optimal. Should
   pick unique icons for each type of operation.
+* Android (text): Button labels should just be
+  "Send" and "Receive" (without "funds").
 * iOS (text): Iconography (+ / -) is also not
   expressive and redundant with the colors.
 * iOS (text): Sign of the operation (+ / -) should
@@ -278,6 +308,25 @@ Issues
   amount value is highly redundant; would be better
   to list the currency once in the title (see Android)
 * iOS (minor): lacks search button (see Android)
+* all (text): use the merchant name for the main
+  transaction label on refunds (and payments to
+  merchants)
+* all (text): Use the human-provided *summary* of the
+  P2P payment for both push and pull payments (the
+  direction is clear from +/- on the amount, and
+  it should not matter who initiated!)
+* all (text): "Deposits" should use the receiver name
+  of the payto-URI of the target account (URL-decoded)
+  in the main title, instead of "Deposit"
+* iOS (text): "Merchant" shown instead of merchant
+  name for payments (unless "Merchant" is the merchant
+  name here?)
+* iOS (text): "Withdrawal" shown instead of
+  exchange URL for withdraw
+* iOS (text): "Sent Requested money" shown instead of
+  exchange URL for withdraw
+* iOS (major): The balance is not shown. The
+  "send" and "receive" buttons are missing.
 * WebEx (minor): lacks search button (see Android)
 * iOS (minor): has top/buttom scroll buttons not present
   in other UIs (likely too much, better to have search!)
@@ -331,6 +380,13 @@ Info
 * amount to be withdrawn
 * applicable fees (if any)
 
+* Text:
+
+  * Use "payment service provider" to label the
+    URL, not "exchange"
+  * Use "Net" and "Fees" and "Gross" to label
+    the amount in a section "Details"
+
 Inputs
 ^^^^^^
 
@@ -367,6 +423,8 @@ Issues
   being that one variant has "View Terms of Service"
   while the other has a "Withdraw $AMOUNT" button.
 * iOS(image): no screenshot available
+* All(text): Use "Net" and "Fees" and "Gross" to label
+  the amounts in a section "Details"
 
 
 Screenshots
@@ -767,6 +825,20 @@ Info
 * table of details of the operation: use the :ref:`operation-table-details-ref` screen
 * receipt: order id
 * payment status: if the order was refunded
+* Text to use:
+
+  * **Title**. Name of the merchant paid
+    (e.g. Essay Shop)
+  * **Status**. It provides complementary information about the transaction
+    for the user, such as the status of the transaction (e.g. “Waiting for
+    confirmation,” “KYC required,” an error message, etc.). (The summary is
+    provided by wallet-core, along with internationalized versions.)
+  * **Timestamp**. The moment when the payment was made. Ideally, it
+    should be shown with minimal precision, only showing the minutes, hours or
+    days that have elapsed.
+  * **Amount**. The negative impact that the transaction has in
+    the total balance of the currency scope. It should be made clear that the amount is negative, ideally with a sign (-) and a color (red).
+
 
 Actions
 ^^^^^^^