Key Takeaways
- Most sites benchmarked by Baymard obtain “mediocre” or worse performance scores in the area of Gifting Flow and Features
- Gifting options that are poor or unclear can cause users to abandon their purchases altogether
- This article offers 4 research-backed UX best practices to make it easy for users to buy gifts
Key Stats
- 60% of sites don’t explain available gifting features in detail
- 68% of sites don’t consider showing gifting options on the product page
- 68% of sites don’t allow users to designate gifts in the cart
- 81% of sites don’t dynamically adjust shipping field labels for gift-marked orders
Ideally, buying a thoughtful gift provides pleasure to the buyer, the receiver, and the seller (in a financial sense).
Unpleasurable is a buyer’s panicked realization that they have messed up the gift order by sending the gift to themselves, sending it to the recipient with a normal receipt, or failing to choose any gift options at all.
Gifting should be easy, but as gifting options vary widely from site to site, we observe in Baymard’s usability testing that users looking to place an order as a gift must carefully assess each site they visit for the availability and cost of gifting options.
Moreover, even when gift options are available, 60% of desktop sites in our e-commerce UX benchmark have trouble effectively communicating the details of available gifting options to users.
Based on our Premium research findings, this article describes 4 ways that sites can help users fully understand — and therefore feel comfortable using — available gifting options:
- Explain available gifting features in detail (60% don’t)
- Consider showing gifting options on the product page (68% don’t)
- Allow users to designate gifts in the cart (68% don’t)
- Dynamically adjust shipping field labels for gift-marked orders (81% don’t)
1) Explain Available Gifting Features in Detail (60% Don’t)
During testing, participants often drew false conclusions about gifting options — for example, what a particular gifting option included, or the specific details the recipient of the gift would see — which, in turn, led to a worse gifting and checkout experience overall.
While offering gifting options can provide a bespoke level of service, it also introduces an additional layer of complexity that can make users’ checkout experience more confusing.
As such, users are unable to accurately predict the consequences of clicking “This is a Gift” on some sites.
For example, possible gifting options on an e-commerce site can include, but are not limited to, the following:
- Custom gift messages (complimentary or for a fee)
- Gift wrapping and gift boxes
- Gifting-specific shipping options
- Price tag removal
- Gift receipts
As the exact names and definitions of each of these options are different on each site, user confusion is entirely understandable since they are being presented with so many different terms for what is essentially the same feature.
For example, one site will call it a “Gift Receipt”, whereas another will offer to “Hide prices on invoice”, and yet another will say that they “Don’t show price on package slip”.
On the other hand, providing clearly detailed gifting options helps users quickly decide which gifting options they’d like to choose.
Therefore, every single gifting feature that users can opt into must be explained in detail — for example, providing
- a very clear and descriptive title with an additional inline description following it,
- a hover-activated tooltip on desktop, and
- some combination of expanding fields or overlays which only appear once gifting is selected.
Additionally, an important aspect of explaining gifting features is to state when two or more options are grouped together — for example, stating that a gift receipt is automatically included if a gift message is selected.
Otherwise, users might assume an option simply isn’t available.
Further complicating gifting for users is that some gifting services may be free — typically this includes a custom gift message and gift receipt — while other services are available for an additional charge, such as gift wrapping.
During testing, users’ expectations for which services were free were sometimes misaligned, leading some users to believe that adding a gift message would be a premium service.
Therefore, it is crucial that each of the gifting features is explicitly marked as free if there is no cost associated.
Finally, participants in testing were surprised by gifting options that required them to provide the recipient’s email address for sending postorder notifications. Most participants preferred for recipients to not receive any site communications even when they were assured that the email would contain no pricing information.
As one participant put it, “I feel like it would lose that surprise aspect, to just get it in an email rather than when the item shows up at the doorstep.”
Instead, sending order communications to gift recipients should be optional, allowing users to designate their order as a gift without requiring them to “ruin the surprise.”
Alternatively, it can be made clear that emails to recipients will only be delivered after the gift has been delivered.
2) Consider Showing Gifting Options on the Product Page (68% Don’t)
Some especially thoughtful users will want to know what gifting options a site has to offer early on — while still in the product-search phase — to avoid wasting time finding a suitable gift only to be disappointed during the checkout process when gifting options are nonexistent, too expensive, or too complicated to understand.
During testing, we’ve observed some users begin considering gifting options as early as the product page (or even before they land on the site, if they know they’ll need to send the order as a gift).
If users are unclear about the gifting options being offered for a particular product, they may not be willing to add the product to the cart or investigate the site’s nonproduct content in order to learn whether orders can be placed as gifts and what gifting features are available.
Indeed, users shopping for a gift will want to know if gifting options are available on a site — for example, if gift wrapping or custom messages are available — without having to go through multiple steps of the checkout process before potentially discovering the site doesn’t offer gifting, or the specific gifting options they are looking for.
If users are forced to add items and view them in their cart (or navigate the help section) in order to find details about available gifting options, some will falsely conclude that the site doesn’t offer gifting options and choose to abandon the site instead.
However, advertising gifting options as early as the product page helps users keep their minds focused on finding the right gift — rather than prematurely worrying about whether gift options are offered during the checkout.
This information on the product page should clarify that gifting options are available, and provide additional details either directly on the product page or through a link to more information elsewhere.
To avoid cluttering the product details page when an abundance of gift options are available, clarifying information can be provided in a tooltip, overlay, or link rather than be fully described on the main product page.
For sites that ship most of their orders as gifts, providing more detailed gifting information as early as the product page offers a competitive advantage for those users who want to put extra care into their gift giving.
For example, offering detailed shipping information, pictures of gift boxes, and descriptions of how the gift will arrive all help considerate users to get a full picture of the gifting process — as compared to first adding a product to the cart in order to finally see the gift options.
3) Allow Users to Designate Gifts in the Cart (68% Don’t)
Some users may face anxiety and unease if they cannot see gifting options when they view their shopping cart.
Other users, coming to the site with the sole purpose of purchasing a gift, may misinterpret the lack of gifting options in the cart as an indication that the site doesn’t offer gifting at all, and may consequently abandon.
Thus, sites that have any kind of gifting options should allow users to designate one or more products as gifts in the cart.
However, if users in the “Added to Cart” interface have the option to bypass the cart step, then the cart step cannot be the only place where items or orders can be designated as a gift.
Instead, it must be possible to designate an order as a gift further in the checkout flow as well.
By allowing users to designate gifting in the cart, sites can consequently customize the checkout flow to better suit the user’s gifting context.
In particular, the gift-recipient address and the phone number can be clarified.
If gifting is not technically possible in the cart, then consider having a small description in the cart step telling users when the gifting process will be available, and what type of gifting options exist.
4) Dynamically Adjust Shipping Field Labels for Gift-Marked Orders (81% Don’t)
When a user selects the option to gift an item, and arrives at checkout, they have 2 options:
- Send the gift directly to the recipient
- Send the gift to themselves (in order to give it to the recipient directly)
However, during testing, presenting gifting users with the same billing and shipping address selectors normally used for nongifting users was observed to be problematic — as users conflated their own billing or shipping address with the address of the intended gift recipient.
This added layer of complexity to the shipping process was observed to be the direct cause for orders placed with incorrect order data, and even site abandonments.
If a user has already indicated that “the order is a gift”, then the billing address should no longer be defaulted to equal the shipping address — to reduce confusion and prevent users from inadvertently sending an item to themselves.
Furthermore, using location data, account information, and previously entered user information to prefill shipping information form fields — which is recommended in most cases — proved confusing for participants who were gifting orders.
Even when they are signed in to their accounts, once users mark their order as a gift they should be required to enter the gift recipient’s address (or select one from an address book), rather than being taken through the normal checkout flow (where any previously entered billing and shipping addresses may be used by default).
Lastly, the labeling itself can be improved by simply changing the title and label on the shipping address step to clarify that it’s the gift-recipient’s address that is being asked for — for example, labels like “Gift Recipient’s Name” and “Gift Recipient’s Shipping Address”.
The Season of Gifting UX Is Year-Round
Gifting is at its height during holiday seasons, and so the gifting strategies we have discussed in this article are likely to gain special attention during these special times.
But gifting happens even “off-season”, as users purchase gifts for birthdays, anniversaries, and other special events.
Most users do not give gifts every day, which only serves to increase the importance of the purchase experience when they do buy gifts.
Users can become confused and frustrated when they want to give a gift but cannot figure out how to do so or what the options are.
And, of course, no one wants to accidentally send the gift to the wrong place.
With these 4 research-backed strategies, though, sites can save users a lot of headaches (and potentially increase sales):
- Explain available gifting features in detail (60% don’t)
- Consider showing gifting options on the product page (68% don’t)
- Allow users to designate gifts in the cart (68% don’t)
- Dynamically adjust shipping field labels for gift-marked orders (81% don’t)
This article presents the research findings from just a few of the 650+ UX guidelines in Baymard Premium – get full access to learn how to create a “State of the Art” e-commerce user experience.
If you want to know how your desktop site, mobile site, or app performs and compares, then learn more about getting Baymard to conduct a UX Audit of your site or app.