horizontalsystems / HS-Design

Horizontal Systems Design Elements
4 stars 12 forks source link

UI Improvements for Chart View #52

Closed esengulov closed 4 years ago

esengulov commented 4 years ago

Chart View:

IMG_3382

TalgatNurdinov commented 4 years ago

make graph line slightly bolder

make the font for % price change a bit thicker

the word 'price' in title should be in different font to make it standout from name (ex: Crypto.com Chain Price). The word price should have a different look to stand out from name add a horizontal line to the top of the bottom controller as an indicator/hint that the controller is swipe-able :

@ealymbaev suggested displaying the values below the graph (mkt cap, high, low) as a vertical list below the graph. I like that as well. Let's try that.

make the selected state for period (1D, 7D, 1M etc) standout more (see below)

New feedback from chat

https://www.figma.com/file/p8oB6wTgeqJihiN2l87A3n/Unstoppable-Design-System?node-id=1406%3A237

esengulov commented 4 years ago

@TalgatNurdinov points below are still relevant

Chart View:

TalgatNurdinov commented 4 years ago
Screen Shot 2019-09-23 at 5 31 05 PM

https://www.figma.com/file/p8oB6wTgeqJihiN2l87A3n/Unstoppable-Design-System?node-id=3239%3A4061

esengulov commented 4 years ago
Screen Shot 2019-09-23 at 5 31 05 PM

https://www.figma.com/file/p8oB6wTgeqJihiN2l87A3n/Unstoppable-Design-System?node-id=3239%3A4061

@TalgatNurdinov looks good, but we need more changes. We need to add one more entry ()

-- High: $10,300 || Low: $9,000
-- Trading Volume (24 hours): $2.32 Billion -- Market Cap: $178.8 Billion -- Bitcoin in Circulation: 17.3 million BTC -- Bitcoin in Total: 21 million BTC -- source: @CryptoCompare.com

TalgatNurdinov commented 4 years ago

Android

Screen Shot 2019-10-07 at 2 55 03 PM

https://www.figma.com/file/p8oB6wTgeqJihiN2l87A3n/Unstoppable-Design-System?node-id=3502%3A11535

iOS

Screen Shot 2019-10-07 at 2 58 18 PM

https://www.figma.com/file/p8oB6wTgeqJihiN2l87A3n/Unstoppable-Design-System?node-id=3495%3A216