Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request]: Make label visible for most icon buttons #4259

Open
3 tasks done
kommunarr opened this issue Oct 31, 2023 · 0 comments · May be fixed by #4950
Open
3 tasks done

[Feature Request]: Make label visible for most icon buttons #4259

kommunarr opened this issue Oct 31, 2023 · 0 comments · May be fixed by #4950
Assignees
Labels

Comments

@kommunarr
Copy link
Collaborator

kommunarr commented Oct 31, 2023

Guidelines

  • I have searched the issue tracker for open and closed issues that are similar to the feature request I want to file, without success.
  • I have searched the documentation for information that matches the description of the feature request I want to file, without success.
  • This issue contains only one feature request.

Problem Description

Most ft-icon-buttons in FreeTube have no visible label and rely on the title attribute (& the scant meaning in the icons themselves) to convey meaning. Here are the issues with this:

  1. They're not for everybody: buttons without visible labels preclude most mobile users and impair many disabled users from being able to actually see what the labels are 1. To quote Jacob Michelini from his article "Unlabeled Icons: Sacrificing Usability for Aesthetics":

For low-vision users, many icons contain tiny details that make them indistinguishable. For screen-reader users, they are totally unreadable unless tagged properly. For users with fine motor impairment, the tiny unlabeled icon you chose to just barely fit the UI is a nightmare to tap accurately. It’s also a nightmare for all users when they try to operate your app with one thumb while carrying groceries on the bus.

  1. It's a bad user experience 1 2 3 : it's not immediately intuitive what all of these buttons do just by looking at their icon, and hovering over them each time you want to check is not fun or fast. We have gotten dozens of GitHub issues raised about "missing" functionality on sharing videos, downloading videos, et cetera — and I don't blame the people who make them.

To quote the Nielsen Norman Group:

And always include a visible text label. As Bruce Tognazzini once said, “a word is worth a thousand pictures.”

Sources:

  1. https://uxplanet.org/unlabeled-icons-sacrificing-usability-to-look-pretty-415408a0e115
  2. https://axesslab.com/icons-ruining-interfaces/
  3. https://www.nngroup.com/articles/icon-usability/

Proposed Solution

Add labels to almost all buttons in FreeTube that are missing them. Make this the default behavior for ft-icon-buttons. Exceptions should be rare and only in cases of universal intelligibility. Examples of buttons that could meet this definition: Save video, More Options. Here's a heuristic by Nielsen Norman on this:

Use the 5-second rule: if it takes you more than 5 seconds to think of an appropriate icon for something, it is unlikely that an icon can effectively communicate that meaning.

Alternatives Considered

None other suffice.

Issue Labels

ease of use improvement

Additional Information

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: To assign
Development

Successfully merging a pull request may close this issue.

1 participant