report: add help link icon

[patrickhulce]

closes #3696

first pass at adding some help icons, definitely open to other ideas

screenshot below

[paulirish]

i missed the original discussion, and have some concerns about this UI. (IMO adds too much clutter to the UI) But i understand the core problem we're trying to solve (i think)

two alternatives to this i see.

1. try to make this UI work. lower contrast with these icons.. make them gray. slide them next to the title text.
2. don't add new UI. instead follow what PSI does in making their "learn more" links more obvious by incorporating as part of the details rather than at the end of the nobody-reads description:
   

i slightly favor 2, but i have no idea which will work better for users.

[vinamratasingal-zz]

Patrick- I agree with Paul that the UI looks a lot more cluttered with the question marks, and I don't think will help solve our discoverability issues given that they're on the right side (where the eye will probably not naturally follow, so users will still be confused)

Paul- I like the second suggestion, and I think we should do it, but I don't think it's going to solve to discoverability issue to begin with (because it will still require users to discover the drop down, which is not happening atm). Is there anyway we can setup an A/B experiment within the UI to test multiple options and see whether our discoverability improves? Additionally, can we try just making the arrows bigger, or maybe move their placement after the word (so like "Does not register a service worker [insert arrow]")

[patrickhulce]

@vinamratasingal what do you think of the updated screenshot?

[paulirish]

I can live with the updated UI. Still skeptical, but not enough to block it. :)

[vinamratasingal-zz]

Errr I think you misunderstood what I said Patrick. I actually think we should get rid of the question marks completely :) I decided to make a screenshot to explain what I am envisioning:

Does this make sense? Can we make the dropdown a little bit more gray/darker, so there's more emphasis to it?

[patrickhulce]

@vinamratasingal I didn't misunderstand. The current screenshot is the 2nd take on the UI after iterating with Paul (it was already done before you had commented just didn't update the screenshot). I have no dog in this fight, just was doing what was assigned that we decided in a meeting that seemed reasonable :) that being said...

Stuff like moving the arrows after the sentence and tweaking shades of gray feels like a futile exercise. If we're not taking any substantial steps like moving the link outside the dropdown, I'd vote to abandon until a designer or research is involved here.

[paulirish]

We can't move those arrows anytime soon.

+1 to deferring this in general.

[brendankenny]

yeah, I also vote defer and add it as a top level priority for the next report UX reworking

[patrickhulce]

cool cool then