UI/UX 💩 / Feedback

Dark mode for a productivity app, what do you think?

Dark mode for a productivity app, what do you think?

UI/UX 💩/Feedback · June 25, 2019 at 6:09pm

Dark mode for a productivity app, what do you think?

UI/UX 💩 / Feedback · June 25, 2019 at 6:09pm

Hey guys, this is my first post on here, I've just discovered this awesome community! Woop woop! - So, I've been working really hard on a dark mode version of our app Plutio.com - below is a screenshot of the final product, I would love your feedback, please.

Screenshot 2019-06-25 at 19.08.30.pngScreenshot 2019-06-25 at 19.08.15.png
Load previous messages

July 2, 2019 at 8:45am

@leobassam @arthurshefner Check out this ultimate guide on Designing Dark Theme. I go into the very details and give real examples. https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637

    like-fill
    3
    • reply
    • like

    July 2, 2019 at 4:41pm

    I like your design, its pretty and consistency. and I know it's a trend for dark mode, but I was just start to think about why we need dark mode. I heard a lot of people complaint that their eyes get so tired when they look at a white bg for a long time. And I think Spotify is a leader who start to use a night mode (actually they just transferred the entire app to dark bg.) but I was thinking about what feeling a dark mode bring to us? relax? entertainment? I do like your design, in a dark mode, all the colors pops up, but maybe a little bit chill for a productivity app? just my personal opinion.

      like-fill
      2
      • reply
      • like

      July 3, 2019 at 7:21am

      @hailey-liu dark mode is something I am seeking in every app for last 10 years, and its just now getting popular when main players like Twitter, YouTube, Twitch integrated it year ago.

      Even one of our side projects have it moon.ly.

      Dark mode is really crucial, especially when you spend your time late night in dark room, and you come to pure white website which literally burns your eyes. It happens to me, one period I couldn't even watch of website if its white bg, which forced me to install this Chrome Extension https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

        like-fill
        1
        • reply
        • like

        July 5, 2019 at 11:38am

        @leobassam @arthurshefner Check out this ultimate guide on Designing Dark Theme. I go into the very details and give real examples. https://blog.prototypr.io/how-to-design-a-dark-theme-for-your-android-app-3daeb264637

          Wow, absolutely amazing work on the article - thank you so much for sharing!

            like-fill
            1
            • reply
            • like

            @hailey-liu dark mode is something I am seeking in every app for last 10 years, and its just now getting popular when main players like Twitter, YouTube, Twitch integrated it year ago.

            Even one of our side projects have it moon.ly.

            Dark mode is really crucial, especially when you spend your time late night in dark room, and you come to pure white website which literally burns your eyes. It happens to me, one period I couldn't even watch of website if its white bg, which forced me to install this Chrome Extension https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh

              @hailey-liu, Stefan has perfectly answered this question.

              Heaps of our users asked for a dark mood, i never really understood why until I started to use it myself!

              It is so much easier on the eyes and I find it a bit calming.

                like-fill
                1
                • reply
                • like

                July 6, 2019 at 3:22am

                Dark Mode at various apps/OS https://github.com/wekan/wekan/wiki/Dark-Mode

                  like-fill
                  1
                  • reply
                  • like

                  July 6, 2019 at 9:33am

                  The design looks nice! But something I immediately notice is your text-to-background contrast looks too low. I suggest you use a lighter text color and also border color around check boxes. Here is a great tool for testing contrast: https://webaim.org/resources/contrastchecker/ another good tip is looking at your design while squinting your eyes. With a few tweaks I'd say you're there. Good luck! :D

                    like-fill
                    1
                    • reply
                    • like

                    July 7, 2019 at 3:14am

                    Wow, absolutely amazing work on the article - thank you so much for sharing!

                      You are welcome buddy!

                        • reply
                        • like

                        The design looks nice! But something I immediately notice is your text-to-background contrast looks too low. I suggest you use a lighter text color and also border color around check boxes. Here is a great tool for testing contrast: https://webaim.org/resources/contrastchecker/ another good tip is looking at your design while squinting your eyes. With a few tweaks I'd say you're there. Good luck! :D

                          Yeah. I coved that in the article I mentioned above.

                            like-fill
                            1
                            • reply
                            • like