CASE STUDY      INTERACTION DESIGN

KIOSK INTERFACE DESIGN

Design a kiosk interface for Adobe event attendees to explore new features and learn how they can benefit the company by saving time and money.

Kiosk_Backdrop

CONTEXT

Adobe's marketing team needed to design a kiosk interface for its upcoming offline marketing event for new feature releases. The kiosk was set up to be a greeting station for all business representatives to preview new features and learn how much ROI (money or time) those features could potentially save for the company.  

OBJECTIVE

Design an end-to-end kiosk interface experience for users to input company information, calculate ROI output for event features and scan QR code to learn more.

RESPONSIBILITIES

Led the research, product planning, and prototyping effort to find directions and validate solutions through prototype testing.

DURATION

  • 1-week concept design
  • 2 weeks prototype

OUTCOMES

Kiosk_Metrics

TEAMS

Kiosk_Teams
Kiosk_Theme

DEFINE

USER FLOW & FEATURES

Working with the project manager and content manager, we defined the user journey and key features required under each step for the interface experience.

Kiosk_Flow

STEP #1

PERSONA SELECTION

The experience kicked off by asking users to select a persona that best described their use cases. A couple of layouts and interactions were explored in the early design phase.

Kiosk_Step1_1
Kiosk_Step1_2

STEP #2

CATEGORY SELECTION 

The project manager and content manager suggested these two selections be interacted on one page for better user context. Different interactions were explored for users to choose either the money or the time category.

Kiosk_Step2_1
Kiosk_Step2_2
Kiosk_Step2_3

STEP #3

PILLARS OVERVIEW

The Pillars Page was the most important, it also contained the most information. The page served two purposes, to introduce features and for users to make ROI selections. Several layouts were explored to follow through with the hexagon theme.

Kiosk_Step3_1
Kiosk_Step3_2
Kiosk_Step3_3
Kiosk_Step3_4

STEP #4

PILLAR DETAILS

Different explorations to Pillar's details page. Users could pivot back and forth between different functionalities within a pillar and add functionalities to the ROI calculation.

Kiosk_Step4_1
Kiosk_Step4_2
Kiosk_Step4_3

STEP #5

ROI BREAKDOWN & QR CODE

The ROI Breakdown page is a continuation of the previous Pillar Overview where UI shows a granular ROI breakdown of each category. The stats are to encourage users to scan the QR code and to learn more

Kiosk_Step5_1

TESTING

USER FEEDBACK

Kiosk_Feedback

AFTER THE EVENT

DATA OUTCOME

Kiosk_Metrics
‹ Prev
› Next