I led the optimization of wivai.com’s payment process to deliver an exceptional user experience. Addressing key challenges, I meticulously improved payment methods, usability, and other critical elements.
The real problem
Before the optimization, wivai.com’s checkout faced various issues that compromised the user experience. Payment methods had limitations, causing frustration among users due to inadequate options. Usability was also impacted by unnecessary steps and unclear navigation, contributing to user drop-offs during the payment process.
Information presentation in the checkout induced uncertainty, as a lack of transparency about costs and transaction details diminished user confidence. Additionally, challenges in system responsiveness were identified, causing delays and generating anxiety among users.
The design of the space on the product page
Limitation in expanding payment methods: The platform has reached its maximum capacity in terms of available payment methods.
Excessive allocation of screen space to installments: One-third of the total screen is dedicated to displaying installment information, which may be disproportionate or unnecessary.
Mobile user experience: The mobile version requires extensive scrolling, potentially impacting user experience negatively.
Unapplied best practices
Suboptimal placement of the payment method decision: The choice of payment method is positioned at the end of the checkout process, which could be inconvenient and increase the likelihood of user abandonment.
Complexity in the checkout process: The purchase process is fragmented into more than three steps, significantly reducing the likelihood of successful completion. Ensuring the checkout does not exceed three steps aims to enhance efficiency and user satisfaction.
We decided to conduct research to implement potential improvements in the purchase flow and address this issue.
Goal
New improvements to validate
New installment payment method for non-customers in the checkout flow.
Redesign of the product page without payment methods and with a refreshed layout of elements.
Observation and identification of preferences through the Identification, Registration, and Guest Checkout processes.
Consolidation and optimization of shipping and billing screens into a single interface.
Methodology
A User-Centered Design (UCD) methodology was implemented, placing users at the core of the research, with iterations revolving around the obtained results.
01
Empathize
02
Define
03
Ideate
04
Prototype
05
Test
Unveiling User Behavior
In my pursuit to improve the user experience on Wivai.com, I conducted a series of user tests with 10 participants from Catalonia. The goal of these tests was to comprehend how users interact with the product screen, revealing their priorities and preferences throughout the online shopping journey.
Understand user interaction on the product screen.
0
Users
Total women: 5
Total men: 5
0
Average Age
User: 28 years old.
User: 55 years old.
0
Region
Catalunya
0%
Customers
Wivai
User 1 – Laura
Age: 28 Gender: F Occupation: Marketing City: Barcelona
What is the first thing you notice when you arrive at the product screen?I usually focus on the product images to get a visual idea.
Do you usually look at the product specifications? Yes, I always check the specifications to ensure it meets my needs.
Do you usually add insurance for your devices? It depends on the type of product. For expensive devices, yes, but not always.
Are you interested in adding suggested accessories to your purchases Sometimes, if they genuinely enhance my experience with the product.
User 8 – Andrés
Age: 38 Gender: M Occupation: Human Resources City: Tarragona
What is the first thing you notice when you arrive at the product screen? I focus on available offers and discounts.
Do you usually look at the product specifications? Only if it’s a product I need and fits my budget.
Do you usually add insurance for your devices? No, unless it’s a costly and essential item.
Are you interested in adding suggested accessories to your purchases?Sometimes, if they are useful complements.
Before
After
90%
Image Price
75%
Gift Bundle
80%
Product Characteristics Customization
The second improvement that was implemented
Payment methods screen
Understanding the user's comprehension on the payment screen.
1
When considering installment purchases and reaching the payment methods screen, do you find it clear to understand the differences between the available options?
2
When you are seeking information about installment purchases, what aspect do you find most relevant or crucial to know?
3
In the evaluation process for installment purchases, do you usually take into account the payment timeframe or carefully examine the associated interests?
User: Clara Age: 34 years Profession: Lawyer City: Barcelona Gender: Female
Question 1: The differences between the payment methods aren’t crystal clear to me. The information seems a bit jumbled.
Question 2: What concerns me the most when researching installment purchases is understanding the total cost at the end, factoring in interests and any hidden fees that might pop up.
Question 3: During my evaluation process for installment purchases, I rarely focus on the payment timeframe. Instead, I meticulously examine the associated interests, sometimes feeling they lack clarity from the start.
Observations: Clara has concerns about the clarity of information and is particularly alert to hidden costs.
User: Marc Age: 28 years Profession: Software Engineer City: Girona Gender: Male
Question 1: The distinctions between payment methods aren’t jumping out at me. The presentation could use some refinement.
Question 2: My primary concern when delving into information about installment purchases is detecting any potential traps in the contract or undisclosed charges that might catch me off guard.
Question 3: In my assessment of installment purchases, I seldom delve into the payment timeframe. While interests are on my radar, I’m especially wary of any hidden fees that may emerge.
Observations: Marc is cautious about potential hidden costs and prefers a clearer presentation of the terms of the installment plan.
Before
After
mobile
Conclusion
Future iterations should focus on presenting differences between payment methods more intuitively, addressing Clara’s feedback on confusing information. Transparency about total costs, including interests and fees, is crucial for user trust and informed decision-making. Marc’s preference for a clearer presentation of installment plan terms suggests a need for simplified language. Conducting additional usability testing in future iterations will be valuable for refining these aspects and enhancing the overall user experience.
This website uses its own and third-party cookies for its proper functioning and analytical purposes. By clicking the Accept button, you agree to the use of these technologies and the processing of your data for these purposes. More information