Allen Xu - UI/UX Product Designer
Allen Xu - UI/UX Product Designer
jet_default_shipping_cover.jpg

Jet – Default Shipping Case Study

mobile

Jet is an e-commerce website that offers thousands of items, and is best known as its prices drop as you shop.

Problem

Problem

Currently, we automatically default to the user’s last used address and payment method in the iOS app. Knowing that the majority of our users have more than one shipping address and payment types, the current logic could lead to sending items to a wrong address or getting charged to a different card unintentionally. Therefore, we needed a "Set to Default" action for the shipping address and payments screens. And here it is….NOT!

account_shipping_payment_flow_old.png
Observation & Challenges

Observation & Challenges

As I started interacting with the screen, I noticed that it wasn’t intuitive and visually busy. 

•    Since the "last used address / payment" would be default and moved to the top, the radio buttons could be removed.

•    "Edit to delete" is useful when dealing with a list of items such as in notes and to dos. Because our users won’t be dealing with a list of information in their shipping address and payment methods screens, the button could be removed as well.

•    "Swipe to delete" is a common pattern on iOS. However, performing the same action would trigger the expose cart on the home, listing, and details screens which could create confusion to users. 

Early Design Process

Early Design Process

I started competitive analysis and found the account screens of the major e-commerce apps weren’t intuitive either. During my sketching process, I was exploring different ways to set an address to default, such as moving an address to the top in "Edit" mode to set it default; or showing the "Make Default" and "Delete" button in every extra cell, However, those wouldn’t make the experience intuitive to users. So I explored apps in other categories and was inspired by a three dots icon within a circle for more options. 

flow_default_shipping_new.png
Final Designs & Result

Final Designs & Result

By simplifying the interface and reducing the visual elements down to a single icon, they will be able to see all actions with one tap. 

Check out the prototype!