improving the ux at critical phases of the ecommerce
TRANSCRIPT
Improving the UX at critical phases of the Ecommerce
Pablo Javier Salgado
Search
Autocomplete suggestions | Mapping product synonyms
Filter: attributes and facets (example - sqft, bedrooms, location)
Sorting results numerically (example - price, top rated, best sellers)
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:
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 ArabiaVillas (21) Lebanon UAEHotel apartments (16) Qatar
Type
Sqft Status
Location
AKOYA
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
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
High quality media assets reinforces what the customer is buying, especially on the detail page.
| Media assets
Images 360 views video
Product Detail
| 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
Avoid excess vertical scrolling - desktop / mobile
Product Detail | Scrolling span
Technical implementation:
HTML5 / CSS3 (tabs and accordions)
| 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
Checkout
Reduce input fields
Show progress status
Increase reliability (SSL certificates, testimonials, reviews)
Take advantage of geo-location
| Data input fieldsCheckout
Reduce data input fields by retaining only the esentials.
Name
Phone numberCountry
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
HTML5
Technical implementation:
Na m e
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
| 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
Thanks!
Pablo Javier Salgado