liberapay.com icon indicating copy to clipboard operation
liberapay.com copied to clipboard

A "look ahead" view for receivers

Open trebmuh opened this issue 3 years ago • 8 comments

As a creator/donnee/receiver, I'd like to have a kind of "look ahead" view to check how far/long/much I'm funded for. I know we are receiving the money straight within the current situation, but what I'd like to see is how_much/how_long the donators have funded me.

Example:

  • estelle donated me 10€ a week for 20 weeks
  • michel donated me 30€ a week for 2 weeks
  • esteban donated me 1€ a week for 20 weeks
  • louise donated me 0.25€ a week for one year
  • dominique donated me 4 € for 1 week (a new donation, starting next payday)

What I would like to see is a table of that sorts:

  • week 0 (the last payday) : 41.25€ (10 + 30 + 1 + 0.25)
  • week 1 (this payday) : 45.25€ (10 + 30 + 1 + 0.25 + 4)
  • week 2 (next week's payday) : 11.25€ (10 + 1 + 0.25)
  • week 3 : 11.25 (10 + 1 + 0.25) ...etc

I should be able to see such a page when logged, and everyone too if I choose to show it to everyone (like how much I get/give on my member page).

trebmuh avatar Aug 22 '20 17:08 trebmuh

I had the same idea a while ago, but I think it should be a bar chart, not a table.

Changaco avatar Aug 24 '20 07:08 Changaco

No worries here "table" was to be taken in a generic way. A bar chart would probably be OK. Glad you share the idea.

trebmuh avatar Aug 24 '20 08:08 trebmuh

If using a chart, rather than a table, here's a few points to consider.

  1. If the data in a chart, graph or map is crucial to the content of a Web page, then you must provide a text description of the image. In some cases, a numeric table replicating the chart data could provide additional accessibility. WCAG 2.0 Guideline 1.1.1—"All non-text content that is presented to the user has a text alternative that serves the equivalent purpose…"
  2. Supplement color-coding of charts with texture, differences in line style, text in graphs or different shades of color to improve accessibility for colorblind users. Charts should be readable in black and white.

WCAG 2.0 Guideline 1.4.1—"Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element." 3. Don’t convert tables of data into images—use an actual data table instead. Text Descriptions for Charts should be used to convey what the graphical chart can't.

So, making a table would kill 2 birds with 1 stone.

rkingett avatar Aug 24 '20 14:08 rkingett

I wildly imagine that @Changaco was referring to the chart style already there at the bottom of the https://en.liberapay.com/Liberapay/ page (click on "View Income history" button). Isn't Changaco?

trebmuh avatar Aug 24 '20 21:08 trebmuh

I created a separate issue for the accessibility of charts: #1871.

Changaco avatar Aug 31 '20 07:08 Changaco

I took a bit of time to make a mock up of the idea which would take place on the https://en.liberapay.com/Liberapay/ page as an example.

As I see it, we would have the same system as now, ie: when the "View income history" is being pushed by the user, it shows the same chart as now, plus a new "view income prevision" (I put "prevision" here, but "forecast" might be better).

If the user pushes this new "view income prevision" button, then a "we are here" vertical line and the projection would appear like that:

lp-lookahead

trebmuh avatar Jan 08 '21 18:01 trebmuh

Regarding the mock up in the previous comment: I think the forecast income should be composed of three stacked bars of different colours or transparency levels. The bottom bar would be for money that has already been received, the middle bar would be for money scheduled to be received from automatic donation renewals, and the top bar would be for money scheduled to be received from manual donation renewals.

Changaco avatar May 19 '22 08:05 Changaco