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

T icon for text fields are too confusing #1174

Closed
1 task
louise-davies opened this issue Mar 25, 2022 · 6 comments · Fixed by #1259
Closed
1 task

T icon for text fields are too confusing #1174

louise-davies opened this issue Mar 25, 2022 · 6 comments · Fixed by #1259
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers MVP needed for minimum viable product user feedback Issues that were raised by users

Comments

@louise-davies
Copy link
Member

louise-davies commented Mar 25, 2022

Description:
Feedback from DLS is that the T next to fields like Title is too confusing, so we should use another icon. If we wait for MUIv5, I think the ABC icon might be good, otherwise for MUIv4 icons there's the TextFields icon, or other maybe the TextFormat icon, or maybe they're all still confusable as actual text instead of an icon and we should go with something like TextSnippet icon

Sabah suggested "something like the text alignment icon in MS word" - so something like FormatAlignLeft icon maybe?

Acceptance criteria:

  • Use of the Title icon is replaced by a less confusing icon
@louise-davies louise-davies added enhancement New feature or request good first issue Good for newcomers user feedback Issues that were raised by users labels Mar 25, 2022
@agbeltran agbeltran added the MVP needed for minimum viable product label Apr 26, 2022
@agbeltran
Copy link
Member

@mattjSTFC could you please let us know if you have a view on which icon to use for this?

@mattjSTFC
Copy link

Sure, I'll take a look at this shortly

@mattjSTFC
Copy link

mattjSTFC commented May 12, 2022

Some great suggestions above @louise-davies and thoughts below:

  • ABC icon: Strong contender but would be interested to find out more what this is proposed to be used for in MUI. It does make me think of alphabet blocks
  • TextFields icon: This feels more like a action similar to changing a font size
  • TextFormat icon: Again this feels more like an actionable icon rather than an icon to just compliment some text
  • TextSnippet icon: This, like ABC, is a good choice. It also compliments the Size icon as has a similar presentation
  • FormatAlignLeft icon: This also feel like an actionable icon - probably because I know it's to format left

Another couple of options could:

Screenshots below of TextSnippet, Subject and ViewHeadline:

image

image

image

I think all three would work but if I had to choose I would suggest Subject or ViewHeadline. All three show a list (not text which maybe an issue) but Subject and ViewHeadline are more subtle and easier on the eye.

@louise-davies
Copy link
Member Author

@mattjSTFC For the ABC symbol it looks like it's meant to be used for keyboards, as there's a corresponding 123 symbol (see: https://github.com/google/material-design-icons/issues/67). So it's meant to represent letters/keys abstractly.

Between Subject and ViewHeadline - I prefer Subject as it looks less like a hamburger menu icon and a little more clear it's meant to be representing a paragraph.

@mattjSTFC
Copy link

That is a good shout about the hamburger menu. Also happy with Subject

@agbeltran
Copy link
Member

I like the TextSnippet icon but ok with Subject too - this is something that we can change again if needed after further feedback.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers MVP needed for minimum viable product user feedback Issues that were raised by users
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants