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