UInvestigation: Amazon Mobile App

This article is to go over one of my main UI/UX experience design concerns when using Amazon’s mobile shopping app. This mainly has to do with your lists and organizing them. My first obstacle when utilizing Amazon’s list feature on the mobile application is that you are not able to order it in any way besides the order in which you add the items. With the desktop website you are able to drag and drop each item with the “list and arrow” icon next to the list item. This feature is non-existent on their mobile app.

Diagram for Amazon Desktop App Feature
Sort Icon found on Amazon’s Desktop Website

I usually like to order my items from prices low-to-high which you are able to do via the “Filter & Sort” dropdown menu seen in the figure above in the top right corner. On the mobile app this feature is under a three dot icon in the top right of the list. Using these sorting functions is only temporary however as navigating away from and back to the same list you just sorted by price will go back to the default sort.

Leading into my ideas for how to update these issues:

  1. First, I would add continuity for any of the provided sorting functions such as the price sort, this way when the user navigates away and back to the list the sorting will still be active. The “Default” sort option will then become the option for any user-customized sorting.
  2. After setting up continuity once a user selects the “Default” sort option they will be able to long press drag-and-drop on the mobile application or if they still want to maintain the visual cue, then I would add in the icon they’re already using for desktop and nudge the item details over to the right as seen in my wireframe below.
Amazon App Before Image
Before
Amazon Mobile Wireframe Image
After

Bullhorn Developer Challenge

A challenge I did for the company Bullhorn in Boston when interviewing for them to be a UI developer. The challenge they gave was to take a JPEG of the desktop version of the site and to code it however you would like. I personally decided to use Bootstrap 4 and SCSS. Bootstrap was chosen for its responsive layout build tools. SCSS was chosen for writing and organizing the styles. You can view the GitHub repository here or view the page live here.