Walmart Search Audit

UX Design, UI Design

 

During my 10 week internship at Walmart, I worked on a site audit project where I documented the interactions and features of typeahead portion of search on the Walmart app. Through this documentation, I identified pain points and gave suggestions based on these pain points. Finally, I compared my suggestions by building mock ups and identifying their pros and cons to determine which designs to move forward with.

 
Groupsearch screens.jpg

Challenge:

Combine Walmart’s Grocery and General Merchandising apps into one app.

Experience Goals:

Increase consistency of the search experience for the customer between the two hallways, and reduce customer pain points.

Project Process

 
  1. Audit and documentation


  2. Identify pain points and give suggestions


  3. Compare suggestions and identify pros and cons to determine recommended next steps 

Audit and documentation

 
Screen Shot 2020-08-13 at 3.11.58 AM.png

High level wireframing

 

Focus

focus.jpg

On-Typing

typeahead.jpg

Document all use cases and error cases

 
 

Identify pain points and make suggestions

 

Summary of pain points

 

Focus

Bitmapfoucs.png
 

  • Shop by department/voice search/scan a barcode buttons are rarely interacted with by users

  • Recent searches are interacted with less than recently viewed items

  • Recently viewed items are not visible under keyboard

 

On-typing

Bitmapon-typing.png
 

  • Redundant search suggestions

  • Several suggestions lead to the same PLP

  • No item suggestions on typeahead (except scanned items)

  • Search suggestions only lead to PLP

  • “I DON’T want to view EVERYTHING that you sell. I ONLY want the ONE item that I asked for” (VoC feedback)

  • Inconsistent use of icons

  • Use of arrow icon is inconsistent 

  • Relevancy of search suggestions

  • Scanned items are suggested despite them not matching the letters in the search query

 

Design Recommendations

 

Redesign suggestions - Focus

 

Old design

Group 6old.png
 

Redesign idea #1

Group 6.png

Pros:

  • Recently Viewed items are visible

Cons:

  • Recent Searches are not visible and you have to tap to view them, but the user is aware that it is there

Unsure:

  • Recently purchased items can be viewed if the user taps on the drop down menu

 

Redesign idea #2

Group 63.png

Pros:

  • Recently Viewed items are visible

Cons:

  • Recent Searches are not visible all

  • Looks strange visually to have carousels stacked like this

Unsure:

  • Recent Searches are not visible all

  • Looks strange visually to have carousels stacked like this

 

Redesign idea #3

Group 64.png

Pros:

  • Recently Viewed items are visible

  • Recent Searches header visible and one item name is visible above the keyboard

Unsure:

  • Recently purchased items are not included

 

Redesign recommendations - On-typing

 

Current Design

Group 10.png
 

Redesign #1

Group 7rd1.png

Pros:

  • The design matches the rest of the search suggestions well so it doesn’t look like an advertisement 

  • Could show several reorder or best match items while keeping the consistency of the design

Cons:

  • Not enough differentiation to tell the user that it leads to a item page

    • No product image

    • No item details

  • No explanation as to why the user is being shown this item

 

Redesign #2

Group 8rd2.png

Pros:

  • The height of the tap area for the reorder item is the same as the rest of the suggestions

  • Product image visible

  • “Bought 2 times” and “Best match item” shown

Cons:

  • Not enough item details

 

Redesign #3

Group 9rd3.png

Pros:

  • Fulfillment option and/or price visible

  • Large product image

  •  “Bought 2 times” and “Best match item” shown

Cons:

  • Large 

    • may look like an advertisement 

    • breaks the design pattern

 
Previous
Previous

Walmart Conversion Drivers

Next
Next

Niagara Bottle Design