mmjee / Piped-Material

A fork of Piped, focusing on better performance and a more usable design.
https://piped-material.১.net/
GNU Affero General Public License v3.0
145 stars 8 forks source link

Page Loading Indicators #78

Closed moriel5 closed 1 year ago

moriel5 commented 2 years ago

Currently, when pressing a card, a short animation plays, which depending upon your latency and network speed (and potential cache), could be cut off in the middle with the next page loading.

However if there is a substantial delay, you see the animation in is entirety, and then return to how it was before. This makes it appear as if the function is broken and no request was made.

On Piped, there is nothing to counter this either, however since there is no animation at all, you simply see the link underlined as long as the mouse is on it, which makes it easier for people to see what was pressed.

I think that an a connection/page loading indicator should be added, and it should also show what was pressed, to make the process more visible.

Also, for people with aging eyes, or just general hardship to concentrate on a single small point, a separate indicator should be shown to highlight what the cursor is on top at a given moment (shading the card could be some for the latter).

mmjee commented 1 year ago

Currently, when pressing a card, a short animation plays, which depending upon your latency and network speed (and potential cache), could be cut off in the middle with the next page loading.

The next page loading? I don't understand what you are referring to as being the “animation”. Do you mean the progress indicator? It is only interrupted when the request completes loading, and the page is rendered next.

However if there is a substantial delay, you see the animation in is entirety, and then return to how it was before. This makes it appear as if the function is broken and no request was made.

Return to what it was before? I don't understand.

On Piped, there is nothing to counter this either, however since there is no animation at all, you simply see the link underlined as long as the mouse is on it, which makes it easier for people to see what was pressed.

Most clickable cards show a “ripple” animation that Material Design is famous for. All URLs are also underlined as usual.

I think that an a connection/page loading indicator should be added, and it should also show what was pressed, to make the process more visible.

Okay, but where?

Also, for people with aging eyes, or just general hardship to concentrate on a single small point, a separate indicator should be shown to highlight what the cursor is on top at a given moment (shading the card could be some for the latter).

moriel5 commented 1 year ago

I'll try think of how to rephrase this in a manner that will be more easily understood once I'll be on my desktop.

mmjee commented 1 year ago

Please create a new issue if this is a still an issue with an actionable solution.