Ecommerce web design is constantly evolving. We’ve come a long way since the patterned backgrounds of the 1990s and the ubiquitous Flash animation of the 2000s. Going into 2020, online stores have begun to favor a sleek, streamlined design that prioritizes user experience. We predict you’ll see these six trends a lot more in the coming year. We recommend you follow these to help improve the usability of your own site.
The Americans with Disabilities Act (ADA) was signed into law in 1990. Back then, most people didn’t own a computer, and the internet wasn’t even publicly available. The focus of the law at that point was on workplace discrimination and accommodations like wheelchair ramps and handicap parking spaces.
Since then, the internet has become a major part of everyday life. The most recent interpretations of the ADA reflect that.
In 2017, we saw a wave of legal rulings regarding the ADA and the internet:
- A Florida judge found that Winn-Dixie was required to make its website more accessible for the blind.
- In California, a Hobby Lobby motion to dismiss a website accessibility lawsuit from a blind customer was rejected.
- The Southern District of New York ruled that a website accessibility lawsuit against Five Guys could continue.
With this legal precedent, you can expect ecommerce sites to start following the Web Content Accessibility Guidelines. These standards ask that:
- Text alternatives are provided for non-text content
- Captions are provided for videos
- Text is easy to see, audio is easy to hear
- Content can be presented by assistive technologies such as screen readers and screen magnifiers without losing any meaning
- All functionality is available from a keyboard
People are more distracted than ever before. And when it comes to online shopping, consumers have plenty of options. There are over 5 million online stores in the world and over 1 million based in the United States alone. So, attention spans are short, and you’ve got a lot of competition.
That’s why a simple design with a clear message is the right approach for 2020. Amazon is the most successful online store of all time, and you can point to their site as an example of ecommerce design that’s not simple at all. But Amazon is in a unique position; they’re 50% of the U.S. ecommerce market.
On the other hand, many of the people who land on your site may be using it for the first time. They won’t be entirely sure that they should buy from you, and you’ll only have a few seconds to convince them that using your store would be a good decision.
Instead of Amazon, be like Apple.
Image Source: Apple
They say that in jazz, the notes you don’t play matter as much as the ones that you do. The same is true in web design. The space you don’t fill in with content matters as much as the space you do.
In the above example from Apple, there’s only one call-to-action (CTA) link above the fold. There’s also a large headline and a few large images to support the message of the CTA. Other than that, it’s all negative space. See how this focuses your attention on Apple’s message? Without anywhere else to go, the eye is immediately drawn to the CTA.
3. Animations & Cinemagraphs
GIFs and other animated elements (loading bars, hover effects, etc.) will also help you grab the visitor’s attention. In recent years, cinemagraphs have become a popular way to add animation to ecommerce sites. These are mostly static images that contain animated components. For example, Home Depot has used a cinemagraph with a spinning drill effect on one of their landing pages. The advantage of cinemagraphs is that they combine the eye-catching motion of a standard GIF with the subtlety of clean, simple design.
4. Dark Mode
Many apps have a “dark mode” feature, which gives users the ability to switch to a black background. This reduces eye strain when the user is reading in a dim or dark setting, and it also extends battery life (black pixels don’t need to emit any light, so they are simply turned off).
Entire operating systems (iOS, Android) came out with dark mode features in 2019. This trend is clearly taking off. Dark mode availability may become the norm for online stores sooner rather than later.
You might not have the budget to hire customer support reps, especially if you operate a new or small store. In that case, consider chatbots, which can provide a more affordable way to communicate with your customers in real-time. These automated digital assistants are capable of managing a variety of interactions, from providing product information to scheduling appointments to helping customers make purchase decisions. Even stores that can afford a customer service team have shown an interest in chatbots, as they free up resources that can be used to address other concerns.
As AI technology continues to improve and chatbots become even more sophisticated, expect to see them popping up more and more on online stores.
6. Modernize Your Ecommerce Store
You don’t need to have web development experience to add the features described above to your online store. Major ecommerce platforms like Salesforce Commerce Cloud make it easy to change your theme’s background color to black, and there are many chatbot apps available as well. There are also page builder apps that give you complete control over the look of your online store. These tools allow you to implement modern web design practices such as negative space and color blocks, even if you don’t know a single line of code.
Adam Ritchie is a freelance writer based in Silver Spring, Maryland. He currently writes for Shogun, and his previous clients include Groupon, Clutch and Showbiz Cheat Sheet.
- Magentrix and RE:ACT Customer Spotlight Magentrix and RE:ACT Customer Spotlight Type Article Disaster response organization RE:ACT was in need of a flexible way to handle a large influx of new volunteer sign-ups. With Magentrix, RE:ACT eliminated manual processes and increased operational efficiency.
- Appreciate Group & Passport KYC Customer Spotlight Appreciate Group & Passport KYC Customer Spotlight Type Article In an effort to streamline onboarding and customer management processes, Appreciate Group leveraged Passport KYC to automate compliance obligations and remove account development barriers.
- Ask an AppExchange Expert, Live Q&A with Leslie Tom Ask an AppExchange Expert, Live Q&A with Leslie Tom By Quinn Knoblock Type Article During this live Q&A, AppExchange’s SVP of Marketing, Leslie Tom, will be available to answer your AppExchange-related questions and share tips and tricks to help you take advantage of the solutions on available on AppExchange.
- Launching a Storefront for Headless Commerce Launching a Storefront for Headless Commerce By Karly Cyr Type Article Going headless can help companies offload storefront operations, optimize storefront performance, and empower team members. Here's how your company can go headless with Salesforce B2C Commerce.
- Delivering Engagement with a Virtual Program Delivering Engagement with a Virtual Program By Emilie Jessula Type Article The first-ever 100% virtual Salesforce Accelerate program introduced new strategies for driving engagement. Learn some of those in this blog post.