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

Request to use font with outline of the opposite color (White text with Black outline or viceversa) to increase readability #120

Open
d5364t54ytfr4 opened this issue Sep 30, 2022 · 2 comments
Labels
enhancement New feature or request

Comments

@d5364t54ytfr4
Copy link

d5364t54ytfr4 commented Sep 30, 2022

Is your feature request related to a problem? Please describe.
Some times the text is hard to read, especially on the "Tell me about" skill(Wikipedia?). Especially when the background or parts of it is black and the font is also black.

Describe the solution you'd like
Instead of using a font thats all the same color like black, use a font with the opposite color as the outline. Say the font color is black, then the outline of the letters in the font should be white and if the font is white, then the outline should be black. This ensures readability in all backgrounds.


And the following image being in all caps makes it a bit harder to read, but you get the idea.


Additional context
It seems white text with black outline works better than vice versa or maybe the white outline shown here is too thick, not 100% sure about it
Image

Describe alternatives you've considered

11 Hacks to Make Text Over Images More Readable & Craft a Stunning Slide

@d5364t54ytfr4 d5364t54ytfr4 added the enhancement New feature or request label Sep 30, 2022
@d5364t54ytfr4 d5364t54ytfr4 changed the title Request to use font with outline of the opposite color (Black font with White outline or viceversa) to increase readability Request to use font with outline of the opposite color (White text with Black outline or viceversa) to increase readability Sep 30, 2022
@krisgesling
Copy link
Contributor

Hi there, thanks for flagging this.

We've been looking at this ourselves too, and have been moving Skills like Wikipedia away from having text directly over images. The new version starts with a white title on a black background, and the article image being presented below that - so no text is overlapping the image at all. Where we want longer text content, that goes on a secondary screen that is just white text on a black background.

On the Mark II Homescreen we use a strong shadow on all sides of the text. This isn't quite as strong as a solid black/white border, but it does improve readability quite noticeably.

These two different approaches highlight that we want to enforce a particular font or style for all scenarios. However it's certainly something that we need to follow best practices on in official Skills, and encourage others to do the same through better documentation.

@d5364t54ytfr4
Copy link
Author

d5364t54ytfr4 commented Sep 30, 2022

@krisgesling

I found another similar issue. The prompt/notification of what I said is a black text without any white background or the general notification flair you get in UI designs on other devices.

This makes it totally unreadable in Black Background or in case of Wikipedia when the two texts are overlapping.

Maybe you should add a rectangle with circular edges as the background to give it a notification flair.
And even if you add it it'd still overlap with the other text. So, you'll have to figure something out.
My suggestion is to only show it in the main clock page and make it disappear after the skill specific ui is shown

Another issue is when I type in 'tell me about God'. It tells me about gold. I would understand if it were voice, but why is this happening when I type the Text?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants