NOAA Ocean Today

Ocean Today Museum Kiosk

Creative Direction & UX Design

Project Details

  • Client

    NOAA

  • Team

    Smithsonian Institute

  • Date

    Spring 2012

Multimedia kiosk with videos on all aspects of the ocean

Ocean Today, created by NOAA, is an engaging multimedia experience designed to immerse audiences in the wonders of the ocean through compelling videos on exploration, discoveries, marine life, and cutting-edge ocean science. Originally launched as an exhibit inside the the Sant Ocean Hall at the Smithsonian Institution’s National Museum of Natural History, the Ocean Today kiosk quickly gained widespread acclaim. Its success led to an expansive rollout, and today, the kiosks are installed in over 60 locations around the globe, including aquariums, museums, and educational centers.

Read more Read less

Planning

The Ocean Today kiosk was thoughtfully designed with scalability and sustainability in mind, using detailed user flows to map both the visitor experience and the supporting technology. Its core functionality—seamlessly playing videos—was prioritized with a simple, intuitive interface that allowed videos to shrink and grow, enabling users to access additional information and related content without interruption. This low-complexity solution encouraged deeper engagement and curiosity, establishing a strong foundation for the kiosk’s global success.

NOAA - Pathways
NOAA - Foundation

Planning user flows and interface rules

Wireframes

The wireframing process for the NOAA Ocean Today Kiosk laid a solid foundation for the project. Over 20 iterations were created to depict various scenarios and interactive states, with detailed annotations to ensure clarity to developers. Key images from 3D animation sequences were integrated, offering previews of the kiosk's final visual elements. These wireframes were tailored to the target application, enVision 1.1, which was the prevailing standard at the time of the project, ultimately shaping the kiosk's user interface and interactive capabilities.

NOAA Ocean Today Kiosk Wireframes

Wireframes offered a clear starting point and explored interactive potential

NOAA - Wireframes 01
NOAA - Wireframes 02

Hotspots and scrolling column over 3D animation

Visual Design

Early concepts envisioned an ambient video loop showcasing diverse ocean scenes, setting a captivating backdrop for user engagement. The design embraced oversized navigation text, ensuring easy access to information. To maximize the interactive potential, the entire screen was utilized, providing users with an immersive experience. Scrollable columns and rows were introduced, cleverly designed to disappear off the sides of the screen, enhancing the sense of exploration and creating a dynamic, user-friendly interface.

NOAA Ocean Today Kiosk menu concept
NOAA Ocean Today Kiosk video player concept
NOAA Ocean Today Kiosk menu concept

Early concepts for kiosk menu system

NOAA - Start Screen 01
NOAA - Start Screen 02
NOAA - Start Screen 03

Variations on the main menu

NOAA - Design 01
NOAA - Design 02

Main menu and theme list

NOAA - Design 03
NOAA - Design 05
NOAA - Design 04

Video player and related videos list

Locations

The Ocean Today kiosk launched at the entrance to the Sant Ocean Hall at the Smithsonian Museum of Natural History in Washington, D.C., where its prime placement ensured maximum visibility and impact. Following its success, the kiosk expanded to over 60 locations worldwide, including Alaska, Hawaii, Southern Mexico, and the West Coast of France, engaging audiences eager to explore the wonders of the ocean and advancing NOAA's mission of ocean education and stewardship.

I’m currently leading the User Experience team at Taoti in Washington, D.C.

As Director of UX Design I'm looking after (and growing) an innovative, lean and effective team that delivers value to our clients. Get in touch with me to discuss speaking engagements and other professional opportunities.

My full work history is available on LinkedIn at btiny.link/linkedin

Download CV
Check all details Before sending
image descriptionimage description

Your message was sent

Thank you!