Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-3696

Perform UX of progress bar in Counter block

XMLWordPrintable

    • Icon: UX task UX task
    • Resolution: Unresolved
    • Icon: Should have Should have
    • None

      Based on PLANET-3356 it would be great to have a UX review about whether the progress bar in the Counter Block should:

      AND

      Maybe we should split the task? Please advice

      ------------------------------------------------------------------------------------------------------------------------------------
      As a user I'd like to see how the petition is doing, how many signups are there already, what is the target.

      I'd like to add the "progress bar" version of the counter to the form block. I don't think that any petition would want a form without progress bar so let's make it a standard part of the form block (for now).

      This ticket is only about the design, I'll open a separate ticket about the backend of the progress bar.

      Some considerations:

      • we will have three layout versions of the form block so we'll need a progress bar for all versions (though
      • most of the progress bars i've seen are on the top area of the form, but usually underneath the title of the petition. see: http://heartoftheamazon.org/
      • the counter block has 3 layout versions but i'd only use the "progress bar" version in the form block

       

        1. hk_example.JPG
          47 kB
          Chris Chan
        2. petitionForm_clean.jpg
          109 kB
          Chris Chan
        3. petitionForm_right_away.jpg
          119 kB
          Chris Chan
        4. petitionForm_signatures_underneath.jpg
          120 kB
          Chris Chan
        5. petitionForm_signup_number_within_counterbar.jpg
          119 kB
          Chris Chan

            cchan Chris Chan (Inactive)
            gabor.galgocz gabor.galgocz
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated: