Mobile UX in MagentoDelighting users to buy

By Kali Charan Rajput

Kali Charan Rajput

@kcrajput

kcrajput

kcrajput

UI/UX Lead

Agenda

● Why Mobile UX is Important

● Common UX Mistakes

● Delighters / Best Practices in Mobile UX

Pareto Principle“80 percent of your

outcomes come from 20 percent of your inputs.”

UX Principle“80 percent of UX issues

can be fixed by 20 percent of changes.”

Why Mobile UX

Loyal User Base Reduce Support Costs Increased Customer Satisfaction

Increased Sales It Gives You an Edge Over the Competition

Mobile UX Mistakes

No Mobile Optimization

Mobile UX Mistakes

Its Forms Suck

Mobile UX Mistakes

The Checkout Isn’t Optimized

Mobile UX Mistakes

Users Can’t Find What They Need

● Find a product or product details

● Research shipping and delivery information

● Purchase an item

Mobile UX Mistakes

Other UX Issues

● Poor Product Image Quality

● One Image Only

● Redirecting mobile users to desktop interfaces

● Text that’s hard to read (in the example below, some subheadings and a bigger font would be helpful).

Mobile UX Mistakes

Delighters/ Best Practices in Mobile UX

Honor Image Zoom Gestures

Mobile UX Delighters

Use Touch Optimized Keyboard Layouts

Mobile UX Delighters

Accelerated Mobile Pages (AMP)

1. Higher Performance and Engagement

2. Flexibility and Results

Mobile UX Delighters

Collapse Sign-In and Place ‘Guest Checkout’ at the Top

Mobile UX Delighters

Disable Auto-Correct During Checkout (79% don’t)

Mobile UX Delighters

Allow users to Search Within Currently Navigated Category

Mobile UX Delighters

Have the Home Page with User Expected Products

Mobile UX Delighters

References

http://blog.lemonstand.com/mobile-ecommerce-best-practices/

https://selfstartr.com/mobile-ux-ecommerce/

http://www.business2community.com/mobile-apps/importance-user-experience-mobile-apps-01321326#iKu2Qsydv2eT1hJL.97

Thanks