Case Study: More menu in app

Outcome: Reduce propensity to contact by 10%

Task: How might we bring the My Account section in to the app?

Customer problem: Difficulty locating items in the “more” menu, particularly around mywaitrose and orders. Frustrated with lack of functionality on app, changing personal settings is easier through the website.

Business problem: Customers not being able to self serve in the app is driving contact volumes to customer care

Screenshot 2021-07-21 at 10.17.35.png

Existing design above - with the majority of content only available through the website this was driving customers out of the app.

Activities:

  1. Review the menu items in More Menu (Arrange card sorts and tree testing)

  2. Consider how 'My Details' section of 'My Account' could be brought into the More menu and how it would be navigated

  3. Design information architecture / UX for More Menu, including 'My Account'

My Details (My Account) includes the following areas:

  • Account Details (name, email address, password)

  • Address Book

  • Payment card

  • Marketing preferences

Screenshot 2021-07-20 at 11.57.58.png

Customer verbatim:

Screenshot 2021-07-20 at 11.58.27.png
Empathise - Customer journeys - starting to understand customer pain points in current more men

Empathise - Customer journeys - starting to understand customer pain points in current more men

Screenshot 2021-07-20 at 11.59.30.png

Example scenario mapping

Screenshot 2021-07-20 at 11.59.56.png

Define stage - formalising the problem I have identified, what is my research telling me? Can we group problems by themes? Take the perceived problems and form human centred statements. Start forming “How might we’s”.

Ideating - initial thoughts to previous step, writing notes down to help form ideas

Lo-fidelity wireframes, very early stage desings of what the more menu could look like

Lo-fidelity wireframes, very early stage designs of what the more menu could look like

Screens mapped out for prototype

Screens mapped out for prototype

Final design for testing, testing questions created and prototype put forward to participants.

iPhone X mockup hover seperated.jpg