Index

  1. Select Payment Method
  2. Complete Purchase
  3. Thank you page
  4. Solved Pain points
  5. My general work approach
  6. My work process
  7. More of me

1. Select Payment Method & Add new Credit Card

  • Clean and intuitive layout with large, easily tappable buttons/icons.
  • Clear labeling to indicate different payment methods (e.g., Credit Card, PayPal, Apple Pay).
  • Visual cues such as icons to aid recognition.
  • Minimalistic form design with only essential fields visible initially.
  • Progressive disclosure to reveal additional fields as needed.
  • Security reassurances displayed prominently (e.g., SSL encryption icon).

2.Complete the purchase

  • Clear indication of order summary, including items purchased and total cost.
  • Distraction-free layout with emphasis on the primary action button.
  • Consistent design elements from previous screens to maintain familiarity.

3.Thank you page

  • Clear and concise message thanking the user for their purchase.
  • Prominent call-to-action button or link directing users to track their order.
  • Consistent visual style and branding to maintain continuity with previous screens.

Pain Points I was focusing on

  1. Poor User Experience: Many mobile checkout processes were not optimized for smaller screens, leading to frustration among users. Cluttered interfaces, long forms, and unclear navigation can all contribute to a negative user experience.
  2. Security Concerns: Customers often worry about the security of their payment information when making purchases on mobile devices. Ensuring robust security measures, such as encryption and secure authentication, is crucial to alleviate these concerns.
  3. Limited Payment Options: Some mobile checkouts only accept a limited range of payment methods, which can be inconvenient for customers who prefer alternative payment options. Offering a variety of payment methods can help cater to a broader customer base.
  4. Complicated Form-Filling: Filling out payment forms on mobile devices can be tedious, especially if the process involves entering a lot of information. Simplifying the checkout process and minimizing the number of required fields can help streamline the experience.
  5. Lack of Guest Checkout: Requiring users to create an account before completing a purchase can be off-putting for some customers. Providing a guest checkout option allows users to make purchases without the hassle of creating an account, potentially increasing conversion rates.
  6. Inconsistent Checkout Flows: Inconsistent checkout flows across different websites or apps can confuse users and make the process more difficult than necessary. Maintaining a standardized checkout flow can help improve usability and reduce friction.

More points to focus on

  1. Device Compatibility Issues: Mobile checkout processes may not work properly on all devices or operating systems, leading to frustration for users who encounter compatibility issues. Testing mobile checkout functionality across a range of devices and platforms is essential to ensure a seamless experience for all users.
  2. Slow Loading Times: Slow loading times can lead to abandoned carts as impatient users move on to other tasks or platforms. Optimizing mobile checkout pages for speed is essential to prevent this issue.

My work process (bullet points, more details here)

  • Step 1: Empathize – Putting Yourself in the User’s Shoes
  • Step 2: Define – Nailing Down the Problem
  • Step 3: Ideate – Letting Creativity Flow
  • Step 4: Prototype – Bringing Ideas to Life
  • Step 5: Test – Getting Feedback from Real Users
  • Step 6: Iterate – Refining and Improving
  • Step 7: Implement – Bringing Our Vision to Life

Where you will find more refferences of me online