Published on <a href="https://blog.prototypr.io/is-this-ui-color-trend-right-for-your-users-eab27d12ad84?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> MentorMate <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*t-uDpNUjQIQYQVt9jptAng.jpeg">
Colors influence people’s senses in profound and subtle ways. Red is said to stimulate appetite, while <a href="https://cornerstone.lib.mnsu.edu/cgi/viewcontent.cgi?referer=&amp;httpsredir=1&amp;article=1172&amp;context=jur">green induces calm</a>.
Regardless of individual preferences, most seeing people will attest to the impact the colors they see have on their senses.
<a href="https://mentormate.com/guide/understanding-power-lean-ux/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl"><img alt="" src="https://cdn-images-1.medium.com/max/792/1*XL8aG-73pflTEk-oSGN7fg.png"></a>
Your end users are no different — the <a href="https://mentormate.com/blog/translate-visual-identity-software/">color of a web or mobile app</a> is likely the first thing they notice. If the product owner underestimates the importance of making good color selections in her company’s new software UI, she risks devaluing an otherwise excellent software experience for the user.
This is especially true if product owners and their design teams do not consider those who see the world differently and how UI accessibility must accommodate them.
<h3>Does This Design Trend Favor UI Accessibility?</h3>
People have associated colors with various senses and meanings since at least the time of ancient Greek philosophers, and color theory alone could fill several volumes academic volumes. Some basic aspects of color theory that are most relevant to software designers are:
<ul>
<li>The color wheel &amp; color harmony</li>
<li>The contexts in which colors are used</li>
</ul>
<img alt="" src="https://cdn-images-1.medium.com/max/300/0*Ol6kr2IrNrDbMmhQ.jpg">
The color wheel provides a framework for understanding how colors mix and visually interact when featured alongside one another.
Many companies build their brand and marketing strategies based on one or a few colors and the emotions they seek to inspires in customers. More practically speaking, the chosen colors and designs should have a visual impact.
Product owners looking to control their budgets could be wary of investing the time and resources into fine-tuning the colors of their software interfaces.
But the importance of color choice isn’t lost on the best UI designers — skimping on color consideration could reduce the number of sustained interactions with a new and otherwise functional product.
<h4>Color &amp; UI Accessibility</h4>
If color choice can influence users to act in a business’s favor, all the better.
But just because a color is “right” for some people doesn’t make it the best color for inspiring all of your user personas to take action in the business’s favor.
<h3>Don’t Turn Away Users With Poor UI Accessibility</h3>
About 4.5% of people experience some form of color blindness. If more of your users happen to be male, up to 8% of your users could experience difficulties in a UI that has been designed without considering their needs.
<h3>2018 Color Trends: Good for All of Your Users?</h3>
Pantone’s tradition of selecting a color of the year started in 2000. The secretive selection process weighs trending topics and society’s collective mood before making its final decision. In the past, the color authority’s pick has influenced everything from fashion and makeup to interior design and advertising.
When it chose <a href="https://www.pantone.com/color-of-the-year-2018">ultra violet as the color of 2018</a>, Pantone sought to provoke optimism and inspiration. According to Pantone, ultra violet, a “dramatically provocative and thoughtful purple shade… communicates originality, ingenuity, and visionary thinking that points us toward the future.”
Based on this description, the meanings behind this color sound like everything to which a software team should prescribe. Since teams building software are always looking to innovate and improve, there’s little doubt that ultra violet — or PANTONE 18–3838 TCX — <a href="https://www.webascender.com/blog/10-websites-using-the-2018-pantone-color-of-the-year-beautifully/">will appear in many websites</a> and applications over the course of this year.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/0*mMarpHYyThTGzYOn.jpg">
But will incorporating this trend in your next UI make all of your users happy? Maybe — for some. But there’s an important chance you can guarantee turning off a small segment that could potentially harm your ROI.
<h4>Standardization in UI Colors Helps Design Teams — to an Extent</h4>
The name of Pantone’s game is color standardization. Colors get specific numbers, which provides designers across industries a source of truth. Choosing, implementing, and referring to a shade of yellow becomes a lot easier when they can use a single number instead a subjective description.
Such standardization is critical to Agile software development and Lean design. It helps to <a href="https://mentormate.com/blog/speed-time-market-rapid-mobile-app-development-process/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl">speed iteration in the design phase</a>, which in turn allows development to begin earlier.
But if designers learn anything from user testing it’s that users are hardly standard. Their specific needs can be quite different from one to the next.
<h3>When it Comes to UI Accessibility, What’s Best for Users?</h3>
Color’s meaning and impact can change based upon the context. In Thailand, for example, purple is associated with mourning, whereas many Western cultures associate purple with royalty, wealth, and luxury.
Use the key colors that match the message that you want to send to your user or customers — but also those that don’t hinder their navigation in the UI. This way, design teams are always working to serve real business needs by building UIs that form strong user loyalty.
<h3>Tools for UI Colors That Meet Your Users’ Needs</h3>
There are a number of tools at UI designers’ disposal to test colors and their impact on color blind or visually impaired individuals.
<ul>
<li>Photoshop offers a few <a href="https://www.adobe.com/accessibility/products/photoshop.html#colorblind">tools</a> that help designers vet their color choices</li>
<li><a href="https://webaim.org/resources/contrastchecker/">WebAIM</a> ensures adequate background/foreground color contrast to optimize page legibility</li>
<li>Using <a href="https://chrome.google.com/webstore/detail/i-want-to-see-like-the-co/jebeedfnielkcjlcokhiobodkjjpbjia?hl=en-GB">this Chrome plugin</a> can reveal to designers which of their favorite websites do — and don’t — optimize their interfaces for colorblind populations.</li>
</ul>
In general, avoiding the following color combinations is essential to avoiding turning off users from using your software due to poor UI accessibility:
<ul>
<li>Grey &amp; white</li>
<li>Black &amp; green</li>
<li>Brown &amp; green</li>
<li>Grey &amp; green</li>
<li>Purple &amp; blue</li>
<li>Purple &amp; red</li>
<li>Blue &amp; green</li>
<li>Yellow &amp; light green</li>
<li>Grey &amp; blue</li>
<li>Red &amp; green</li>
</ul>
<a href="https://mentormate.com/guide/need-know-beginning-large-scale-design-project/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl"><img alt="" src="https://cdn-images-1.medium.com/max/734/1*L529oxJpKQwJasf7UYaeZQ.png"></a>
<h3>Why You Need to Imagine Your Users Complexly</h3>
A business can identify and focus the needs of specific populations through categorizations such as age, sex, location, occupation, industry, etc. But they may be missing essential pieces of the success puzzle when they forget the lens of ability. If left unconsidered, poor UI accessibility means businesses inadvertently shut down opportunities to work with and provide greater value to more kinds of people.
Following some UI trends when building better software can keep some users engaged over longer periods of time. But true brand loyalty comes from providing value to more people by reducing high hurdles to truly <a href="https://mentormate.com/blog/use-senses-win-designing-accessible-websites/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl">accessible software</a>.
Original post can be found <a href="https://mentormate.com/blog/ui-color-trend-right-users/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl">here</a>.
Innovate with us. Click <a href="https://mentormate.com/resources/?utm_source=medium&amp;utm_medium=Social%20Media&amp;utm_campaign=8-15-17%20tech%20vendor%20blog%20cl">here</a> to access all of our free resources. Authored by <a href="https://mentormate.com/blog/author/stanislas-walden/?utm_source=Medium&amp;utm_medium=Social%20Media&amp;utm_campaign=6-13-17%20code%20quality%20Rp">Stanislas Walden</a> and <a href="https://mentormate.com/team/dimitar-mihaylov/?utm_source=medium&amp;utm_medium=social&amp;utm_campaign=1-31-17%20ux%20accessibility%20blog%20cl">Dimitar Mihaylov</a>.
Stan loves to make the obscure more apparent, the complicated more human and approachable. He strives to communicate the complex themes inherent in software development trends in a way that sparks curiosity and invites exploration.When he’s not researching or publishing a new article, Stan enjoys running around a few of Minnesota’s many lakes and looking for new recipes.
Dimitar’s fascination with design started in high school and has burned brightly through as he earned his master’s degree in Graphic design. These days he works with MentorMate’s Experience Design team, crafting the UX/UI experiences for clients’ mobile and web solutions. Dimitar combines emotion, analytical thinking, and hard work to forge navigable paths and positive outcomes for end users. With experience designing for an advertising firm and an e-commerce business in Bulgaria, Dimitar has been perfecting his art for years. When he isn’t busy simplifying user experiences alongside his twin brother, Eddy, Dimitar loves to travel, watch movies, and stay active.
<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2Ff51076%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2Ff51076%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252Ff51076%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href">https://medium.com/media/b85dfbb5286d8a25cf2e754b9462cf45/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=eab27d12ad84" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/is-this-ui-color-trend-right-for-your-users-eab27d12ad84">Is This UI Color Trend Right for Your Users?</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Is This UI Color Trend Right for Your Users?

Top Stories