Published on <a href="https://blog.prototypr.io/5-must-follow-holiday-ux-tips-for-websites-30f519852a9c?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Sophie Riwaters <img alt="" src="https://cdn-images-1.medium.com/max/400/1*Sgt22srD_C2vigilthqctA.png">By: <a href="https://dribbble.com/cats_designs">Catherine Higgins</a>
It is no exaggeration to say that in November and December, there is a shopping event for nearly every week, attracting buyers to online webshops. During these events, it’s surprising to see, how many webshops focus solely on the practical aspect of the trade, technically well-functioning payment solutions, the navigation structure, and so on. Meanwhile, it’s not just all about the pistons and bearings of the webshop engine. <a href="https://www.oomphinc.com/notes/2015/08/good-ux-design/">Good UX means</a> also a fast website, intuitive user interface, brilliant brand integrity, pleasant typography, high-security solutions, smooth texts, easy messaging, harmonious colors and classy product photos.
As they often say: The bad news always precedes the good. The same theory applies to the world of User Experience.
<a href="https://www.interaction-design.org/literature/article/bad-design-vs-good-design-5-examples-we-can-learn-frombad-design-vs-good-design-5-examples-we-can-learn-from-130706">Bad UX is much more noticeable</a>, because of the good works just fine. It’s all pleasant, effective, and attractive. The excellent UX is as if it were not there.
Many merchants spend extreme amounts of money to advertise their webshop, while the webpage itself has such a low UX that many of its sponsored links are clicked, but the conversion rate remains low because people bouncing off the site as soon as possible.
<h3>Why should you read this article?</h3>
The goal of this article is to highlight some of the key UX features a webshop should have in order to stay in the competition during the major shopping events of the year.
|With that being said, let’s get started.
<h3>Tip #1 Simplifying decisions</h3>
<a href="https://www.practicalecommerce.com/bulger-free-shipping">Offering free shipping</a> to give a little push to the decision-making process has been around for a while now. Free shipping is cool, but ask yourself the question:
|Is it really something extra or just something standard?
It has become mainstream over the years so the added value is not much. However, as Christmas gets closer and closer, more of your customers will want to have their items shipped “Gift-ready”. Add a gift-wrapping option so they can purchase with confidence. <a href="http://mashable.com/2013/11/26/what-gift-wrapped-deliveries-look-like-from-online-retailers/#XTgfcvgtcPqB">The gift-wrapping service</a> is not new, it’s been around for years. All the big companies like Amazon have this feature. It’s a perfect way to catch those last-minute shoppers or those who find the whole Christmas event time-consuming.
<img alt="" src="https://cdn-images-1.medium.com/max/599/0*QWBrWwxAl8bMZ8VC.png">Source: <a href="http://www.statista.com/statistics/498832/christmas-present-wrapping-gripes-united-kingdom-uk/">OnePol and Royal Mail</a>
There are apps designed to warn the user when gift-wrapping or free shipping is available. For example, <a href="https://boldcommerce.com/apps/sales-motivator-shopify-app">the Sales Motivator app for Shopify</a> displays a custom bar in your store and encourages shoppers to spend more so they can get free shipping or gift-wrapping.
<img alt="" src="https://cdn-images-1.medium.com/max/671/0*5wk-Tw3HYmt15zMe.jpg">Source: <a href="https://blog.boldcommerce.com/bold-news/gift-wrapping-for-the-holidays">Boldcommerce</a>
Another great way to motivate shoppers is by giving ideas about who the gift is for. Those who wish to “get the job done” as quickly as possible will like this small gesture. Is your item perfect for housewives or DIY-ers? Don’t be afraid to state it in the product title and description. There are <a href="http://www.goodhousekeeping.com/holidays/gift-ideas/g399/gifts-for-men/">general categories like gifts for men</a>, women, or children. However, you can create personas who would be happy to receive a certain item as a gift.
Personas are fictional characters who describe the real characteristics of your targeted individuals. Your goal here is to get as close as possible understanding their motives, fears. <a href="http://www.uxbooth.com/articles/creating-personas/">Once you’ve created a persona</a>, try to draw a background.
This is a great shortcut when it comes to making decisions related to the purchase. <a href="https://capturly.com/blog/what-i-think-about-emotional-design-from-a-ux-perspective/">Humans often make decisions based on emotions</a>. Just remember how many times before have you imagined the joy on the face of your friends and family members.
<h3>Tip #2 Holiday-friendly layout</h3>
You might be wondering if this even worth the hassle. You have to make sure that the site <a href="http://money.cnn.com/2017/11/24/news/companies/black-friday-websites-down-2017/index.html">won’t crash from the increased traffic</a>, and solve <a href="https://www.chainstoreage.com/technology/study-almost-half-online-shoppers-disappointed-last-holiday-season/">other technology related problems</a>. But giving your webshop that extra holiday vibe actually makes a lot of sense and it will make a difference since your potential customers are expecting some form of holiday promotions. This way you let them know that they are at the right place at the right time so there’s no need to go somewhere else.
|Yay! Christmas gifts!
<ul>
<li>have hints everywhere — background, titles, product descriptions, blog, dress up your logo</li>
<li>highlight your products — doesn’t matter if it’s an ebook on your blog, a course or a 24-carat gold watch, make it visible</li>
<li>consider your products as gifts — the header is not just some bold text, even if you don’t consider your product as a gift during the year</li>
</ul>
<h3>Tip #3 Convince the “Quitters”</h3>
The Exit-intent pop-up is actually an intelligent pop-up window that does not interfere with browsing experience on your website, — as opposed to classic pop-ups — it doesn’t intrude upon loading the page. If the visitor does what you expect him to do — in other words, if your visitor is converting -, for example, subscribe, buy, etc., it doesn’t even show up.
<img alt="" src="https://cdn-images-1.medium.com/max/502/1*N44egn_qqTzJ6yWo4_4aog.gif">Source: <a href="https://www.optimonk.com">Optimonk</a>
|Like it’s not even there.
However, if they want to leave your website without showing any sign of conversion, the pop-up will be activated at the very last second and will display a “must-see” offer. which can be anything you chose it to be.
A couple of examples of what exit-intent pop-ups can be used on:
<ul>
<li>downloading an eBook</li>
<li>applying a coupon</li>
<li>displaying a product that has a significant discount</li>
<li>offering newsletter sign-up</li>
</ul>
<a href="https://gracefulresources.com/what-is-exit-intent/">The list of benefits</a> goes on. Combined with web analytics <a href="https://capturly.com/features/click-heatmaps">tools that offer click heatmaps</a> or mouse movement tracking the pop-up can be timed correctly so it only activates when the cursor moves directly to the top edge of the screen, in other words when the visitor wants to close the page. If the visitor clicks somewhere on this pop-up display, the pop-up will no longer appear. If the click doesn’t happen, it will appear once again the next time he or she revisits your page.
<h3>Tip #4 Clear Policy</h3>
Shopping for other people can be challenging, and gifting often comes with various intents. Sometimes it’s just a<a href="https://www.psychologytoday.com/blog/consumer-behavior/201303/five-reasons-we-impulse-buy"> last-minute decision or an impulse</a>. Humans make mistakes so even the best-intentioned gift giver can get it wrong. In today’s retail landscape returns are inevitable — especially after December 25 when a “holiday hangover” sets in and people regret their purchases or dislike their gifts. This means, that <a href="https://www.dealnews.com/features/Dont-Buy-the-Most-Frequently-Returned-Gifts/2144960.html">you can expect requests for refunds</a>.
<blockquote>“One in three people will return a gift they’ve been given and close to $70 billion in merchandise will be returned to retailers this year.”</blockquote>
|Different strokes for different folks.
<a href="https://www.consumerreports.org/returns-refunds-exchanges/guide-to-returning-gifts/">Policies may vary</a>, some merchants promise everything, some have strict rules when it comes to returning gifts and refunding money. Regardless of the path you choose, keep in mind that it has to be crystal clear and easy to understand even when people are speed-shopping. Offer a more flexible, longer returning window at least for this time of the year and, so that even those last minute shoppers, or those who plan to shop early on <a href="https://www.forbes.com/sites/shephyken/2017/12/03/the-customer-not-santa-is-bringing-you-a-gift-its-called-a-complaint/#2357e2ef6bd7">can buy your goods without regrets</a>.
|You wouldn’t want angry customers on your doorstep.
<blockquote>“Only 8% of people would stay silent if they saw inappropriate behavior from a brand.”</blockquote>
A couple of numbers to keep in mind when planning your policy:
– 55% of people are likely to say something in person
– 47% prefer electronic communication as a medium when giving sound to their voice, 42% would prefer email, and 35%, the phone.
– 56% of the Millennials have complained or called out brands on a social media platform, and this generation is 40% more likely to use social media to amplify their message
<h3>Tip #5 Measure, measure, measure</h3>
Many webshops do not even measure anything today, only the number of visitors and the number of people they bought. That’s it. They do not follow the movement of visitors, they do not know which side they are going to miss, where they can not navigate and so on. There is a big difference between what you think is going on your website <a href="https://capturly.com/features/session-replay">and what users see</a>. “Unfortunately”, it only matters what people see, not what you do. Sophisticated web analytics tools can point to the habits of your visitors, potential buyers, and the characteristics of what and how to buy.
|UX and UI require lots of data.
Throwing some fancy template with a trendy UI on the internet and calling it a webshop is not the way things work. You can’t expect people to spend their money just because it’s that time of the year again. <a href="https://capturly.com/blog/what-is-data-driven-ux/">User Experience is a highly data-driven process</a> so it walks in hands with web analytics. UX measures, tests, analyzes and works with data.
Don’t get me wrong, the <a href="http://blog.uxeria.com/en/a-beginners-guide-to-understanding-ux/">UI plays an essential role</a> in every digital interface, and it also has a key role to make consumers trust in the brand. The user interface design is actually the user’s visual control process on a product interface, through interactive elements, on all display sizes and platforms.
<img alt="" src="https://cdn-images-1.medium.com/max/640/0*z6B66hUlJ_AAqHyX.png">Source: <a href="http://blog.uxeria.com/en/a-beginners-guide-to-understanding-ux/">Uxeria.com</a>
|Instant feedback
It is equally important as making the website catchy for the eyes. If there is no feedback, people don’t know what is happening. We live in an information-hungry world, where decisions are made — and can change — within a few seconds. So what happens when people click all around without you giving them a proper feedback about what happened? They stop and hesitate, or even worse, they just bounce right off and go elsewhere.
<blockquote>“It must be flagged at the location where the user clicked that the processing is in progress.”</blockquote>
<img alt="" src="https://cdn-images-1.medium.com/max/800/0*Z6sbMOOvhzETAnob.gif">Source: <a href="https://dribbble.com/zumtak">Marta Serrano</a>
<a href="http://www.infinitive.co/blog-inner/how-ux-and-ui-are-different-and-why-they-are-equally-important-to-your-business/">UX and UI are both needed </a>for a product or website. When a product looks good but badly used, there is a good UI design, but there is a lack of UX design. When, however, there is a good product that is terribly ugly, it’s a good UX and a bad UI. Both should, therefore, be monitored to create an optimum user experience.
<h3>Conclusion:</h3>
Good UX design is a great and permanent task. There are common best practices, but the real solution is only possible by doing your homework and making decisions based on data and user feedback. Using exit-intent pop-ups is a user-friendly way of promoting your goods and services as they can lead to better conversion rates. <a href="https://capturly.com/demo">Web analytics tools</a> such as click heatmaps or mouse movement tracking can help you design your promotions. If you know what your potential customers focus on and what your visitors are ignoring, then it becomes clear what, and how you need to promote. If you know where and when to apply instant feedbacks you will reduce the chance of hesitation during the shopping process. Good UX gives the buyer the best experience, so he or she will choose you in the future. Problems like returns and refunds should not be unexpected and need to be managed.
<blockquote>“Trust builds over years, but it can be lost in a few moments.”</blockquote>
Originally posted at <a href="https://capturly.com/blog/5-must-follow-holiday-ux-tips-for-websites/">Capturly.com</a>
Please write a comment, your feedback means a lot to me! Also sharing and recommending is a big motivation. I appreciate every help! ❤
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=30f519852a9c" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/5-must-follow-holiday-ux-tips-for-websites-30f519852a9c">5 Must-Follow Holiday UX Tips for Websites</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.

5 Must-Follow Holiday UX Tips for Websites

Top Stories