covidcg icon indicating copy to clipboard operation
covidcg copied to clipboard

Published 20 hours ago • verified publisher icon vector-engineering

Mobile Homepage

Open atc3 opened this issue 3 years ago • 1 comments

MOBILE REDESIGN

Scope of this project: Redesign the home page for phones

  • We won't use media queries, responsive CSS, etc. Make a totally separate mobile site (can still share components with desktop site)
  • Only port over 1) Surveillance plots 2) Global Sequencing Effort plots
  1. Design mobile page and plots
  • Current plots are mouse-centric. Need to adapt them for touch
  • i.e., Hovering over variants in the home page surveillance won't be possible on a phone
  • Rearrange plot objects to fit on a screen, only scroll vertically
  • Rethink how to interact with plots only through touch
  • Wireframe in Balsamiq, plot mockups might require more powerful tools
  1. Implementation - separate Vega Specs and React Components
  • Mobile detection code/components are currently in src/components/Pages/HomePage

atc3 avatar Nov 19 '21 00:11 atc3