gnunet-svn
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[taler-docs] branch master updated: mobile ui first iteration


From: gnunet
Subject: [taler-docs] branch master updated: mobile ui first iteration
Date: Thu, 16 Jun 2022 20:45:55 +0200

This is an automated email from the git hooks/post-receive script.

sebasjm pushed a commit to branch master
in repository docs.

The following commit(s) were added to refs/heads/master by this push:
     new 9e3a3bb  mobile ui first iteration
9e3a3bb is described below

commit 9e3a3bb3b041e8655e0b70bbde9eb50da0468004
Author: Sebastian <sebasjm@gmail.com>
AuthorDate: Thu Jun 16 15:45:47 2022 -0300

    mobile ui first iteration
---
 design-documents/029-mobile-ui.rst |  41 +++++++++++++++
 design-documents/index.rst         |   1 +
 wallet-mobile-overview.svg         | 103 +++++++++++++++++++++++++++++++++++++
 3 files changed, 145 insertions(+)

diff --git a/design-documents/029-mobile-ui.rst 
b/design-documents/029-mobile-ui.rst
new file mode 100644
index 0000000..f4dbdb1
--- /dev/null
+++ b/design-documents/029-mobile-ui.rst
@@ -0,0 +1,41 @@
+Template
+########
+
+Summary
+=======
+
+Design the ui and interaction of p2p payments using mobile 
+
+Motivation
+==========
+
+The wallet user should be able to easily send and receive money to and from 
other wallet.
+
+Requirements
+============
+
+ * It should work even if the user does not have other communication channel
+ * Use the swipe up (to send) and swipe down (to request) gesture as other 
apps do
+ * It should be able to request payment before any withdraw (currency still 
unknown)
+ * It should support multi-device
+ * The user may opt-in to be findable through a registry service
+ 
+Proposed Solution
+=================
+
+.. image:: ../wallet-mobile-overview.svg
+  :width: 800
+
+
+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
index 53889b2..ced09f4 100644
--- a/design-documents/index.rst
+++ b/design-documents/index.rst
@@ -37,4 +37,5 @@ and protocol.
   026-refund-fees
   027-sandboxing-taler.rst
   028-proof-of-escrow
+  029-mobile-ui
   999-template
diff --git a/wallet-mobile-overview.svg b/wallet-mobile-overview.svg
new file mode 100644
index 0000000..5f41659
--- /dev/null
+++ b/wallet-mobile-overview.svg
@@ -0,0 +1,103 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; viewBox="0 0 1190.625 
647.5" width="1190.625" height="647.5">
+  <!-- svg-source:excalidraw -->
+
+  <defs>
+    <style>
+      @font-face {
+        font-family: "Virgil";
+        src: url("https://excalidraw.com/Virgil.woff2";);
+      }
+      @font-face {
+        font-family: "Cascadia";
+        src: url("https://excalidraw.com/Cascadia.woff2";);
+      }
+    </style>
+  </defs>
+  <rect x="0" y="0" width="1190.625" height="647.5" fill="#ffffff"></rect>
+  <g stroke-linecap="round" transform="translate(10 10) rotate(0 433.125 
313.75)">
+    <path d="M0.15 -0.75 C280.81 -1.32, 560.96 -0.77, 865.84 0.07 M-0.13 0.07 
C216.66 2.23, 432.34 1.9, 866.24 0.31 M866.35 -0.29 C865.75 141.88, 865.41 
283.41, 865.87 628.1 M866.59 -0.15 C866.57 194.82, 866.86 388.81, 866.44 627.67 
M866.04 626.84 C593.8 625.52, 322.18 624.91, -0.79 627.56 M866.3 627.9 C664.27 
625.26, 462.26 625.16, -0.11 627.57 M-0.45 627.39 C-2.5 418.01, -2.68 208, 0.23 
-0.21 M-0.06 627.34 C0.58 426.24, 0.45 225.45, 0.23 -0.27" stroke="#000000" 
stroke-width="1" fill="n [...]
+  </g>
+  <g stroke-linecap="round" transform="translate(272.375 151.75) rotate(0 
154.875 148)">
+    <path d="M0.26 1.43 C101.9 -0.6, 205.03 -1.56, 309.89 0.7 M-0.48 -0.28 
C68.23 1.47, 135.67 1.08, 310.07 0.6 M310.69 0.76 C308.01 75.39, 307.82 151.52, 
308.65 296.47 M310.19 -0.01 C307.79 95.24, 307.74 190.28, 309.85 295.66 M309.75 
295.55 C245.1 293.74, 181.38 292.61, 1.2 296.97 M309.1 296.38 C190.11 296.75, 
69.6 297.2, 0.22 295.93 M-0.53 295.42 C2 207.16, 1.39 117.05, -1.37 -0.64 
M-0.05 295.88 C-0.31 226.22, 0.9 156.92, 0.33 0.27" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g stroke-linecap="round" transform="translate(36.625 147) rotate(0 105 
151)">
+    <path d="M-0.72 -0.1 C68.83 -0.69, 140.24 0.01, 210.59 -1.5 M-0.17 -0.16 
C43.48 1.05, 86.21 1.19, 210.57 0.58 M210.63 0.08 C209.93 105.13, 210.15 
208.37, 209.12 302.44 M209.3 0.08 C212.33 95.38, 211.41 190.12, 209.67 301.85 
M208.37 300.54 C160.16 303.18, 114.89 303.07, 0.48 303.5 M209.46 302.41 C150.83 
302.73, 93.63 302, 0.27 302.86 M-0.9 301.87 C0.71 231.93, 1.75 158.31, -0.45 
0.41 M-0.42 301.98 C-1.94 191.93, -1.85 82.62, -0.09 -0.62" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g stroke-linecap="round" transform="translate(49.375 34.75) rotate(0 270 
51)">
+    <path d="M-0.03 -0.2 C204.47 1.13, 409.77 1.14, 539.32 -0.47 M0.05 0.26 
C187.08 0.34, 374.58 0.77, 539.94 -0.06 M538.35 -0.86 C538.73 36.84, 541 72.79, 
540.45 103.97 M539.44 -0.48 C540.3 30.38, 540.23 59.33, 539.1 102.57 M539.71 
102.5 C420.92 100.6, 302.28 100.54, 0.5 102.71 M539.91 101.81 C358.02 99.85, 
176.84 99.89, 0.12 101.78 M-1.2 102.2 C-0.36 61.46, -1.01 20.24, 1.47 -0.64 
M-0.24 102.88 C-0.3 64.62, -0.12 25.79, -1 0.06" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g stroke-linecap="round" transform="translate(598.625 169.5) rotate(0 125.5 
132)">
+    <path d="M-0.91 -0.78 C71.81 0.78, 144.15 -0.04, 249.54 0.93 M-0.29 0.51 
C55.19 1.81, 110.83 1.76, 251.51 0.72 M250.63 -0.76 C250.96 87.25, 252.54 
176.17, 251.48 263.11 M250.52 0.08 C251.68 103.86, 251.42 207.46, 251.58 263.74 
M250.61 265.44 C157.64 267.2, 64.04 266.1, -1.62 264.1 M251.38 264.76 C161.63 
263.52, 70.94 263.51, 0.35 264.16 M-1.04 265.34 C2.31 190.08, 1.15 115.07, 0.84 
0.84 M0.27 264.27 C-1.34 179.25, -1.01 94.2, 0.45 0.04" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g stroke-linecap="round" transform="translate(267.375 456.5) rotate(0 
144.25 63.75)">
+    <path d="M0.48 1.16 C114.8 -1.77, 226.6 -1.82, 289.37 0.19 M0.37 0.57 
C70.6 -1.46, 142.5 -1.87, 288.39 -0.41 M289.98 1.65 C287.67 52.38, 288.73 
101.99, 288.96 128.65 M288.32 0.63 C289.17 26.61, 289.5 51.51, 288.5 128.17 
M289.65 128.81 C189.01 126.88, 89.27 126.99, -0.33 127.8 M288.44 126.9 C220.2 
127.93, 153.44 128.19, 0.38 127.81 M1.29 125.65 C0.56 86.14, -2.12 46.84, -1.25 
-0.95 M-0.29 126.52 C-0.49 77.56, -1.63 29.12, -0.87 0.1" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g transform="translate(58.625 208.5) rotate(0 69 80.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Select currency</text>
+    <text x="0" y="41" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">EUR</text>
+    <text x="0" y="64" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">CHF</text>
+    <text x="0" y="87" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">USD</text>
+    <text x="0" y="110" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">BTC</text>
+    <text x="0" y="133" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+    <text x="0" y="156" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">[Withdraw]</text>
+  </g>
+  <g transform="translate(293.875 181.75) rotate(0 86.5 80.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Pending operations</text>
+    <text x="0" y="41" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Balance in selected</text>
+    <text x="0" y="64" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">currency</text>
+    <text x="0" y="87" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+    <text x="0" y="110" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+    <text x="0" y="133" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+    <text x="0" y="156" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+  </g>
+  <g transform="translate(326.875 492) rotate(0 56.5 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Send money</text>
+  </g>
+  <g transform="translate(628.625 187.5) rotate(0 84 23)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Transaction history</text>
+    <text x="0" y="41" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr"></text>
+  </g>
+  <g stroke-linecap="round" transform="translate(936.625 169.75) rotate(0 122 
126.5)">
+    <path d="M0.91 -0.91 C52.69 -0.51, 104.5 -1.1, 244.72 -1.48 M-0.67 0.09 
C92.15 2.03, 184.38 1.6, 244.79 -0.04 M244.06 0.75 C245.53 88.2, 243.77 173.71, 
245.37 254.62 M243.79 -0.33 C245.21 62.95, 244.21 125.42, 243.2 252.8 M244.97 
253.34 C159.06 253.7, 71.75 253.14, -0.26 254.22 M244.41 252.94 C178.4 254.73, 
114.81 254.17, -0.61 253.76 M1.54 254.04 C2.62 171.09, 2.56 88.97, -0.74 1.1 
M-0.07 253.07 C1.05 153.82, 1.14 54.8, 0.03 0.62" stroke="#000000" 
stroke-width="1" fill="none"></path>
+  </g>
+  <g transform="translate(967.625 195.75) rotate(0 84 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Transaction details</text>
+  </g>
+  <g transform="translate(298.875 383.75) rotate(0 0.00004999999998744897 
0.00004999999998744897)" stroke="none">
+    <path fill="#000000" d="M 1.57,-1.57 Q 1.57,-1.57 1.77,-1.27 1.98,-0.98 
2.09,-0.64 2.20,-0.29 2.19,0.05 2.18,0.41 2.05,0.75 1.93,1.09 1.70,1.37 
1.48,1.65 1.18,1.84 0.87,2.04 0.52,2.12 0.18,2.21 -0.17,2.18 -0.53,2.15 
-0.86,2.01 -1.19,1.87 -1.46,1.63 -1.73,1.39 -1.90,1.07 -2.08,0.76 -2.15,0.41 
-2.21,0.05 -2.17,-0.29 -2.12,-0.65 -1.96,-0.97 -1.80,-1.29 -1.54,-1.54 
-1.29,-1.80 -0.97,-1.96 -0.65,-2.12 -0.29,-2.17 0.06,-2.21 0.41,-2.15 
0.76,-2.08 1.07,-1.90 1.39,-1.73 1.63,-1.46 1.87,-1.19 [...]
+  </g>
+  <g transform="translate(310.875 354.75) rotate(0 40 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">[Deposit]</text>
+  </g>
+  <g transform="translate(757.625 250.5) rotate(0 35 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">[Delete]</text>
+  </g>
+  <g transform="translate(1042.625 261.75) rotate(0 35 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">[Forget]</text>
+  </g>
+  <g transform="translate(340 95.25) rotate(0 71 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">amount, subject</text>
+  </g>
+  <g transform="translate(81.25 51.5) rotate(0 58.5 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">Send Invoice</text>
+  </g>
+  <g transform="translate(482.875 167.75) rotate(0 15 12.5)">
+    <text x="0" y="18" font-family="Virgil, Segoe UI Emoji" font-size="20px" 
fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">[?]</text>
+  </g>
+  <g stroke-linecap="round">
+    <g transform="translate(300 62.5) rotate(0 0.4346650920482489 
32.930345324641095)">
+      <path d="M1.17 -0.33 C1.22 10.67, -0.64 55.15, -0.73 66.43 M0.33 -1.55 
C0.85 9.53, 1.63 55.71, 1.6 67.41" stroke="#000000" stroke-width="1" 
fill="none"></path>
+    </g>
+  </g>
+  <g transform="translate(137.5 91.5) rotate(0 26 11.5)">
+    <text x="0" y="18" font-family="Helvetica, Segoe UI Emoji" 
font-size="20px" fill="#000000" text-anchor="start" style="white-space: pre;" 
direction="ltr">target</text>
+  </g>
+  <g stroke-linecap="round" transform="translate(516.25 398.75) rotate(0 18.75 
19.375)">
+    <path d="M12.92 1.01 C16.48 -0.48, 22.52 -0.81, 26.16 0.83 C29.8 2.47, 
32.97 6.89, 34.75 10.85 C36.52 14.81, 37.63 20.49, 36.81 24.59 C35.99 28.68, 
32.97 33.11, 29.85 35.42 C26.73 37.74, 22.08 38.7, 18.1 38.48 C14.12 38.25, 
8.92 36.89, 5.96 34.05 C3 31.21, 0.83 25.65, 0.34 21.46 C-0.14 17.26, 0.68 
12.58, 3.06 8.89 C5.44 5.2, 12.3 0.79, 14.62 -0.67 C16.95 -2.13, 16.64 -0.38, 
16.99 0.13 M16.61 -0.86 C20.08 -1.86, 24.07 -0.08, 27.27 2.37 C30.47 4.81, 
34.22 10.05, 35.83 13.82 C37.43 17.6 [...]
+  </g>
+  <g stroke-linecap="round" transform="translate(192 397.625) rotate(0 18.75 
19.375)">
+    <path d="M17.85 0.94 C21.44 0.46, 25.57 1.47, 28.86 3.74 C32.14 6.01, 
36.59 10.58, 37.58 14.55 C38.57 18.53, 36.72 23.73, 34.8 27.61 C32.87 31.5, 
29.45 35.99, 26.03 37.85 C22.62 39.72, 18.13 40.18, 14.29 38.81 C10.45 37.43, 
5.33 33.05, 2.99 29.61 C0.64 26.17, -0.19 22.35, 0.2 18.17 C0.6 13.99, 2.27 
7.39, 5.37 4.5 C8.48 1.61, 16.38 1.42, 18.84 0.81 C21.29 0.2, 20.1 0.81, 20.13 
0.83 M12.52 -0.21 C16.27 -1.92, 22.65 -1.55, 26.39 0.39 C30.13 2.34, 33.29 
7.72, 34.97 11.45 C36.64 15.19, 37 [...]
+  </g>
+</svg>
+
+  
\ No newline at end of file

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.



reply via email to

[Prev in Thread] Current Thread [Next in Thread]