TokenScript icon indicating copy to clipboard operation
TokenScript copied to clipboard

Improve UI/UX for TokenScript enabled DeFi tokens

Open zhangzhongnan928 opened this issue 5 years ago • 9 comments
trafficstars

  • [ ] cTokens
  • [ ] iTokens
  • [ ] Dai
  • [ ] xDai
  • [ ] Sai
  • [ ] WETH

zhangzhongnan928 avatar Jan 13 '20 10:01 zhangzhongnan928

@zhangzhongnan928 the goal of this issue is very unclear, could you please elaborate? Is this a change to the TokenScript or the app itself?

JamesANZ avatar Jan 18 '20 03:01 JamesANZ

I assume @zhangzhongnan928 meant new, updated look similar to:

Screenshot 2020-01-18 11 53 13

colourfreak avatar Jan 18 '20 10:01 colourfreak

@zhangzhongnan928 the goal of this issue is very unclear, could you please elaborate? Is this a change to the TokenScript or the app itself?

The TokenScript for DeFi tokens are far more than ready as consumer facing products. Since we already have the functions ready, and we have people can design and code the new UI/UX, its time to improve.

Our UI/UX AABA37BA-81C0-4A68-8081-406F3C760E3D 72266019-0EA7-4CBE-9880-604BD1FD5710 2264B528-675B-440E-A657-99AF6C5AB8AA

Same functions, others UI/UX 55C30AC4-D8E1-40A1-9344-C9A64D05B8D0 BC5EC5C1-45BA-4FD3-8C91-823AA6ED82B9 DBD25403-1C8C-41A3-BDA3-F1AB26F52621 D7A4593E-25F1-4041-93A0-07E7EE805A6D

zhangzhongnan928 avatar Jan 18 '20 12:01 zhangzhongnan928

I made a new design for coins and tokens. You can find them only for the Android version. I will have one for iOS later today.

Sketch Cloud: Note that some buttons are not rendered correctly because of bugs in Sketch Cloud. I reported them. Take a look at screenshots below. https://sketch.cloud/s/jDODG/p/tokens-and-coins

Screenshot: Screenshot 2020-01-22 12 26 04

Also, I create a better design for a Dai/xDai bridge. I want to make the same for Sai/Dai, Sai/xDai. Is there anything else needed here?

Sketch Cloud: https://sketch.cloud/s/jDODG/p/daixdai-bridge

Screenshot: Screenshot 2020-01-22 12 31 01

colourfreak avatar Jan 22 '20 11:01 colourfreak

@tomekalphawallet , this won’t be a fast task. It not only requires a basic UI improvement. What the users need when using those DeFi protocols? Do they want to see how much interest they have earned? Do they want to see the risk level of their loan? Do they want to receive a notification? How to show pending status? What is the best way to do with “approve” function? What is the best way to display interest earning, like some DApp show dynamic interest increasing; etc.

Currently, it is like “Command line tool” which has all the functions but not an attractive app.

zhangzhongnan928 avatar Jan 24 '20 06:01 zhangzhongnan928

Challenge accepted.

I have to experience it on myself to better understand. Then finish up the Activity Tab concept (where we will gather all notifications from tokens). Then I need to confirm with @James-Sangalli that what I understood is right. After that, I can start with UI for those DEFI protocols.

colourfreak avatar Jan 24 '20 06:01 colourfreak

Best to involve @colourful-land to align with TokenScript direction.

hboon avatar Jan 24 '20 06:01 hboon

Sending him email now.

colourfreak avatar Jan 24 '20 06:01 colourfreak

We need to come back to 1-1 meetings.

colourfreak avatar Jan 24 '20 06:01 colourfreak