Follow me on LinkedInFollow me on TwitterFollow me on FacebookFollow me on Facebook
Categories
Should finance brands be designing for dark mode

Should finance brands be designing for dark mode?

Article

4 years ago

4 years ago

User Experience

Share

Dark themes have become a hot design topic over the past few years, with both Apple and Google making dark modes native to their UI. So what is dark mode, and should finance brands be including this approach in their native design? We investigate key features, benefits and value for global finance brands.

Available on an increasing number of apps and operating systems, dark mode allows the user to switch colours from a traditional light background to a darker background. Some of the biggest brands in the world are following this trend including Apple, Google and Instagram. With the help of The Dubs senior digital designer, Tom Bradshaw, we investigate why dark mode has become so popular, and what it could mean for finance brands.

The Benefits of Dark Mode

There are two main benefits to using dark mode; the first is user comfort. At the recent Google I/O, Sameer Samat, Google’s VP of product management for Android and Play described standard mode as ‘blinding’, “Everyone can relate to being in a room where the lights are turned down and you’ve got this white screen blinding you”. As Bradshaw explains, Dark mode provides relief for the user. “Dark mode reduces eye strain and means it’s more comfortable to use in dark environments or at night. This is why apps like Netflix etc. are using dark mode.”

The second benefit relates to battery life. Google has confirmed that using dark mode is a huge help for battery life. Bradshaw adds: “Dark mode is particularly good for apps that are used over a long period of time such as analytics programs, or for gaming. It extends the battery life as it uses less power to light the screen.”

It’s not just a case of inverting white to black.

What are the key features involved in designing for dark mode?

Designing for dark mode can be tricky. Bradshaw highlights that ”It’s not just a case of inverting white to black. Some of the design tricks we use on white designs wouldn’t have the same effect on a dark background.” Bradshaw’s key design pointers are:

  1. Avoid using pure black
    Pure black (#000000) can be painful to look at. Use a dark grey instead, Google Material recommends #121212, this will enable white text to be readable.
  2. Avoid darker colours
    Use lighter tones, such as colours 200-50 in Google Material, because they will read better on darker backgrounds. Avoid using pure white as this will also cause eye strain on a darker background.
  3. Hierarchy
    With dark design, we cannot convey hierarchy in the same way we do with light design. Using shadows no longer has the desired effect. So instead think about using lighter greys to create focus in your design.
  4. Dark theme colours don’t have to match light theme colours
    A dark theme can communicate different emotions to light mode. So it’s best to think about a slightly different approach to your dark design as some of the subtleties of your light design will be lost.
  5. Consider logos carefully
    Bradshaw’s work involves integrating a lot of third-party logos, however, getting access to a logo you can work with can be difficult at times. If the logo doesn’t have an on-black version or you are unable to edit it, it can make working with it in dark mode tricky. An easy solution is to simply use a white container. This keeps the design clean and consistent.

Why should finance brands consider designing for dark mode?

Bradshaw suggests that users engaging with finance brands will appreciate being provided with the design alternative. “It’s a simple toggle for the users, and could encourage greater interaction.” He specifies, however, that for finance brands, dark mode is most appropriate for use with their apps rather than their website. “Dark mode isn’t suitable for text and data-heavy uses, which is the case on finance brands’ websites,” he says. “Where it would prove useful would be for their apps. For example, I use the CommBank app a lot, it’s great, clean modern and simple to use but currently there is no dark mode option.”

Providing a dark mode option could also have an overall benefit on ROI for finance brands with a new design providing a more dynamic, striking experience. The sense of luxury and prestige provides an improved user experience, which correlates to improved customer engagement.

What should finance brands consider before investing in dark mode design?

Bradshaw is quick to emphasise that although dark mode has many benefits, finance brands shouldn’t jump on the bandwagon for the sake of it. Sure it’s on trend and highly popular but as he explains, “Ask yourself if it really will add to the usability of your design.”

If you do decide to invest in dark mode design, testing is vital to ensure your brand meets accessibility guidelines and colour contrast standards. Bradshaw recommends following the Google Material recommendations of a contrast level of at least 15.8.1 between text and background. This can be tested at WebAIM.

Whether your brand decides to invest in dark mode design or not, finance brands should always stay abreast of changing design trends and opportunities to improve their user experience. At The Dubs, we’re passionate about the latest in design. If your website or digital assets need a refresh, get in touch.

Related articles

Related Articles

CX design and finance brands

New research has revealed that finance brands and consumers are mismatched in what they expect from CX design impacting customer retention and loyalty. So, where can you improve?

Article

2 years ago

User Experience

Improving the hybrid shopping experience

Consumers still value in-person shopping experiences, yet love the personalised and seamless nature of the digital space. A hybrid shopping experience is the answer, but what does it involve for finance brands?

Article

2 years ago

User Experience
Improving the hybrid shopping experience

Top 3 CX Design Trends of 2022

With the pandemic forcing customers to rely on digital platforms, CX design has now become a competitive differentiator. So, what are customers looking for in CX design in 2022?

Article

2 years ago

User Experience
Top 3 CX Design Trends of 2022

API technology and finance brands

API technology makes it easy for your finance brand to access customer data and create personalised products tailored to consumers’ needs. So, how can your finance brand benefit?

Article

2 years ago

User Experience
API technology and finance brands

Subscribe

News and analysis for Financial Marketers

Visit The Dubs agency

The publisher of the Financial Marketer

thedubs.com

The financialmarketer is the publishing arm for the dubs

The Dubs is the content marketing agency for the finance sector globally.