SlideShare a Scribd company logo
1 of 24
Download to read offline
SAMARITAN INFOTECH
E-commerce
Website UI/UX
Design Mistakes to
Avoid
TRESSADE COOKIE JAR
These days there are multiple E-commerce websites sprouting
around the web. The ease with which a driven entrepreneur can
realise his dream of selling his product has allowed the industry to
mushroom exponentially. Though there have been many pitfalls with
multiple start-ups falling to generate any revenue and subsequently
shutting shop.
Designing UI/UX is essentially a problem-solving approach specific to
design, which involves assessing known aspects of a problem and
identifying the more ambiguous or peripheral factors that contribute
to the conditions of a problem. Failing fast in a test group and
environment is the best way to achieve the required design for user
interface and user experience (UI) and (UX).
If for brick and mortar store it was location, location, location and
store, store and store for e commerce it is UI, UI and UI and UX, UX
and UX.
How to spot that
if your UI/UX
design is hurting
your e commerce
business
High Bounce
Rate
Samaritan Infotech
Bounce rate means the percentage of
visitors to a particular website who
navigate away from the site after viewing
only one page. A high bounce rate
indicates that shoppers are not finding
what they want or need when they visit
product pages on your site. According to
Conversion Voodoo, an average bounce
rate is about 33% for e-commerce sites.
They recommend adding highly detailed
product descriptions with lots of
information to keep customers engaged.
Shopping Cart Abandonment
Customers place an item in their
shopping cart, but then they leave
without completing the checkout
process. This is a common, troubling
problem for online retailers.
TRESSADE COOKIE JAR
One of the major problems why
some E-commerce websites are
not able to attract customers is
down to the UI & UX offered. So
here is a list of common
mistakes to avoid :-
CREATING A COMPLEX NAVIGATION
INTERFACE :
BENEFITS
SAMARITAN INFOTECH
The navigation interface of any E-commerce website should be
simple and intuitive for a user to understand and immediately
pick up. It should provide multiple filters and sort options to let
the user drill down to the product he is looking for and also
include a comprehensive search option. A breadcrumb
navigation should be included to always let the user know
where they are located and to provide easy navigation route
out of the current page.
Poor quality images and product
descriptions.
The product images are poor quality or take too long to load.
The descriptions are vague or incomplete (e.g., they lack clear
specifications).
There is no call to action encouraging the consumer to buy.
You are missing an opportunity to showcase related content that would
entice the viewer to stay on your site.
A good quality product description and image ensures that
A bad quality product description would generally be suffering below
issues.
Descriptions are accurate, complete and engaging.
Product images are clear and show all important details.
Content includes enough information for consumers to
make an immediate decision.
Related/similar content is displayed on the page, giving
visitors additional options.
How to spot that if your poor
quality images and product
descriptions are hurting your e
commerce business
NEGATIVE CUSTOMER REVIEWS
BENEFITS
SAMARITAN INFOTECH
it can be eye-opening to discover how many negative reviews
focus on inaccuracies in product descriptions. They might look
something like this:“What I received wasn’t at all what I
expected. The description for the shoes said scarlet but they
are basically maroon.”“The sizing on this shirt runs so small, I
had to return it and get one TWO SIZES UP! What’s the deal?”
REFUNDS AND RETURNS
SAMARITAN INFOTECH
one of the most common reasons
customers ask for their money back is
because the product image and
description didn’t match the reality. And
that’s not just one sale you’re losing. It’s all
the future sales from that customer.
MISSING CONTACT INFORMATION
BENEFITS
SAMARITAN INFOTECH
In its second annual survey, the 2015 B2B Web Usability
Report, 51 percent of respondents indicated that “thorough
contact information” was the key website element missing
from most websites. An astonishing 98 percent of
respondents said that “No Contact Information / Phone
Number” would cause them to leave the website (44
percent) or be so annoyed that they might leave the
website (54 percent).
MISSING CONTACT INFORMATION
SAMARITAN INFOTECH
In its second annual survey, the 2015 B2B Web Usability
Report, 51 percent of respondents indicated that “thorough
contact information” was the key website element missing
from most websites. An astonishing 98 percent of
respondents said that “No Contact Information / Phone
Number” would cause them to leave the website (44
percent) or be so annoyed that they might leave the
website (54 percent).
NOT INCLUDING FORUM FOR USERS OR
Q&A SECTION
BENEFITS
SAMARITAN INFOTECH
Q&A is user-generated content (UGC). And Google favors UGC (text format,
not yet video format) in its search results. Many retailers and brands see a 2:1
ratio of questions to reviews and for some merchants this ratio can be much
higher. Since Q&A acts as a living FAQ doc on your product page, it naturally
generates an abundance of keywords. Make sure your content is visible to
Google; indexed directly on your pages.
The Q&A content is evergreen on one’s site, giving visitors key information to
drive conversion. In addition, when a consumer receives an email after the
question she asks has been answered, conversion rates between 10 to 40
percent from that answer notification email are typical
NOT FOCUSING ON THE PRODUCT DETAILS
SAMARITAN INFOTECH
A user tends to trust a website more when the product page
offers a full description of the product. It also helps the user
make a decision when multiple images are included and
detailed reviews from other users are provided. Even if your
store prices are lower, a user will be averse to make a
purchase if the details of the products are not correct. When
related products are displayed and sharing options are
provided there is a greater chance of diverting more traffic to
other products and your site in general.
CONFUSING CONTENT WITH CALL TO
ACTION LINKS
BENEFITS
SAMARITAN INFOTECH
Every Call to Action link should be prominent and separated
from content using whitespaces, colours, and size this allows
a user to see the next step to follow in a glance. Call to Action
links should not have ambiguous titles but instead accurately
describe the next step in short (ex- pre-order). Primary and
secondary Call to Action links should be clearly differentiated
as for example ‘Checkout’ and ‘continue shopping’.
COMPLICATED CHECKOUT PROCESS
BENEFITS
SAMARITAN INFOTECH
The checkout process for any E-commerce site should be
streamlined. The user should be able to clearly see the
shopping cart from every page of the site. The Cart should
include all fees including shipping to remove any ambiguity
and should allow customers to place an order without
creating an account. The whole process should be designed
to ensure fastest completion time.
TO IMPROVE YOUR CHECKOUT PROCESS
TRESSADE COOKIE JAR
Make checkout mobile-friendly
Use a progress indicator
Be generous with payment options
Don’t require membership or login
SAMARITAN INFOTECH
HIDDEN FEES
SAMARITAN INFOTECH
Hidden fees especially when it is not an industry
trend will result in trust issues by customers and is
generally bad customer service. Like in financial
industry fixed percentage of investments are
marked as fees but generally not mentioned
upfront. Sometimes on web sites taxes etc are not
added to products but appear only when final
payment is to be made.
BIG SCREEN, SMALL SCREEN
SAMARITAN INFOTECH
It is always advisable to have a mobile apps for your
website but for start up and small ecommerce businesses
this could mean overhead costs in maintaining apps as well
as websites for mobiles and desktops. Most of the websites
are created to be rendered on Desktops but with
proliferation of smart phones as well as smart phones
becoming the primary source or device for surfing a start
up needs to ensure that its websites are rendered
effectively and efficiently on both the mediums.
CUSTOMER DO NOT KNOW
WHAT TO DO
SAMARITAN INFOTECH
According to the Nielsen Norman Group, most users stick
around less than 59 seconds. So, if you don’t capture a
users attention in less than a minute, you’ve lost them.
Basically, if you haven’t generated interest or made a pitch
in 59 seconds, then customers would not know what to do
and will leave website for good.
NO MENTION OF SHIPPING &
RETURN POLICY, AND CONTACT
INFORMATION :
TRESSADE COOKIE JAR
Prominent display of the Website’s shipping & returns
policy Instils a sense of trust in the customer as there is no
ambiguity on any of the terms of the transaction. Also the
customer is emboldened that on encountering any problem
he can easily contact the company support to resolve the
issue when the contact information is displayed in an
accessible place.
SAMARITAN INFOTECH
303 Malwa Tower, Near Old Palasia
Square, A B Road, Indore City, Madhya
Pradesh
INDIA
7000213226 / 9993671402
info@samaritaninfotech.com
https://www.samaritaninfotech.com/
Contact Us

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

E-commerce Website UI/UX Design Mistakes to Avoid

  • 2. TRESSADE COOKIE JAR These days there are multiple E-commerce websites sprouting around the web. The ease with which a driven entrepreneur can realise his dream of selling his product has allowed the industry to mushroom exponentially. Though there have been many pitfalls with multiple start-ups falling to generate any revenue and subsequently shutting shop. Designing UI/UX is essentially a problem-solving approach specific to design, which involves assessing known aspects of a problem and identifying the more ambiguous or peripheral factors that contribute to the conditions of a problem. Failing fast in a test group and environment is the best way to achieve the required design for user interface and user experience (UI) and (UX). If for brick and mortar store it was location, location, location and store, store and store for e commerce it is UI, UI and UI and UX, UX and UX.
  • 3. How to spot that if your UI/UX design is hurting your e commerce business
  • 4. High Bounce Rate Samaritan Infotech Bounce rate means the percentage of visitors to a particular website who navigate away from the site after viewing only one page. A high bounce rate indicates that shoppers are not finding what they want or need when they visit product pages on your site. According to Conversion Voodoo, an average bounce rate is about 33% for e-commerce sites. They recommend adding highly detailed product descriptions with lots of information to keep customers engaged.
  • 5. Shopping Cart Abandonment Customers place an item in their shopping cart, but then they leave without completing the checkout process. This is a common, troubling problem for online retailers. TRESSADE COOKIE JAR
  • 6. One of the major problems why some E-commerce websites are not able to attract customers is down to the UI & UX offered. So here is a list of common mistakes to avoid :-
  • 7. CREATING A COMPLEX NAVIGATION INTERFACE : BENEFITS SAMARITAN INFOTECH The navigation interface of any E-commerce website should be simple and intuitive for a user to understand and immediately pick up. It should provide multiple filters and sort options to let the user drill down to the product he is looking for and also include a comprehensive search option. A breadcrumb navigation should be included to always let the user know where they are located and to provide easy navigation route out of the current page.
  • 8. Poor quality images and product descriptions. The product images are poor quality or take too long to load. The descriptions are vague or incomplete (e.g., they lack clear specifications). There is no call to action encouraging the consumer to buy. You are missing an opportunity to showcase related content that would entice the viewer to stay on your site. A good quality product description and image ensures that A bad quality product description would generally be suffering below issues.
  • 9. Descriptions are accurate, complete and engaging. Product images are clear and show all important details. Content includes enough information for consumers to make an immediate decision. Related/similar content is displayed on the page, giving visitors additional options.
  • 10. How to spot that if your poor quality images and product descriptions are hurting your e commerce business
  • 11. NEGATIVE CUSTOMER REVIEWS BENEFITS SAMARITAN INFOTECH it can be eye-opening to discover how many negative reviews focus on inaccuracies in product descriptions. They might look something like this:“What I received wasn’t at all what I expected. The description for the shoes said scarlet but they are basically maroon.”“The sizing on this shirt runs so small, I had to return it and get one TWO SIZES UP! What’s the deal?”
  • 12. REFUNDS AND RETURNS SAMARITAN INFOTECH one of the most common reasons customers ask for their money back is because the product image and description didn’t match the reality. And that’s not just one sale you’re losing. It’s all the future sales from that customer.
  • 13. MISSING CONTACT INFORMATION BENEFITS SAMARITAN INFOTECH In its second annual survey, the 2015 B2B Web Usability Report, 51 percent of respondents indicated that “thorough contact information” was the key website element missing from most websites. An astonishing 98 percent of respondents said that “No Contact Information / Phone Number” would cause them to leave the website (44 percent) or be so annoyed that they might leave the website (54 percent).
  • 14. MISSING CONTACT INFORMATION SAMARITAN INFOTECH In its second annual survey, the 2015 B2B Web Usability Report, 51 percent of respondents indicated that “thorough contact information” was the key website element missing from most websites. An astonishing 98 percent of respondents said that “No Contact Information / Phone Number” would cause them to leave the website (44 percent) or be so annoyed that they might leave the website (54 percent).
  • 15. NOT INCLUDING FORUM FOR USERS OR Q&A SECTION BENEFITS SAMARITAN INFOTECH Q&A is user-generated content (UGC). And Google favors UGC (text format, not yet video format) in its search results. Many retailers and brands see a 2:1 ratio of questions to reviews and for some merchants this ratio can be much higher. Since Q&A acts as a living FAQ doc on your product page, it naturally generates an abundance of keywords. Make sure your content is visible to Google; indexed directly on your pages. The Q&A content is evergreen on one’s site, giving visitors key information to drive conversion. In addition, when a consumer receives an email after the question she asks has been answered, conversion rates between 10 to 40 percent from that answer notification email are typical
  • 16. NOT FOCUSING ON THE PRODUCT DETAILS SAMARITAN INFOTECH A user tends to trust a website more when the product page offers a full description of the product. It also helps the user make a decision when multiple images are included and detailed reviews from other users are provided. Even if your store prices are lower, a user will be averse to make a purchase if the details of the products are not correct. When related products are displayed and sharing options are provided there is a greater chance of diverting more traffic to other products and your site in general.
  • 17. CONFUSING CONTENT WITH CALL TO ACTION LINKS BENEFITS SAMARITAN INFOTECH Every Call to Action link should be prominent and separated from content using whitespaces, colours, and size this allows a user to see the next step to follow in a glance. Call to Action links should not have ambiguous titles but instead accurately describe the next step in short (ex- pre-order). Primary and secondary Call to Action links should be clearly differentiated as for example ‘Checkout’ and ‘continue shopping’.
  • 18. COMPLICATED CHECKOUT PROCESS BENEFITS SAMARITAN INFOTECH The checkout process for any E-commerce site should be streamlined. The user should be able to clearly see the shopping cart from every page of the site. The Cart should include all fees including shipping to remove any ambiguity and should allow customers to place an order without creating an account. The whole process should be designed to ensure fastest completion time.
  • 19. TO IMPROVE YOUR CHECKOUT PROCESS TRESSADE COOKIE JAR Make checkout mobile-friendly Use a progress indicator Be generous with payment options Don’t require membership or login SAMARITAN INFOTECH
  • 20. HIDDEN FEES SAMARITAN INFOTECH Hidden fees especially when it is not an industry trend will result in trust issues by customers and is generally bad customer service. Like in financial industry fixed percentage of investments are marked as fees but generally not mentioned upfront. Sometimes on web sites taxes etc are not added to products but appear only when final payment is to be made.
  • 21. BIG SCREEN, SMALL SCREEN SAMARITAN INFOTECH It is always advisable to have a mobile apps for your website but for start up and small ecommerce businesses this could mean overhead costs in maintaining apps as well as websites for mobiles and desktops. Most of the websites are created to be rendered on Desktops but with proliferation of smart phones as well as smart phones becoming the primary source or device for surfing a start up needs to ensure that its websites are rendered effectively and efficiently on both the mediums.
  • 22. CUSTOMER DO NOT KNOW WHAT TO DO SAMARITAN INFOTECH According to the Nielsen Norman Group, most users stick around less than 59 seconds. So, if you don’t capture a users attention in less than a minute, you’ve lost them. Basically, if you haven’t generated interest or made a pitch in 59 seconds, then customers would not know what to do and will leave website for good.
  • 23. NO MENTION OF SHIPPING & RETURN POLICY, AND CONTACT INFORMATION : TRESSADE COOKIE JAR Prominent display of the Website’s shipping & returns policy Instils a sense of trust in the customer as there is no ambiguity on any of the terms of the transaction. Also the customer is emboldened that on encountering any problem he can easily contact the company support to resolve the issue when the contact information is displayed in an accessible place. SAMARITAN INFOTECH
  • 24. 303 Malwa Tower, Near Old Palasia Square, A B Road, Indore City, Madhya Pradesh INDIA 7000213226 / 9993671402 info@samaritaninfotech.com https://www.samaritaninfotech.com/ Contact Us