Thomson Reuters is the world's leading source of news and information for professional markets. With a mission to "inform the way forward", their custom reports and software solutions support Fortune 100 law firms, corporate legal departments, and governments, as well as tax compliance and accounting firms internationally.
The Thomson Reuters design team came to Allovus seeking help in creating UI and guidelines for a dark mode theme. Users had been requesting this functionality for some time, and with good reason: dark themes reduce eye strain and facilitate screen use in minimal lighting conditions. Additionally, customers used this mode to differentiate apps from one another when several windows were open at once.
For Thomson Reuters, many of these requests centered around the use of forms, as the dark text and outlined fields against a bright white background were proving stressful and fatiguing for users over time. Our team worked with our client to establish dark versions of key pages while maintaining the visual hierarchy of the originals.
We began by auditing a variety of data entry and dashboard screens. Our goal was to assess how tonality played a part in the current hierarchy of information, as well as identify areas that did, or did not, currently meet WCAG 2.0 level AA contrast ratios for text. With regard to accessibility compliance, at the time of this project the Web Content Accessibility Guidelines (WCAG) version 2.0 AA was the most-used standard worldwide and included in the written guidelines adopted by the ADA.
Watch Your Tone
Exploring the right tonality for the dark theme was vital. Dark themes are more than just black, white and gray values. They can be warm, cool, or neutral and affect the "feel" of the user experience—especially when shown with the brand’s primary color palette. Initial explorations produced four distinct palettes for consideration. Consultations with design leadership in other Thomson Reuters divisions helped identify the "neutral" scheme as preferred for the brand.
Reviewing Color Options In Context
Tighter explorations helped us explore the right tonal values for backgrounds, form fields, navigational elements, fonts, and icons. Fonts and key elements were also reviewed to make sure minimum contrast ratios were met. Our goal was to create a rich experience for the user when in dark mode, as well as respect the visual hierarchy established in the white (normal) view.
Once our client selected their preferred color scheme, our team provided thorough specifications for their designers and engineers.
And The Dark Was Good
In some applications, dark themes seldom get explored by users. In Thomson Reuters' case, legal professionals and their teams could spend hours a day—or night, for many support staff members–using these applications to input and review large amounts of data. Dark themes are known to be less fatiguing, and enhance the user's experience. With this addition, Thomson Reuters was able to
add value to its product by delivering one of the most requested features by customers.
We enjoyed collaborating with our Thomson Reuters partners a great deal, especially on a project that was so focused on accessibility and user-centered design.
How can we help you explore your dark side? Reach out to us to connect, and let's get started!
8811 N. Harborview Dr. | Suite C | Gig Harbor, WA 98332
Get in touch
While we would love to connect with all applicants, we have to prioritize those candidates who closely match our recruiting needs. Our team will review your info and be in touch if we determine you're a match for any of our current upcoming roles.
We offer professional coaching!
Unfortunately, we are unable to work with candidates that are not authorized to work in the United States or don't reside in the United States. We also are not currently able to sponsor H1-B or L1 visas or support the training requirement for OPT STEM extensions. Best of luck in your job search.
We'll be in touch to schedule a time to chat and learn how we can work together.