commit 1f6741166788768c7e0f04955240208877e87a66 parent b415771493c8256df6525704214b3489ba220992 Author: Vlada Svirsh <svirv1@bfh.ch> Date: Sun, 22 Feb 2026 20:08:56 +0100 DD 86: wallet design proposal: empty wallet screen Diffstat:
| A | design-documents/086-wallet-design.rst | | | 68 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| M | design-documents/index.rst | | | 1 | + |
| A | design-documents/wallet-designs/empty-wallet-mobile.png | | | 0 | |
| A | design-documents/wallet-designs/empty-wallet-webex.png | | | 0 | |
| A | design-documents/wallet-designs/taler-logo-dark.png | | | 0 | |
| A | design-documents/wallet-designs/taler-logo-light.png | | | 0 |
6 files changed, 69 insertions(+), 0 deletions(-)
diff --git a/design-documents/086-wallet-design.rst b/design-documents/086-wallet-design.rst @@ -0,0 +1,68 @@ +DD 86: Wallet UI Design Proposal +################################ + +Summary +======= + +This document proposes designs wallet UI. It defines what Android, iOS and +WebExtension should follow in order to have a coherent UI between platforms. + +Motivation +========== + +We want user to be able to help each others independent of the implementation +they are using. +We want user to be able to capitalize the effort of learning how to use one +wallet and be able to use a different one without the need to learn +anything new. +Currently development of different platform specific implementation are independent +and every developer needs to choose the layout, texts and buttons and navigation. + +Requirements +============ + +Proposed Solution +================= + +Empty Wallet +------------ +.. image:: wallet-designs/empty-wallet-mobile.png + +.. image:: wallet-designs/empty-wallet-webex.png + +On top of the screen is logo: + - Logo for light mode `here <wallet-designs/taler-logo-light.png>`_ + - Logo for dark mode `here <wallet-designs/taler-logo-dark.png>`_ + +Withdrawal of real cash and demo cash is separated for two cards. + +First card: + - Text: "**Welcome to Taler Wallet!** + To make your first payment withdraw digital cash." + - Button: "Withdraw digital cash" + + * For deployment only with CHF use text "Withdraw CHF" instead. + +Second card: + - Text: "Get digital cash to experience how to pay with money of future." + - Button: "Get demo cash" + +Penpot design file is available `here <https://penpot.taler.net/#/workspace?team-id=826af720-982c-8096-8006-0dbdd6a758c1&file-id=29e68e1b-4b36-81a2-8007-9ca27b475c85&page-id=29e68e1b-4b36-81a2-8007-9ca27b478f55&layout=layers&board-id=3300eab0-9c92-80cd-8007-9cb98fec00e1>`_. + + +Test Plan +========= + +Definition of Done +================== + +Alternatives +============ + +Drawbacks +========= + +Discussion / Q&A +================ + +(This should be filled in with results from discussions on mailing lists / personal communication.) diff --git a/design-documents/index.rst b/design-documents/index.rst @@ -97,4 +97,5 @@ Design documents that start with "XX" are considered deprecated. 083-wallet-initiated-withdrawal 084-simple-observability 085-transfer-status + 086-wallet-design 999-template diff --git a/design-documents/wallet-designs/empty-wallet-mobile.png b/design-documents/wallet-designs/empty-wallet-mobile.png Binary files differ. diff --git a/design-documents/wallet-designs/empty-wallet-webex.png b/design-documents/wallet-designs/empty-wallet-webex.png Binary files differ. diff --git a/design-documents/wallet-designs/taler-logo-dark.png b/design-documents/wallet-designs/taler-logo-dark.png Binary files differ. diff --git a/design-documents/wallet-designs/taler-logo-light.png b/design-documents/wallet-designs/taler-logo-light.png Binary files differ.
