Client project · ui / ux design

Arab American National Museum Kiosk UX Design

Crafting An Interactive Narrative Kiosk UX To Educate Visitors On The Arab World By Enhancing Usability And Visual Appeal from scratch

ABOUT THE PROJECT

- The Arab American National Museum is the first and only museum in the United States devoted to documenting and sharing Arab American contributions that shaped the economic, political and cultural landscapes of American life.The museum had been neglecting a $3,000 kiosk, failing to generate any ROI from it. I was commissioned by the museum to design and develop an interactive kiosk screen.

GOAL

- Creating a visually appealing and intuitive interface for existing video and static image content.

CONSTRAINT

- Developing the kiosk while overcoming the high accessibility and learning curve of the BrightAuthor development tool for kiosk development.

OUTCOME

- I improved the digital presentation of the museum

IMPACT

- The kiosk will provide an opportunity for the 50,000 visitors each year to understand Arab culture, fostering mutual understanding among people of diverse cultural backgrounds, reducing prejudices, and recognizing the value of a multicultural society.

- The kiosk will enhance the museum's reputation by providing an engaging and educational experience for visitors, increasing visitor satisfaction, and encouraging repeat visits, thereby boosting overall museum attendance and revenue.

MY ROLE WAS

- UX Design
- UI Design
- Programming

TOOL

- Figma
- Adobe After Effects
- BrightAuthor

PLATFORM

- 43 Inch Kiosk

I WORKED WITH

- Curator of Exhibits
- Engineer

YEAR

- February 2024 ~April 2024

Problem area

Failed to achieve ROI from the kiosk

The museum had an existing kiosk, but it was neglected and not utilized by visitors. Despite the kiosk and related software costing around $3,000, it did not generate a return on the investment. Therefore, the museum decided to make better use of the kiosk.

Project goal

Enhancing visitor engagement and brand reputation

The museum wanted to convey a comprehensive understanding of Arab geography, history, and religion, as well as modern Arab Americans, through its kiosk content. In other words, the museum's goal was to enable the museum's visitors to learn about Arab culture through a digital and interactive experience, thereby increasing visitor participation and enhancing the museum's brand reputation.

Understanding the context

Kiosk setup and client requirements

1. A 43-inch Display

The display I need to work on is 43 inches. This kiosk is 40 inches above the ground.

2. Seven pre-prepared pieces of content

The museum provided me with 7 pieces of content to be displayed through the kiosk.These contents were intended to provide visitors with a comprehensive understanding of Arab culture.

1. A 43-inch Display

The display I need to work on is 43 inches. This kiosk is 40 inches above the ground.

2. Seven pre-prepared pieces of content

The museum provided me with 7 pieces of content to be displayed through the kiosk.These contents were intended to provide visitors with a comprehensive understanding of Arab culture.

Above all, the museum wanted a visually appealing design

Kiosk content user flow

How to shape the content experience for visitors

I wanted visitors to have an exploratory experience with the kiosk content. This is because allowing them to choose from the 7 different pieces of content would provide a more enjoyable and personalized experience, thereby increasing overall satisfaction.
SOLUTION 01

A visually appealing intro page designed to capture visitors' attention and deliver content effectively

01

Capturing visitors' attention
with a visually appealing intro page

I decided to make the styling playful by using illustrative elements to capture the attention of students, who were the key visitor groups of the museum.

Intro page background exploration

We decided to go with 'Background A' together with the museum because the playful style resonated better with the main group of museum visitors—students and families.

02

The content order of the intro page
for effective content delivery

I arranged the content to guide users from a basic geographical understanding to a comprehensive grasp of the Arab world through its history, culture, and social issues.

SOLUTION 02

Kiosk UX that is both functional and optimized for a 43-inch screen

01

Focused and flexible: A functional content layout

I placed the main content area at the top to keep visitors focused and added seven buttons at the bottom for easy content switching.

Layout exploration

When working on the layout area, I chose Layout A over Layout B because usability testing results showed that users preferred Layout A for its balance and intuitiveness.

02

The optimal font, button size, and colors

I conducted usability testing to verify the font size, button size, and colors that ensure the highest readability for users, and as a result, found the optimal settings.

Button style exploration

Out of the three choices, the museum chose 'concept A' because I convinced them that the gradient style not only adds vibrancy but also aligns well with the museum's branding.

Final delivery

After completing the final testing, I delivered the final prototype to the client. The client was very pleased with the results. This kiosk prototype will soon be in use at the Arab American National Museum. I expect an increase in brand reputation, more positive reviews from visitors, higher visitor satisfaction and engagement, as well as a return on investment from the museum's purchase of the kiosks.

Impact to the real world

* Visitor's perspective

1) The kiosk will provide a comprehensive understanding of Arab American culture to 50,000 visitors annually.

2) The kiosk will cover geographic awareness, cultural insights, and social issues, allowing visitors to thoroughly understand Arab culture.

* Museum's perspective

1) The kiosk will enhance the museum's reputation by providing an engaging and educational experience for visitors.

2) The kiosk will increase visitor satisfaction and encourage repeat visits, thereby boosting overall museum attendance and revenue.

Thank you for scrolling!

What I've learned

The Arab American National Museum kiosk UX design project was a unique experience compared to my previous web and mobile projects.

1. Most of my previous projects were web or mobile interfaces. The Arab American National Museum kiosk screen design was different due to its large size. I needed to pay greater attention to ergonomic factors, accessibility, and font readability.

2. I learned that it is important not just to convey information, but to present it in a way that tells a compelling story. Because effective storytelling significantly enhances the user experience and improves the efficiency of information delivery.

3. When I first used the kiosk development tool BrightAuthor, I had to overcome its high accessibility and steep learning curve. There were many challenges in learning and utilizing this new tool, but overcoming them allowed me to grow significantly. This experience improved my ability to learn and apply new technologies.

More in the Desktop.

You are now reading the mobile version of the site. For detail case study, visit https://www.juyoungux.com with a desktop browser :)

About the project
Problem area
Project goal
Context
User flow
Solution 01
Solution 02
Final delivery
Impact