buidl-labs / foamviz

Central repository containing data visualizations over FOAM's TCR Data
http://foamviz.surge.sh/
4 stars 2 forks source link

UX issues throughout the app #104

Closed dhruv10 closed 4 years ago

dhruv10 commented 4 years ago

High Priority/ Critical constraints:

  1. Jittery animation and delayed rendering of towers in viz-poi-analytics

  2. Long fetching time in viz-cartographer-journey The new Blocklytics API has already been integrated but we still need improvement in order to have a good UX

  3. Viewport issues in viz-cartographer-journey

  4. HomePage fixes They will be addressed in the last as they are design-related issues

Medium Priority fixes

  1. Color of the Loader keeps shuffling to grey/ black
  2. Back arrow in Part of foamviz project in foam-navar in each viz
  3. Customizing loader in viz-cartographer-journey like fetching 0xadsfw23.. cartographer's data
  4. Inconsistent layout of boxes in desktop view (fix all to say 2.5vh)
  5. Granularity slider click isn't working but able to drag
  6. Design consistency in viz-cartographer-journey top-five-cartographer box
  7. All tooltips need to have a colon
  8. Tooltip upgrades for viz-data-globe as mentioned here

Low priority fixes:

  1. Elaborate viz-poi-analytics loader GPS location content
  2. Remove text from viz-cartographer-journey loader on the first page of viz
  3. Update README file

All issues need to be stress-tested on the mobile screen as well and make sure nothing breaks

dhruv10 commented 4 years ago

image

I think a helper like this (we have in VizDataGlobe) should be included in vizPOIAnalytics and vizCartographerJourney as well. What's say @prastut ?

dhruv10 commented 4 years ago

A re-evaluation of required UX fixes was done and the following todo-list was generated:

HomePage:

  1. Changing font-family to Inter on the homepage with line-height edits.
  2. Fix breathing space in the footer.
  3. Correction and shading in Made with <3 by BUIDL Labs
  4. Arrow color to increase visibility

Tooltips:

  1. Check overflow content-page
  2. Format with NumberWithCommas function

Loaders:

  1. Change content wrt conversation with the user
  2. Show cartographer's address in viz-two loader

Panels:

  1. Change layout for cohesiveness throughout the application.
dhruv10 commented 4 years ago

106