Marlena Cannon Design

That Awesome Web & Graphic Design Lady

Volcano Hazards Lab

PACIFIC SCIENCE CENTER – SEATTLE, WA

This is an installation piece. View app online

Objective:
Create a touch-screen app to teach users basic facts and the hazards of local volcanoes in Washington state. Users are able to create their own virtual volcano by manipulating magma viscosity and gas volume, then watch the eruption animate.

Services:
Collaboration with PSC exhibit team on exhibition concept development, exhibition vision and goals, interactive and multimedia development and production. Worked with USGS Outreach on volcano facts and accuarcy.

Description:
This app is part of the local content for the Pompeii exhibit. We worked on a very tight timeline to create an interactive piece that fits with the visual style and message of the rest of the exhibit.

Start Screen

Start Screen

Volcano Builder Controls

Volcano Builder Controls

Low viscosity/high gas eruption

Low viscosity/high gas eruption

High viscosity/high gas eruption.

High viscosity/high gas eruption.

High viscosity/low gas eruption

High viscosity/low gas eruption

Low viscosity/low gas eruption

Low viscosity/low gas eruption

Lahar screen

Lahar screen

UI flow diagram

UI flow diagram

UX Design: My Cambrian Aquarium

thm1050_web_mca

My Cambrian Aquarium is an educational website about the Cambrian period of Earth’s history. It is my master’s thesis project. The project includes an interactive timeline and virtual aquarium game. I designed the entire user experience, from conducting research to diagramming use case scenarios and information architecture, to user testing and analysis. Read more about my thesis project.

Link: http://www.mycambrianaquarium.com

Proof of Concept: Game

User Scenarios

Information Architecture

My Cambrian Aquarium

My Cambrian Aquarium is an educational website about the Cambrian period of Earth’s history. It is my master’s thesis project. The project includes an interactive timeline and virtual aquarium game. I created the website using HTML/CSS3/JavaScript/PHP. I made the timeline and game in Flash/ActionScript 3.

Link: http://www.mycambrianaquarium.com

My Cambrian Aquarium Home Page

My Cambrian Aquarium game

My Cambrian Aquarium Interactive Timeline

(more…)

Experience Stars

Experience Stars is an educational, interactive tool to teach about the magnitude and distance of stars. It dynamically displays data from an XML file in Flash. I designed the web app and created all code and graphics. Cygnus photo from web.

Link: Experience Stars (requires Flash player)

Experience Stars

PDF Link

For PDF Link, I created a dynamic, database-driven web application using XHTML, CSS, PHP and MySQL. It is a tool for students and
researchers to upload, tag and share PDF files so that they can be easily organized and shared online.

pdflink_home

ss_pdflink

pdflink_ia

UX Design: Diverse Design

Diverse Design was a group project. It fulfilled a class assignment to design an online learning tool focused on usability. I designed the site wire frames and information architecture, as well as the layout of the second-level pages and account interface. I programmed site prototype using HTML, CSS and PHP (it is not a fully-functioning web site, but a high-fidelity prototype).

ss_diverse_design

ss_diverse_design-tuts

(more…)