search

ZJUSCT / mirror-front

ZJU mirror front-end
https://mirrors.zju.edu.cn
MIT License
32 stars 7 forks source link

[UI/UX] Improve index page display #29

Closed RalXYZ closed 1 year ago

RalXYZ commented 2 years ago

Background

Currently, we put all mirror cards in a big gird. This works properly when we do not have many cards, but will cause visual confusion to users if we have a lot of cards.
In the current implementation ,although the card names is in lexicographic order, there does not exists a proper tag that shows the current position while user is scrolling. Take MS start menu as an example:

image

Target

User needs to

Proposal

image
This design is proposed by rynco

wfwf1997 commented 2 years ago

Why not just introduce a search box? A user is more likely to find whether a certain mirror exists rather than use a distro only if they are presented.

lynzrand commented 2 years ago

Why not just introduce a search box? A user is more likely to find whether a certain mirror exists rather than use a distro only if they are presented.

Fun fact: there was a search box in the original design I proposed 😉

图片

RalXYZ commented 2 years ago

Why not just introduce a search box? A user is more likely to find whether a certain mirror exists rather than use a distro only if they are presented.

Yes, we certainly needs a search box. It is necessary.
Meanwhile, when I try to find a mirror, like Ubuntu on TUNA, I just scroll down and find U, then find Ubuntu, because my right hand is always on my mouse. To entering text, I need to move my right hand onto keyboard
So I think the enhancement in this proposal is also necessary. What's more, I think the priority of this proposal is lower than implementing search bar.

OrkWard commented 1 year ago

Is this what you want? #68
I've changed the fetch url in my develop environment to make it can be previewed on github pages
In fact I've also noticed a significant wired delay before the navigation is triggered by the link. I will do some research to investigate this soon

RalXYZ commented 1 year ago

Is this want you want? #68 I've changed the fetch url in my develop environment so that it can be previewed on github pages

Absolutely. Thank you for your contribution. ♥