stride-nyc / remote_retro

Free, world-class retrospectives
https://remoteretro.org/
MIT License
577 stars 65 forks source link

Button to clear highlights from all ideas #184

Open samdec11 opened 7 years ago

samdec11 commented 7 years ago

As a facilitator, I would like one button to deselect all highlighted ideas, So that I don't have to click each idea to clear my selections.

By Way Of Explanation: A facilitator can highlight ideas to bring them to the attention of everyone in the retro. After multiple ideas have been highlighted, the facilitator has to deselect each of them individually when they want to clear the highlights.

Acceptance Criteria:

vanderhoop commented 7 years ago

@imaginista i want to pull you into this story. it seems to me it this feature has a high utility given that sean and I both thought of the need for this feature without even discussing it. My question is: what's the UI component that appears, and--more importantly--where does it appear?

Can you come up with a couple rough design options for this feature?

And a follow-up consideration! Let's say multiple ideas are highlighted, as they were in our retro today: if the facilitator wanted to "group" these ideas into a category, whatever component exposes the "clear all highlights" functionality could have a sibling component that allows the facilitator to "group highlighted ideas". Just an idea, but I want to put it in your head!

imaginista commented 7 years ago

My gut tells me that the best way to approach this is to guide focus by reducing visual overload. If we go the route of highlighting by color while keeping all idea entries at 100% opacity I'd bet a 3 dollar bill that user focus would continue to wander the screen. If our goal with this aspect of the experience is to truly focus people's attention I think we should explore a more reductive approach. Maybe darkening the screen, with only key ideas selected and at full contrast. Just put something together for us to illustrate what i'm talking about. Check it:

rr-highlight

vanderhoop commented 7 years ago

@imaginista i agree that the mock above would result in greater focus from participants. and I'm not opposed a couple conditions result from this:

  1. if the facilitator wants to highlight additional ideas, the facilitator has a harder time seeing the ideas he or she might want to highlight due to the dark overlay.
  2. there's still no way to clear highlights for all ideas. what mechanism does the facilitator have to clear all highlights?

implementation note for self (and other devs): we could accomplish the effect @imaginista mocked up by a adding a semi-transparent overlay whenever any idea is highlighted, and giving any and all highlighted ideas a z-index greater than the overlay's.

vanderhoop commented 7 years ago

@samdec11 see comments above

vanderhoop commented 7 years ago

Got an idea from the way Slack allows your to extend certain user actions:

Notice the animated dropdown in the gif below:


only_appears_when_we_hover_over_dehighlight_idea


Provided that the following conditions are met:

...we would provide a dropdown that says "Delight All Highlighted Ideas", or something similar