We have moved to a new Sailfish OS Forum. Please start new discussions there.

Revision history [back]

click to hide/show revision 1
initial version

posted 2014-01-18 18:34:04 +0200

How to enhance text readability in Sailfish apps?

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). App developers often adapt the same appearance for their apps (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps use the light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress.)

How to enhance text readability in Sailfish apps?

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). App developers often adapt the same appearance for their apps (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps use the light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress.)works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

How to enhance text readability in Sailfish apps?

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). App developers often adapt the same appearance for their apps (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps use the light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

How to enhance text readability in Sailfish apps?

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). App developers often adapt the The same appearance for their naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps use have the Silica light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

How to enhance text readability in Sailfish apps?

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps have the Silica light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

How Ways to enhance text readability in Sailfish apps?apps

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps have the Silica light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

Ways to enhance text readability in Sailfish appsUI (incl. apps)

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, dark letters on white background are much easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps have the Silica light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)

Ways to enhance text readability in Sailfish UI (incl. apps)

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Edit. Updated the question to be relevant with the Sailfish 2.0 UI.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, for many readers, dark letters text on white background are much is easier to read. Also the background should preferably be a uniform, solid color. Having light type on dark, non-uniform background almost everywhere through the system is not ideal.

(Right now many Sailfish counterparts of established apps There should be an option to choose dark-on-light or a light-on-dark UI scheme, so that every user can have the Silica light-on-dark appearance, when the originals use dark-on-white. Evernote/Bluewhale, Dropbox/Sailbox, Twitter/Tweetian, Facebook/Friends, to name a few. Of course these apps are still works-in-progress. And they don't need to look like the originals, they can maintain the Sailfish look, but with better readability.)UI that best suits them.

Ways to enhance text readability in Sailfish UI (incl. apps)

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Edit. Updated the question to be relevant with the Sailfish 2.0 UI.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background (with the ambience image showing through). The background.The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, for many readers, dark text on white background is easier to read.

There should be an option to choose dark-on-light or a light-on-dark UI scheme, so that every user can have the UI that best suits them.

In what other ways could the UI be more readable/accessible to all users, including those with eyesight problems?

Ways to enhance text readability in Sailfish UI (incl. apps)

This question describes an area of improvement in the Sailfish UI. Ideas on how to improve the situation can be given and voted upon as answers.

Edit. Updated the question to be relevant with the Sailfish 2.0 UI.

Text in the Sailfish UI is mostly displayed in white/light letters on dark background.The same appearance naturally extends to third party apps via Sailfish Silica (which is a good thing in that it makes the overall user experience consistent).

However, when reading any longer text, for many readers, dark text on white background is easier to read.

There should be an option to choose dark-on-light or a light-on-dark UI scheme, so that every user can have the UI that best suits them.

In what other ways could the UI be more readable/accessible to all users, including those with eyesight problems?

For visibility: Here's how to set the system wide font size:
https://together.jolla.com/question/16786/ways-to-enhance-text-readability-in-sailfish-ui-incl-apps/?answer=126441#post-id-126441