Patrizio Saliani
  • HOME
  • ABOUT ME
  • EXPERTISE
  • CASE STUDIES
  • Free UX Consultation
  • Menu Menu
  • Link to LinkedIn Link to LinkedIn Link to LinkedIn
You are here: Home1 / Case studies2 / M&S in-store kiosk app

M&S in-store kiosk app (TSOP)

TSOPs were introduced into the M&S estate in October 2011. These self-service devices allow customers to access the full M&S.com range from within the store, enabling them to place orders for home delivery or in-store collection


Project objectives

The primary objective of this project was to gain a deeper understanding of M&S’s TSOP estate through a comprehensive approach that involved store visits, data analysis, qualitative, and quantitative research.

The overarching goals were to:

  • Enhance the catalog browsing experience for in-store customers.
  • Provide easy access to product information, in-store stock availability, loyalty offer activation, and streamlined payments through self-checkout.


My role

On this project I worked as sole UX Design Lead, and my role encompassed:

Qualitative Research: This involved conducting face-to-face interviews with a substantial number of store staff from various locations. The aim was to gather direct feedback from those interacting with the kiosks.

Product Design: I played a pivotal role in designing and developing a new Digital Stores ‘Browse and Order’ proposition. This design was rooted in insights derived from data and research, with a focus on enhancing user experience to make navigation more intuitive.


Attractor screen simplified UI

I designed and tested three different concepts, with the most successful one prominently featuring the barcode reader —Scan, Search, or Browse— resonating most effectively with customers.

Customers highly appreciated the capability to scan an item and promptly access vital information, including cross-store stock availability, color options, complementary items, or suitable alternatives.


Improved Browse catalog (PLP)

I designed significant enhancements to the PLP, including reducing the number of products displayed, increasing image sizes, transitioning from horizontal to vertical scrolling, and relocating filters from the bottom to the side of the screen.

Legacy (left), NEW version (right)


Modernised the Product display page (PDP)

I designed further changes on PDP to improve user-friendliness, such as replacing the product image carousel with a grid, introducing a more user-friendly size selector, and providing functionality to check stock across multiple stores.

Previous Previous Previous Next Next Next
1234

How we got there


Evaluated the kiosks location, signage and user interface

During this phase, interviews were conducted with staff and customers across multiple UK locations, with a specific focus on their interactions with the kiosks.


The research revealed that the kiosks were not being used as originally intended.

 “It’s quicker than the till for showing nice stuff despite being rarely used for ordering”.

 “It’s a very elderly clientele in this store who appreciate the big pictures”.

“9/10 times the TSOP is used, an order is placed on the adjacent till.”

Customers wanted kiosks to enhance their in-store shopping experience rather than supplant it.


In-store investigation results


Location significance

TSOPs were used more when placed in prominent areas, although some customers preferred secluded locations for privacy.

High footfall area placement

Secluded location placement


Ineffective Physical Signage

The messaging lacked visual clarity and did not effectively convey the TSOPs’ purpose.


Interface evaluation results

The kiosk user interface fell short in engaging customers, failing to capture their attention and interest effectively.

Cluttered Attractor screen

Overwhelming catalogue

Un-intuitive product display


Building on the insights gathered, I progressed from initial sketches to an interactive prototype, refining the design at each stage

The “Browse & Order” team, including myself, embarked on the design phase, which involved sketching initial concepts and rapidly transitioning to a functional prototype for testing.


Developed interactive prototypes in Axure to ensure full functionality and a seamless user experience

Open the Axure prototype 

The initial round of testing proved highly successful, prompting additional testing in-store at M&S Edgware Road. Customers and staff responded positively to the new interface. The user tests demonstrated that the new prototype was effective and user-friendly. Customers found it easy to use and valuable for obtaining product information, including sizes, colors, and stock availability.

My macbook uploading Axure to a TSOP at M&S HQ.


Impact

The new “Browse & Order” kiosk app was rolled out to all M&S stores six weeks later. The new design generated an 73% y.o.y. conversion uplift, and improved the in-store experience CSAT score.

Kyle McGinn, Head of M&S New Channels and Digital Labs, expressed his satisfaction with the project, stating:

“Our goal is to be the best of M&S in every store and these kiosks do that in a convenient and practical way, whilst also providing inspiration and choice.”


Want to know more?

If you’d like to find out more about my work and experience, or to discuss potential projects, please get in touch!

Get in touch


Recent case studies:

All 12 /Product design 9 /User Research 4

BlackRock Voting Choice

An industry-first SaaS solution for retail investors to participate in ESG voting decisions inline with their ethical values and policy governance preferences.

Telefónica Design System

A multi-brand, white-label design system to streamline prod-dev efforts

Femtec Health Inc.

An AI-driven, personalised self-care solution designed to transform the healthcare experience for women.

M&S Scan, Pay, GO

Revolutionising the in‑store purchase experience. Say adios to queues!

The Chat Shop

A SaaS website redesign nominated at The Drum Awards for Experience

TOG Meeting rooms

Seamlessly book desks and meeting rooms in hundreds of co-working spaces

TOG VR viewings A/B test

Space is a powerful tool to foster engagement, inspire innovation, and drive productivity. A virtual tour is the best way to evaluate a space without traveling to it.

The Office Group

An end-to-end website redesign for UK's largest flexible workspace provider

TOG Workspace prospects

A research project to provide TOG with a comprehensive understanding of their customers and achieve core business goals.

M&S Product videos A/B test

Defined the perfect online clothing showcase following a user-centric methodology

M&S Food to Order

A food delivery service trial that led to the £750m partnership with Ocado

M&S in-store kiosk app

An app redesign to deliver true multichannel retailing by uniting online and in-store shopping

UXsentience | UK Company no. 13339897
  • Link to LinkedIn Link to LinkedIn Link to LinkedIn
  • HOME
  • ABOUT ME
  • EXPERTISE
  • CASE STUDIES
  • Free UX Consultation
Link to: M&S Food to Order Link to: M&S Food to Order M&S Food to Order
Scroll to top Scroll to top Scroll to top