Improving the UX at critical phases of the Ecommerce
?
3 likes?401 views
This document discusses ways to improve the user experience (UX) at critical phases of the ecommerce process, including search, filters, sorting, product details, checkout, and reliability. It provides technical implementation details for each UX improvement, such as using JavaScript, jQuery, HTML5, and CSS. Key recommendations include autocomplete search suggestions, attribute-based filters, numerical sorting, high quality product media, reducing excess scrolling, optimizing calls to action, streamlining checkout fields, showing progress status, and increasing reliability through SSL certificates and reviews.
Improving the UX at critical phases of the Ecommerce
- 1. Improving the UX atcritical phases oftheEcommerce Pablo Javier Salgado
- 2. Search Autocomplete suggestions | Mapping product synonyms Filter: attributes and facets (example - sqft, bedrooms, location) Sorting results numerically (example - price, top rated, best sellers)
- 3. Search Autocomplete suggestions | Mapping product synonyms SearchAkoy Did you mean: AKOYA AKOYA AKOYA Oxygen AKOYA by DAMAC AKOYA Villas AKOYA apartments Javascript - Jquery Database Diccionary HTML5 Datalist | Autocomplete Technical implementation:
- 4. Search | Filters tools Filters enable shoppers to narrow their results based on one or more attributes usually organised by type (called facets). Javascript - Jquery Technical implementation: Database Categorisation HTML5 (checkbox, drop-down menus) Search Apartments (32) Jordan Saudi Arabia Villas (21) Lebanon UAE Hotel apartments (16) Qatar Type Sqft Status Location AKOYA
- 5. Database Categorisation HTML5 (checkbox, drop-down menus) Sorting results helps shoppers organise a large set of results along a continuum of values. The values are usually numerical by nature, such as price and consumer rating. | Sorting tools Technical implementation: Search SearchAKOYA Top rated Price Best sellers Javascript - Jquery
- 6. Breadcrumbs (hierarchical or history-based) Avoiding excess vertical scrolling Quality of the media assets (picture quality, 360 views, etc.) Improving Call-To-Action (CTA) buttons / text Product Detail
- 7. High quality media assets reinforces what the customer is buying, especially on the detail page. | Media assets Images 360 views video Product Detail
- 8. | BreadcrumbsProduct Detail Breadcrumbs (hierarchical or history-based) Vista Lux at AKOYA Oxygen SearchAKOYA Vista Lux is the centre of life at AKOYA Oxygen. An incredible development, it invites you to take life at a more relaxed pace. Here, you can take a stroll down the promenade of high-end fashion and luxury lifestyle boutiques, or enjoy meals with friends and loved ones, accompanied by breathtaking views of nature. Search / Results / AKOYA Oxygen / Vista Lux at AKOYA Oxygen Javascript | Jquery Technical implementation: HTML5
- 9. Avoid excess vertical scrolling - desktop / mobile Product Detail | Scrolling span Technical implementation: HTML5 / CSS3 (tabs and accordions)
- 10. | Call To Action Improving Call-To-Action (CTA), in design (buttons) and copy (text). Start your free trial Start my free trial Technical implementation: HTML5 / CSS3 Copywriting Message communicated from a third-person view. Message communicated from first-person view. (empowering user) Product Detail
- 11. Checkout Reduce input fields Show progress status Increase reliability (SSL certificates, testimonials, reviews) Take advantage of geo-location
- 12. | Data input fieldsCheckout Reduce data input fields by retaining only the esentials. Name Email Phone numberCountry
- 13. Technical implementation: HTML5 tabs Checkout | Progress status Show progress status Cart Checkout Review Receipt Purchase John Appleseed 4213 1220 0229 3249 MM YY CVC Javascript - Jquery
- 14. HTML5 Technical implementation: Na m e Em ail Pho ne n um be rCo un tr y Pulling location-based information into forms. Targeting user-specific data. | GeolocationCheckout Take advantage of geo-location Javascript - Jquery
- 15. | ReliabilityCheckout Increase reliability (SSL certificates, testimonials, reviews) Cart Checkout Review Secure payment Certified Ecommerce Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet Support Receipt Purchase John Appleseed 4213 1220 0229 3249 MM YY CVC Technical implementation: SSL Server Protocol SSL certification