Cumulus Widget

Displays Cumulus points and bons in the current collection period

Elements

The Cumulus Widget has a reduced variant missing the collection period.

Complete

Reduced

Behavior

Counting mechanism

Cumulus Widget counting mechanism refers to the current collection period and works as follows:

Total of all Cumulus points are shown

Amount of all collected Cumulus bons are shown

Progress bar represents the progress to the next Cumulus bon and uses a scale of 500 points

Progress bar label displays how many points need to be collected to get the next 5.- Cumulus bon

Do use a scale of 500 points for the progress bar.

Do not use other scales than 500 points for the progress bar.

Transition

To guide user attention and illustrate the counting more dynamically, cumulus widget transitions to its final state, meaning points are counted while the progress bar expands. See details of this transition.