Project

Redesign e-commerce Checkout

Summary

User-Centric E-commerce checkout process

Responsibility

  • Research
  • UX Design
  • Interaction Design

Assignment

Design Challenge

Redesign the mobile checkout form for a new user at an e-commerce site to make it more usable and enjoyable, and to reduce the likelihood of errors. Think about the problem from a user's point of view and determine how to improve the design through effective information architecture, interaction design, and/or visual design.

The amount of emphasis you put on each is entirely up to you. Our goal is to understand how you solve design problems and communicate your ideas. It is not to test your knowledge of and fluency with various tools and technologies.

Scenario

Samantha, a 34 year-old mother, is in an airport waiting to board a flight to Colorado for vacation. She has some time to kill before her flight, so she does some impulse shopping online and buys a dress at a leading fashion website. This is her first time purchasing anything on the site. Since she is going on vacation for a week, she wants the product to be delivered after she arrives back home.

Samantha has initiated the checkout process after viewing the dress in her cart. She needs to fill out the checkout form, which contains billing/shipping and payment info. Once she provides that information, the site will enable her to review the information before submitting the transaction.

You'll find the basic form here

Design Process

Based on scenario and the sample form link. I analyzed challenge and came up with the design process

Research Analysis

Analyzed scenario thoroughly to discover redesign goals based on user behavior .

User Behavior
  • Some time to kill
  • Impulse shopping online
  • First time using this E-Commence
  • Product to be delivered after she arrives
Redesign Goals
  • Usability
  • Reduce errors
  • Enjoyable interface, Trending products
  • Flexibility to choose product delivery date

Heuristic Evolution

Analyzed form's usability by using heuristic evolution methods & found some problem which can be solved in redesigning screens

Redesign Scope

Based on research following features can be added in the redesign process to give useful and enjoyable experience to user

Key Features
  1. Allow user to checkout as a "Guest User"
  2. Reduce text fields
  3. Provide proper navigation for flawless journey to checkout
  4. Allow user to select desire product delivery date
  5. Show error message to fill correct information quickly
  6. Input title need to check as per region
  7. Auto support while filing personal details / address to save user's time
  8. Step navigation instead big scroll to fill information

Mockups

Design Solution #1: Guest User Checkout

Design Solution #2 : Register & Checkout

Guest User Checkout Interaction
Sign Up to Proceed to Checkout

Testing

Need to conduct USER TESTING based on provided wireframes with following questions. If user finds any issues while user testing then screen need to be iterate

  1. Can user able to complete the task easily?
  2. Can user able to pick desire delivery date?
  3. Can user fill correct information in specific input?
  4. Is navigation helping user to reach to the goals?
  5. Is an auto filling information helping user to fill inputs?
  6. Is design consistent?
  7. Is design flow helping user to take emergency exit from screens?