Details

      Description

      Motivation

      According to the data obtained by Usability Tests, users find it confusing to set an element as the click target goal which may cause not being able to start the test.

      Design

      Figma file version 1
      Border box for clickable elements to be 2px and primary color
      Box filed with primary colour at 40% opacity
      Use opacity for the rest of elements 40%

      According to technical aspects and difficulty of using opacity in the rest of elements on the page, we should find other design solution to highlight clickable elements. Here it is the new proposal for making the user focus on those clickable elements without losing coherence with other selection modes in Portal, specially in the Page Editor:
      https://www.figma.com/file/NA2eka8Zgk8kAHD4BvUDNB/LPS-103746-highlight-clickable-elements-click-goal-version-2?node-id=21%3A1605

      Aceptance Criteria

      Style adjustments to highlight selectable elements

      • Given an AB test with click goal
      • When clicking Set Element
      • Then the selectable elements in the interface are highlighted with a more evident box and make the rest of elements (not selectable) with 40% opacity

        Attachments

          Activity

            People

            • Assignee:
              brian.chan Brian Chan
              Reporter:
              susana.vazquez Susana Vázquez
              Recent user:
              Susana Vázquez
              Participants of an Issue:
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Days since last comment:
                6 weeks, 3 days ago

                Packages

                Version Package
                Master