A user when chooses the dark mode , might expect the browser to open all the other websites in dark mode for uniformity. Firefox Preview does not provide that option. The browser can be turned into dark mode , however the websites won't be. Dark Mode is essentially used to reduce the strain on the eyes, saves the battery of the mobile and because for some people the UI looks "cool" and better . If only the browser is in the dark mode and the website is not , The dark mode will not be able to fulfill its purpose.
How would you solve the problem? What is your design proposal?
I solved this problem by researching and reviewing the IA structure and competitive analysis (eg opera given below ).
I tried to search up different features and tried to find out which features in dark mode themes are beneficial. However, to solve this problem a simple solution would suffice.
When a user enables the dark mode , another option comes up to do the same for websites also. I feel there should also be a feature of reading mode. The reading mode removes all the blue light, making sure there is less strain on the eye. Opera while providing this feature also provides a scale as to how much tint you want . However, that might be too complex for the user. Below is the design proposal.
Another Solution is developing add-ons that darken the websites that the user can enable whenever they wish too.
How would you measure your designs effectiveness?
A/B Testing : - Given the 2 options above , we can easily hold A/B testing as see which method would be more effective.
Putting in analytics (number of clicks) to see how much is the usage of these features and studying the data collected to bring the best feature out.
Reviews can also be an effective method to see the effectiveness of these features.
__
topotropic
commented
4 years ago
What is the problem you are trying to solve?
Issue :- #2139
Why is it a problem?
A user when chooses the dark mode , might expect the browser to open all the other websites in dark mode for uniformity. Firefox Preview does not provide that option. The browser can be turned into dark mode , however the websites won't be. Dark Mode is essentially used to reduce the strain on the eyes, saves the battery of the mobile and because for some people the UI looks "cool" and better . If only the browser is in the dark mode and the website is not , The dark mode will not be able to fulfill its purpose.
How would you solve the problem? What is your design proposal?
I solved this problem by researching and reviewing the IA structure and competitive analysis (eg opera given below ).
I tried to search up different features and tried to find out which features in dark mode themes are beneficial. However, to solve this problem a simple solution would suffice.
When a user enables the dark mode , another option comes up to do the same for websites also. I feel there should also be a feature of reading mode. The reading mode removes all the blue light, making sure there is less strain on the eye. Opera while providing this feature also provides a scale as to how much tint you want . However, that might be too complex for the user. Below is the design proposal.
Another Solution is developing add-ons that darken the websites that the user can enable whenever they wish too.
How would you measure your designs effectiveness?
A/B Testing : - Given the 2 options above , we can easily hold A/B testing as see which method would be more effective. Putting in analytics (number of clicks) to see how much is the usage of these features and studying the data collected to bring the best feature out. Reviews can also be an effective method to see the effectiveness of these features. __