top of page

Tools to help educators build and explore immersive science content.

Tools to help educators build and explore immersive science content.

Tools to help educators build and explore immersive science content.

Pia - Voice user interface design

Graduate project at Carnegie Mellon University

Pia is a voice interface designed to provide a seamless, hassle-free travel experience at the Pittsburgh International Airport. As a data-rich assistant, she connects different pain points from pre-airport arrival to post-travel engagement and facilitates a connected experience for both the airport and its passengers.

This was structured as an end-to-end project in which my team and I conducted site based research and ideated on concepts that culminated in a prototyped app for kiosk and mobile. My core contributions and areas of interest included the visual identity and product design.

 

A key learning from this project was designing for the seamless integration of a graphical interface with a voice interface. By drawing on visual cues related to mobility and intelligence, and carefully integrating form, motion, and sound, we created designs that adapted to the various states and interactions of the interface.

CONCEPT VIDEO

RESEARCH AND IDEATION

We began by looking into the existing interfaces at the airport. While the mobile app simply provided a directory of services, the kiosk supported only basic functions like ticket booking and check-in.

Frame 65 (2).png

We then proceeded to map out pain points across the user journey while taking into account services covered by airline apps and kiosks. This helped us identify an opportunity for a connected experience via an airport AI. 

PXL_20210911_205736234_2 1.png
Screenshot 2022-01-01 at 7.26.11 PM.png

With a better understanding of the challenges we were trying to solve for, we proceeded with storyboarding to visualise key features for the voice assistant and build a narrative for the user.

IMG_1925.HEIC

IDENTITY DESIGN

What would differentiate a voice assistant in an airport from one in a restaurant? This was the central question with which the visual language for Pia was explored. Drawing on cues of mobility, intelligence and physical space (airport), we ideated on the forms, typography, palette and motion styles for the voice interface.

Screenshot 2024-02-16 at 11.59.41 AM.png
Screenshot 2024-02-16 at 12.02.56 PM.png
359-ScreenRecording2022-01-10at3.21.08PM-ezgif.com-video-to-gif-converter.gif

Palette: Crisp and confident. Dominant on the blue to stay close to aviation and sky shades.

Screenshot 2024-02-16 at 12.13.34 PM.png

Typography: Rubik to keep it conversational and lively. Cabin to tap into classic wayfinding and informational aesthetics.

Screenshot 2024-02-16 at 12.13.51 PM.png

Icon style: The icon style borrows the translucency and opacity play from the VUI identity.

Screenshot 2024-02-16 at 12.14.03 PM.png
76f02a_bedb986e72c14f4bbe0e1370937a8f1e~mv2.gif

Motion states: Light, fluid and agile. 

INTERFACE DESIGN

The mobile and kiosk interfaces were reimagined for better functionality. While they could function as stand-alone apps, we introduced a supporting graphical interface for the voice assistant.

Frame 66.png
Frame 67.png
Frame 68.png
Frame 69.png
Frame 71.png
Frame 70.png

TEAM

Youngryun Cho, Matt Muenzer, Devika Pillai, Wei-Chieh Wang

AWARDS

bottom of page