• Interface & Interaction Design of
    The Record Store Kiosk

    UX Design | UI Design

Deep Dive

About the Project

This academic project was a case study of the Record Store Kiosk designs. The objective of the project was to design a Kiosk's User Experience from the moment the user starts using the Kiosk till he locates/buys a record. This was an individual project where first, the trend of Kiosk design was analysed, followed by identification of problems/opportunities and concluding with designing the interactions and interfaces (Home Page) for the Kiosk. A presentation showcasing the Kiosk's Design was delivered with the help of an Infographic.


Kiosk Infographic

Project Type

Academic Project

Course

HCC 629- Fundamentals of Human Centered Computing

Team Members

1

My Responsibilities

User Research, Interaction Design, UI Design, Infographic Design, Presentation

Design Process

Brainstorm

User Analysis: By gleaning users’ experiences (UMBC students) with kiosks and analysing online reviews, the user base was categorized as follows:
● Active users: These users have specific intention of checking and buying a particular record.
   Age range: 13-25 years (Active Youth)
   Conversion rate: High
● Curious users: These users look around the record store to buy something but are not sure of what they exactly want.
   Age range: 26-35 years (Curious Youth) and 36- 50 (Curious Elders)
   Conversion rate: Moderate
● Passive users: These users are ‘the strollers’: they just look around with no specific intention.
   Age range: 51-60 (Passive elders) and 60 above (Senior Citizens)
   Conversion rate: Low


Task analysis: Based on a brief study of frequent kiosk users (UMBC students), the following broad list of user tasks was produced:
● Browsing (nonspecific music)
● Browsing (specific music)
● Checking New Releases
● Signing up for Pre-Orders
● Reading Reviews
● Listening to tracks
● Locating records
● Buying records


User Persona
Persona


Design Rationale:

The design of the GUI considers the nature of the user, task and the operating environment. It also caters to the needs of all types of users. For Passive users, the Featured records are an attraction. They tend to explore around a guided path and the featured content provides them a starting point for further browsing. The Curious users require a gallery of options to start browsing; the Categories Side bar is where they can find their interests. Also, the horizontal tabs about New Releases, Pre-Orders and type of records streamline the process of curiosity towards accomplishment. Finally, the Active users, who ‘browse their minds’ can use the Search functionality for quickly finding their taste of music. In addition, the Amuse Me! button is a surprise feature which plays a random track and keeps the user hooked to the Kiosk. This can be an attraction for all the age groups: youth through senior citizens.

Kiosk Wireframe Design (Version 0)
Kiosk Home Page Wireframe Design (Version 0)


Evaluate

Redesign Rationale based on Peer Review:
● For efficient natural interaction, the interface now incorporates the combination of two Interaction styles: Menu and Point and Click (Move and Touch)
● The new design has improved colour, size, shape and orientation for the graphical elements which reinforces similarity among the records in the body section
● The Menu bar, Side bar and the Search functionality is now designed keeping the principle of Recognition and Recall at its core
● The Side bar now has only one panel displaying the Genres/Artists/Labels in different tabs. This creates uniformity in the information displayed and also establishes better consistency
● The Search box now has an Auto-Complete drop down box showing the suggestions to complete the query thereby helping the user to quickly reach his goal


Refine

Kiosk Wireframe Design (Version 1)
Kiosk Home Page Wireframe Design (Version 0)


Kiosk GUI Design
Kiosk GUI Design


Learnings

● Learned how the design of traditional Kiosks is different than the website designs and how to design for the specific audience
● Learned user, task and environment analysis techniques which helped is streamlining design decisions towards the user's experience
● Learned Gestalt & Memory Principles and their application in designing the interfaces and interactions


Challenges

● Understanding Mental Models of users, a diverse audience, of the Kioks
● Selection of input and interaction methods for the kiosk to facilitate ease and accessibility
● Proposing record locating method which helps the user to easily find a recod in the store