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

New Take Action cover UI

XMLWordPrintable

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

      Based on the TA covers usability testing results, provide a design for the final version of the new TA cover. The UI should follow the design showed in the usability testing with these changes:

      • Replace the link by a CTA button
      • Display the CTA button for the default state
      • Be sure to consider PLANET-4444 (CTA buttons will have variable text) in designs, and feel free to make recommendations for character limit
      • Set a rule for characters limit (for the title, the description. and the CTA button considering the smallest screens)
      • Consider a right to left version of the card for Arabic countries.

      Once the UI has been approved:

      • Upload the Sketch file of the component on the P4 Sketch cloud library
      • Provide design specs (including interactions) for the devs (using Inspect, the Invision plugin) including XL, L, M & S screens and left to right
      • Upload the component on the Design System Library (ZeroHeight)  

        1. Button_primary_small--UI_specs.png
          65 kB
        2. TA_cover--M-L-XL--UI-specs.png
          386 kB
        3. TA_cover--S--alt3.png
          261 kB
        4. TA_covers--M--alt1.png
          792 kB
        5. Take Action cover - v6 - Desktop & Desktop HD (gallery) - right-aligned .png
          1.37 MB

            mhinders Matthew Hinders-Anderson
            mfatome Magali Fatome (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: