camdendotlol / topstersorg

Book and music charts
https://topsters.org
GNU Affero General Public License v3.0
18 stars 9 forks source link

Improve mobile experience #26

Closed camdendotlol closed 7 months ago

camdendotlol commented 1 year ago

According to the Google Search Console, approximately 57% of all-time visitors are on a mobile phone. I think the topsters.org UX for phones is absymal and it amazes me that people are able to use it.

This would really have two steps:

  1. Improve the design from the terrible drawer-based navigation to something more like a navbar. It would also be good to figure out a way to use the screen real estate more effectively, as most charts are wide while phone screens are tall. The fix for this would probably be a better zoom feature, but the positioning code in the canvas component would need to be updated to accommodate that.
  2. Improve Canvas stability on mobile browsers. This one might be more difficult, because iOS Safari in particular just sucks, but maybe there's something we can do. For example, #22 seems to be a lot more prevalent on my iPhone than my computer.