Files list indicators labels

[LukasHirt]

Instead of labelling the whole indicators row with State, there should be a label for each indicator. This requires extending the extension point of indicators.

[PVince81]

Yeah, so far I was very confused what the "State: -" meant.

[PVince81]

"Shared with: -" in latest ocis-phoenix not looking better :-D

[kulmann]

We did a little bit of visual prototyping in todays design initiative meeting. For that prototyping we added some wild guessed icons (partly they don't make sense), to see how it looks like in a crowded state, i.e. when there are more indicators.

Idea:

• the wording should express a state (like Shared, Public, Tagged, etc)
• label on the right of the indicator
• try smaller font size for indicator row
• hide labels on mobile

Screenshots:

Feedback appreciated. @micbar @LukasHirt

[LukasHirt]

I have quite mixed feelings about this. I like that the indicators have a label but seeing then multiple ones feels like too many items screaming for the attention.

[kulmann]

We could try with even smaller font and grey text... grey text was also proposed yesterday. I just didn't have the time to continue on that.

[LukasHirt]

We could try with even smaller font and grey text...

Sounds like worth the try 🙂

[pascalwengerter]

@tbsbdr could you update this to the current state of things eventually? :)

[tbsbdr]

Current state of discussion

... and next steps:

• purpose the sharing indicators proofed to be quite helpful for the users question "who has access?" at first glance
• effective in the usability test the sharing indicators functionality was recognised correctly and gave safety to the users, as their (prior) sharing-action was reflected by the indicators (btw: fulfills "" visibility of system status https://www.nngroup.com/articles/visibility-system-status/)
• similar purpose we have a similar component in the shared with others section - the "OcAvatarGroup" which shows even more detailed infos at first glace (number of shares and persons, link). I would love to see the "OcAvatarGroup" in the Files List, but this would slow down the system as it would eat lots of resources to collect all the sharing infos recursively -> practically not feasible

Problems with the current solution

• conflict: condensed view as we also need a more condensed view in the future, the 2-lined Filename+Sharing indicator make it difficult to lower the whole row-height
• small clickable area The indicators have only a clickable area of 24 x 24 px. ideally a clickable area is 44 px x 44 px (https://www.w3.org/WAI/WCAG21/Understanding/target-size.html)

Solution

long story short
--> move the sharing indicators into a separate column (as it was already done some time ago ;-) )
--> visually distinct the sharing indicators from the quickactions

compare:

[pascalwengerter]

Superseded by more recent #5976