ttu-ttu / ebook-reader

Online e-book reader that supports Yomichan
https://reader.ttsu.app
BSD 3-Clause "New" or "Revised" License
697 stars 64 forks source link

[Feature] ProgressBar #3

Open Renji-XD opened 3 years ago

Renji-XD commented 3 years ago

As an User i want to be able to display a ProgressBar indicating my current Book Progress instead of a textual Representation.

Could be more "satisfying" than text but potentially also be more friendly on smaller screens (at least on an old phone of mine the text is really small)

On Desktop there could be a Hover Dialog displaying current details (/max (percentage)), for mobile additionally on click. Opt-in Functionality - if disabled the old Text is displayed, otherwise the bar (color also configureable)

wizo06 commented 3 years ago

Progress bar based on what? Page count?

Renji-XD commented 3 years ago

I think that is not available - its the same data as the existing one meaning character count / max-characters. just in a different visualization

https://imgur.com/a/wNPP5GL

I think it has more positive psychological effect than pure numbers (and as I said at least for me the size of the text is really hard to read on my mobile)

wizo06 commented 3 years ago

I see. So the progress is still based on text count, but rather than displaying the progress as numbers, you want it to be displayed as a literal progress bar, correct?

We'll need careful consideration for this, as we don't want to clutter the screen too much, especially for mobile users. The text from the LN should be the main focus of the app, and it should take up as much space as it should and can.

The screenshot you provided has a very thick progress bar, but I can imagine a very slim one (like the progress bar from YouTube videos) being non-intrusive. The color of the progress bar is still up for debate though.

Renji-XD commented 3 years ago

i think handing over the responsbility via a simple color input (with abilily to reset to default color) would be sufficient.

for the height i guess it depends if there should be this on request tooltip to display the actual amount of characters ( which i think some people would still be interested in).. if its like yt nobody will be able to click it.. but ya in general on mobile can be for sure thiner

wizo06 commented 3 years ago

nobody would be able to click it

is this progress bar meant to only display the progress, or is it also meant to be used to navigate/scroll through the novel?

Desktop view already displays a scroll bar by the browser (although mobile view doesn't). If we were to implement the progress bar you are suggesting, there would be 2 bars with which you can scroll.

Renji-XD commented 3 years ago

is this progress bar meant to only display the progress, or is it also meant to be used to navigate/scroll through the novel?

originally i only had the visual layer in mind. if you think navigation could add some beneift it would also be ok i guess (though not sure how precise that would be in the on smaller devices).

For Desktop: ya now as you said it .. in the end scrollbar can be seen as kind of progress bar.. though its differs by a fraction to the character count and is of course not really styled in the sense of a filled bar etc.. but i can understand if you think that a separte one is maybe not adding much or is more a distraction than something else : )

ttu-ttu commented 3 years ago

Think we can add that but not sure if it'll be too small (thinking of progression indicator).

Alternatively we could add a slider that only appears if the user taps the screen, which also helps for mobile users to quickly scroll through the contents

Sentoss commented 9 months ago

Maybe instead of a bar, make it a small circle, as small as the time indicator on the bottom left of the screen.