taler-docs

Documentation for GNU Taler components, APIs and protocols
Log | Files | Refs | README | LICENSE

086-wallet-design.rst (1957B)

      1 DD 86: Wallet UI Design Proposal
      2 ################################
      3 
      4 Summary
      5 =======
      6 
      7 This document proposes designs wallet UI. It defines what Android, iOS and
      8 WebExtension should follow in order to have a coherent UI between platforms.
      9 
     10 Motivation
     11 ==========
     12 
     13 We want user to be able to help each others independent of the implementation
     14 they are using.
     15 We want user to be able to capitalize the effort of learning how to use one
     16 wallet and be able to use a different one without the need to learn
     17 anything new.
     18 Currently development of different platform specific implementation are independent
     19 and every developer needs to choose the layout, texts and buttons and navigation.
     20 
     21 Requirements
     22 ============
     23 
     24 Proposed Solution
     25 =================
     26 
     27 Empty Wallet
     28 ------------
     29 .. image:: wallet-designs/empty-wallet-mobile.png
     30 
     31 .. image:: wallet-designs/empty-wallet-webex.png
     32 
     33 On top of the screen is logo:
     34  - Logo for light mode `here <wallet-designs/taler-logo-light.png>`_
     35  - Logo for dark mode `here <wallet-designs/taler-logo-dark.png>`_
     36 
     37 Withdrawal of real cash and demo cash is separated for two cards.
     38 
     39 First card:
     40   - Text: "**Welcome to Taler Wallet!**
     41       To make your first payment withdraw digital cash."
     42   - Button: "Withdraw digital cash"
     43 
     44     * For deployment only with CHF use text "Withdraw CHF" instead.
     45 
     46 Second card:
     47   - Text: "Get digital cash to experience how to pay with money of future."
     48   - Button: "Get demo cash"
     49 
     50 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>`_.
     51 
     52 
     53 Test Plan
     54 =========
     55 
     56 Definition of Done
     57 ==================
     58 
     59 Alternatives
     60 ============
     61 
     62 Drawbacks
     63 =========
     64 
     65 Discussion / Q&A
     66 ================
     67 
     68 (This should be filled in with results from discussions on mailing lists / personal communication.)