nextcloud / nextcloud/server

Icon semiotics for sharing, visibility, read only in user profile settings

Open
#61,092 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
PHP
Stars
36.9k
Forks
5.2k
Avg merge
2d 3h
Merged PRs (30d)
713

Description

I propose a review of the icons used in the profile page, the icons used to denote the sharing / visibility of the profile properties for other users.

Context

In the profile information app, an icon indicates which audience can see a particular attribute: Private, Local, Federated, Public. The current setting is indicated by an icon next to the input label.

Current situation

Currently, four symbols are used:

  • Private: Smartphone icon
  • Local: Padlock icon
  • Federated: Group of people
  • Public: Globe
Image

The symbols used have established meanings.

  • Smartphone icon: Smartphone client (small portrait screen, touchscreen, finger operation), typically in contrast to a desktop client
  • Padlock: Read-only access: “Object is protected from changes”
  • Group of people: In the context of NextCloud, the same symmetrical icon with three people is used for user groups (account-management__group-list) and likely for other purposes as well. Additionally, a similar icon with two people is used in the “Contacts” app for groups.
Problem

It's confusing when the same icon is used for different purposes.
On the profile page, the icons indicate visibility to others: who can see what, and with whom I share this information.

What is particularly confusing in this case is that three of the four icons come from different contexts and have no (established) meaning in the context of “shared with” or “visibility to others.”

Even worse: The usergroup icon has the context of «sharing», but on this page, it denotes the usergroups of the federation construct, in contrast to the usergroups of the local installation. So it is just wrong.

In my view, the appropriate context for the four icons is “sharing” (not “visibility”). I would therefore reference the share icon, butr not the eye icon. Since the icon is used to denominate one of the (four?) sharing settings, the standard sharing icon with three dots in an equilateral triangle is no option.

Before deciding for an alternative, better icon set, I recommend reviewing the use of icons in the “Files” app. The image below is meant to be a basis for that discussion.

Issue feedback
  • Am I the only one confused with the current situation?
  • Did I miss an aspect? Are there more than four sharing cases to cover?
Image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the profile information app and the existing icon usage in the Files app, as suggested in the issue. Establish which sharing or visibility states must be represented and document an agreed icon set; the issue currently does not name files, tests, or a concrete implementation entry point.

Written by the indexing model from the issue text.

Assessment

Domain
design, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.