MARINE LIFE OF THE NORTHWEST

MARINE LIFE OF THE NORTHWEST
An interactive database of North Pacific Ocean sea creatures
EMILY COMFORT
SARAH MORRIS
MARIKO WOLF
CONCEPT
This kiosk is designed to be hypothetically used at the Seattle
Aquarium. This interactive exhibit serves to educate visitors about
local sea life. Parameters for comparison includes different species,
where they live according to water depth, their diet, lifespan,
reproduction and population. This information is shown through
interactive diagrams and infographics. The user has the option to see
details about one species specifically or view data about multiple
species simultaneously. The kiosk features an explanation of the
characteristics of different ocean depths and the shared traits of
creatures living at that level. We envisioned this kiosk to be located
somewhere central in the museum, like the main lobby. This way,
someone could use the kiosk either before or after their visit.
Our goal for this project is to expand people’s knowledge of the
underwater world and educate about creatures they aren’t able to see
on a day to day basis.
The platform
inspiration for our
kiosk
MARINE LIFE
OF THE NORTHWEST
DIVE
SITEMAP
IN!
OCEAN ZONES
BY DEPTH
BACK TO MAIN MENU
EPIPELAGIC ZONE
Page Flow
o
INFO
SUNLIGHT ZONE
SEA
LIFE
x
INFO
It extents from the surface to 200 meters (656 feet).
Its known as the sunlight zone because this is where most of the visible light exits.
This layer is responsible for the wide range of tempertures that occur because the
water becomes heated from the sun.
90% of the sea animals live in this zone.
This zone is known for having the most sharks.
MESOPELAGIC ZONE
creatures
o
BROWSE
600ft
Plant life only lives here because it has the light needed for photosynthesis, which
produces oxygen and some carbon.
200m
TWILIGHT ZONE
EXPLORE
OCEAN ZONES
the depths
BY DEPTH
BACK TO MAIN MENU
EPIPELAGIC ZONE
o
INFO
SUNLIGHT ZONE
SEA
LIFE
BACK TO SHARKS
BACK TO SHARKS
600ft
MESOPELAGIC ZONE
SPECIES COMPARISON
SHARKS: DIET
SHARKS: DIET
o
200m
SPECIES COMPARISON
TWILIGHT ZONE
TIGER SHARK
GRAY REEF SHARK
crustaceans
TIGER SH
SHA
AR
RK
GR
RAY
AY REEF SHARK
bony fish
crabs
lobsters
+
+
+
GRAY REEF SHARK
MAKO SHARK
MAKO SHARK
BULL SHARK
BLACKTIP REEF SHAR
SHARK
BULL SHARK
BLACKTIP REEF SHARK
+
+
+
+
BACK TO MAIN MENU
explore species
CRUSTACEANS
SHARKS
BACK TO SHARKS
SPONGES
GRAY REEF SHARK
BLACKTIP REEF SHARK
EPIPELAGIC ZONE
400m / 600ft
1000m
ECHINODERMS
CHARCHARHINUS AMBLYRHYNCHOS
SHARKS: LIFESPAN
BASICS
WHALES
A common coastal-pelagic and inshore species.
Found around coral reefs, often in deeper areas near
drop-offs to the open ocean, shallow lagoons adjacent to areas of strong currents. Occurs at a depth
from the surface and intertidal down to at least 100
m (max. about 280 m). Active and strong-swimming
social species. Form daytime schools or aggregations in favoured areas such as reef passes,
lagoons, or places near passes.
4000m
6000m
This species is very curious and is prone to investigate events in circumstances where food stimuli are
not present (such as divers entering the water).
Although this shark is active during the day, it is
more active nocturnally. Grey reef sharks can lay
?
BASICS
GRAY REEF SHARK
4400 yrs
BULL SHARK
DIET
TIGER SHARK
BLACKTIP REEF SHARK
LIFESPAN
COMPARE SPECIES
!
11000m
BULL SHARK
POPULATION
14 yrs
TIGER SHARK
12
1
2 yrs
GRAY REEF SHARK
16 yrs
200m
SHARKS
o
SEA BIRDS
MOLLUSKS
SPECIES COMPARISON
BACK TO CATEGORIES
ANEMONES
25
2
5 yrs
BROWSE CREATURES
MAKO SHARK
REPRODUCTION
TAP TO RETURN
TO DEPTHS
BACK TO SHARKS
SPECIES COMPARISON
SHARKS: REPRODUCTION
Y
GRAY REEF SHARK
WHAT DO THESE MEAN?
OVIPARITY
TIGER SHARK
VIVIPARITY
OVOVIVIPARITY
BLACKTIP REEF SHARK
BULL SHARK
MAKO SHARK
Y
IT
IT
AR
IP
OV
AR
IP
VIV
Y
IT
AR
IP
OV
OV
cephalopods
squid
octopus
+
+
INTRODUCTION PAGE
The Marine Life of the Northwest kiosk is in essence a large visually interactive
database of pacific ocean sea creatures local to the Northwest. The screen is comprised of about two-inch thick glass. Though the kiosk in theory would be near a
wall, the back of the glass would be slightly frosted to avoid potential distractions
behind the screen. The user is cued about touch-sensitive icons through the use
of the color green as almost everything that is “clickable” employs this color. The
user is also informed about the button style immediately on the home page (shown
here) and therefore will be familiar with its touch-ability in later screens. When the
kiosk is not being used, the background of this homepage would appear as if it
is filled with real water with slight undulating ripples and perhaps the occasional
bubble floating up. When the user presses “Dive In!” the home page screen slides
up, an action accompanied by a small burst of more bubbles. The Main Menu page
is then revealed.
MARINE LIFE
OF THE NORTHWEST
DIVE
IN!
The user presses to
enter; leads to the
main menu page
MAIN MENU PAGE
After having clicked the “Dive In!” button, the user will come to a page displaying
two options: Browse Creatures or Explore the Depths. When a button is pressed,
it shifts to a grey blue while the user is touching it. The accompanying sound is a
subtle bubble popping noise. If the Browse Creatures button is pressed, the screen
slides to the left to reveal the Creature Category page. If the Explore the Depths
button is pressed, the screen slides up to show the Depths page. On the pages
following the Browse page, there is an option for the user to return much like a
return to a home page.
BROWSE
creatures
EXPLORE
the depths
Takes the user to the
Creature Category page
Button transitions to blue
while being pressed and
makes a subtle bubble
popping sound once
Takes user to the Ocean
Depths page
BROW
EXPL
CREATURE CATEGORY
The Creature Category page is the more linear option for browsing the creature database. Featured here is an dialogue box on the left displaying all the different creature categories that the user may jump to. When a category is touched and selected,
green buttons displaying the specific species within that category will emerge into
view. If there are more than four species available, an arrow icon will also emerge
to the right of the buttons, prompting the user to view more options. If the user
clicks on a specific species, the page will transition to that species’
individual information page.
BACK TO MAIN MENU
BROWSE CREATURES
explore species
CRUSTACEANS
SHARKS
SPONGES
ANEMONES
SEA BIRDS
SHARKS
MOLLUSKS
GRAY REEF SHARK
TIGER SHARK
BULL SHARK
BLACKTIP REEF SHARK
ECHINODERMS
WHALES
Returns user back to the
main menu page when
pressed
When category is pressed,
buttons interchange to
represent the selected
species
When user presses a
particular species, the
screen transfers to that
creature’s individual page
Displays more species
within that category if
there are more than four
in the database
OCEAN ZONES
BY DEPTH
BACK TO MAIN MENU
The Ocean Depths page is the more visual option for browsing the creature
database. It is somewhat like an infographic in that the information about each
zone is positioned according to its actual orientation to the other depths. In other
words, as the user scrolls the screen up (and therefore moves down the page), he
or she is metaphorically sinking down farther into the ocean. To further this effect,
the subtle blue water gradient in the background becomes darker the farther down
the page the user travels. A helpful feature included here is a sound button next
the title of each zone, giving the user the option to hear precisely how the word is
pronounced. This feature is repeated in other areas of the exhibit as well. Another
feature is the Fun Fact icon which, when pressed, expands with a similar popping
sound as the other buttons to display an interesting fact relating to that particular
zone.
INFO
EPIPELAGIC ZONE
o
DEPTHS PAGE [info]
SUNLIGHT ZONE
SEA
LIFE
x
INFO
It extents from the surface to 200 meters (656 feet).
Its known as the sunlight zone because this is where most of the visible light exits.
This layer is responsible for the wide range of tempertures that occur because the
water becomes heated from the sun.
90% of the sea animals live in this zone.
This zone is known for having the most sharks.
MESOPELAGIC ZONE
INFO
BY DEPTH
TWILIGHT ZONE
EPIPELAGIC ZONE
o
BACK TO MAIN MENU
OCEAN ZONES
o
200m
600ft
Plant life only lives here because it has the light needed for photosynthesis, which
produces oxygen and some carbon.
SUNLIGHT ZONE
Returns user to the Main
Menu page
INFO
SEA
When LIFE
the user presses the
When pressed, the Fun
It
extents
from
the
surface
to 200tometers
Sea Life button, the
Fact Icon expands
show (656 feet).
information box fades
a relevant fact about that
Its
known
as
the
sunlight
zone because
away to reveal creature
zone this is where most of the visible light exits.
This layer is responsible for the wide range of tempertures that occur because the
icons which represent each
water becomes heated from the sun.
species category (see next
page for layout)
90% of the sea animals live in this zone.
This zone is known for having the most sharks.
Plant life only lives here because it has the light needed for photosynthesis, which
produces oxygen and some carbon.
x
x
FUN FACT
THE DADDY SEAHORSE GIVES
BIRTH RATHER
THAN THE MOMMY
OCEAN ZONES
BY DEPTH
BACK TO MAIN MENU
INFO
EPIPELAGIC ZONE
SUNLIGHT ZONE
200m
600ft
SEA
LIFE
MESOPELAGIC ZONE
o
The information about each depth is the element that displays first when the user
arrives at the Depths page, however on the left hand side there is a button labeled
“Sea Life” that he or she may press to switch the display from information to icons
representing species that reside in each zone, as is seen here. When a creature icon
is pressed, a dialog box appears showing the specific species available according to
that category, much like the Creature Category page. If then the user selects a particular species, he or she is then taken to that species’ individual information page.
o
DEPTHS PAGE [sea life]
OCEAN ZONES
TWILIGHT ZONE
BY DEPTH
BACK TO MAIN MENU
SHARKS
SUNLIGHT ZONE
When a creature category
icon is pressed, a dialogue
box of specific species
appears; these lead to
individual creature pages
200m
BASKING SHARK
GREAT WHITE SHARK
TIGER SHARK
GRAY REEF SHARK
PORBEAGLE SHARK
THRESHER SHARK
600ft
When pressed, the sound
icon will say the name SEA
of
LIFE
the zone outloud so the
user can learn how to
pronounce it correctly
explore more sharks
o
Returns user to the
information view
EPIPELAGIC ZONE
o
INFO
BACK TO CATEGORIES
GRAY REEF SHARK
1000m
CHARCHARHINUS AMBLYRHYNCHOS
On the far left of the display screen is a reference to the Ocean Depths page. This
element shows visually at what depth the creature being presented occupies and
acts as a link back to the Depths page. The user can click on any of the depths
listed and the screen will transition to that particular depth on the Depths page.
CHARCHARHINUS AMBLYRHYNCHOS
4000m
?
6000m
DIET
BASICS
This species is very curious and is prone to investigate events in circumstances where food stimuli are
not present (such as divers entering the water).
Although this shark is active during the day, it is
more active nocturnally. Grey reef sharks can lay
BASICS
cent toagainst
areas ofthe
strong
currents.
Occurs
at a depth
reef face
before
attacking.
They
fromtend
the surface
and intertidal
down
to atconditions
least 100
to be aggressive
under
baited
m (max.
280
m). into
Active
strong-swimming
andabout
readily
enter
an and
excited
11000mmob feeding
social species.
Formfeeding
daytime
schools
aggregapattern (true
frenzies
areorextremely
tions
areas
reef passes,
rare),inatfavoured
which time
theysuch
mayas
become
quite
lagoons, dangerous
or places near
passes.
to humans.
!
POPULATION
DIET
REPRODUCTION
TAP TO RETURN
TO DEPTHS
Takes user to the Depths This species is very curious and is prone to investipage at the depth displayed gate events in circumstances where food stimuli are
BACK TO CATEGORIES
200m
LIFESPAN
When a creature category
icon is pressed, a dialogue
box of specific species
appears; these lead to
individual creature pages
GRAY REEF SHARK
EPIPELAGIC ZONE
400m / 600ft
1000m
11000m
LIFESPAN
COMPARE SPECIES
not present (such as divers entering the water).
Although this shark is active during the day, it is
more active nocturnally. Grey reef sharks can lay
When a creature category
icon is pressed, a dialogue
box of specific species
appears; these lead to
individual creature pages
DIET
COMPARE SPECIES
!
FUN FACT
THE DADDY SEAHORSE GIVES
BIRTH RATHER
THAN THE MOMMY
x
4000m
POPULATION
6000m
REPRODUCTION
TAP TO RETURN
TO DEPTHS
CHARCHARHINUS AMBLYRHYNCHOS
?
o
6000m
Takes user to the
Infographic page of the
selected category (in this
case, Diet)
BASICS
A common coastal-pelagic and inshore species.
Found around coral reefs, often in deeper areas near
drop-offs to the open ocean, shallow lagoons adjacent to areas of strong currents. Occurs at a depth
from the surface and intertidal down to at least 100
m (max. about 280 m). Active and strong-swimming
social species. Form daytime schools or aggregations in favoured areas such as reef passes,
lagoons, or places near passes.
coastal-pelagic
Gray reef
sharks feed onand
reefinshore
fishes,species.
squids,
Lastly, this page is acts as a portal to infographics comparing the aforementionedA common
Found
around
coral
reefs,
often
in
deeper
areas
near
cephalopods,
crabs,
lobsters,
and
shrimps.
categories (diet, lifespan, population, and reproduction) within the selected creature
drop-offs
to
the
open
ocean,
shallow
lagoons
adjaThey
have
been
observed
herding
fishes
category. These are accessed when the user presses “Compare Species”.
4000m
?
BASICS
o
EPIPELAGIC ZONE
400m / 600ft
EPIPELAGIC ZONE
400m / 600ft
1000m
o
This page contains all the information available in the database about the selected
creature. A minor organizational element applied here is the category icon next to
the title of the creature page, which indicates and references back to the creature
category chosen. It is here the user can read about aspects like basic facts, diet,
BACK
TO CATEGORIES
lifespan,
population
and reproduction. At any one time, only one of these categories of information is displayed. The user presses the buttons on the right indicating
the categories and alternate information transitions in. It is only on this page as well
that full color images of the creatures are shown. On the left side of the information box, the user is able to browse a gallery of full color images of that particular
species. A fun fact capability is also used here and is specific to the creature being
presented.
200m
GRAY REEF SHARK
200m
INDIVIDUAL SPECIES PAGE
When a creature category
icon is pressed, a dialogue
box of specific species
appears; these lead to
individual creature pages
DIET
BASICS
BASICS
A common
coastal-pelagic
Gray reef
sharks feed onand
reefinshore
fishes,species.
squids,
Found around
coral reefs,
often
in deeper
near
cephalopods,
crabs,
lobsters,
andareas
shrimps.
drop-offs They
to thehave
openbeen
ocean,
shallowherding
lagoonsfishes
adjaobserved
cent toagainst
areas ofthe
strong
currents.
Occurs
at a depth
reef face
before
attacking.
They
fromtend
the surface
and intertidal
down
to at
least 100
to be aggressive
under
baited
conditions
m (max.
280
m). into
Active
strong-swimming
andabout
readily
enter
an and
excited
mob feeding
social species.
Form
daytime
schools
aggregapattern (true
feeding
frenzies
areorextremely
tions
areas
reef passes,
rare),inatfavoured
which time
theysuch
mayas
become
quite
lagoons, dangerous
or places near
passes.
to humans.
DIET
This species is very curious and is prone to investigate events in circumstances where food stimuli are
not present (such as divers entering the water).
Although this shark is active during the day, it is
more active nocturnally. Grey reef sharks can lay
LIFESPAN
COMPARE SPECIES
11000m
! FACT
FUN
THE DADDY SEAHORSE GIVES
BIRTH RATHER
x
POPULATION
BACK TO SHARKS
SPECIES COMPARISON
SPECIES COMPARISON [diet]
SHARKS: DIET
This infographic page is a visual representation of the percentages of different
types of food a certain species consumes. To discover the details, the user presses a
specific creature icon and its chart expands (see next page for example). To choose
a different category of comparison, the user presses the title located underneath
the Species Comparison headline to access a dialog box listing the other choices.
TIGER SHARK
GRAY REEF SHARK
+
MAKO SHARK
BLACKTIP REEF SHAR
SHARK
+
When the category title is
pressed, a dialogue box
expands to show the other
infographic categories
available
When the user presses an
individual chart or the
accompanying
magnifying glass icon, a
close-up of the graph
expands (see next page)
+
+
BULL SHARK
+
BACK TO SHARKS
Reveals more species if
there are more than five
SPECIES COMPARISON
SHARKS: DIET
T
DIET
compare
DIET
POPULATION
REPRODUCTION
GRAY REEF SHARK
+
BACK TO SHARKS
SPECIES COMPARISON [diet]
SPECIES COMPARISON
SHARKS: DIET
The Diet infographic close-up after pressing a specific chart.
crustaceans
TIGER SH
SHA
AR
RK
GR
RAY
AY REEF SHARK
bony fish
crabs
lobsters
+
GRAY REEF SHARK
MAKO SHARK
BULL SHARK
BLACKTIP REEF SHARK
+
When the user clicks on
the zoom out magnifying
glass, the close-up fades
until all the graphs are
revealed again
cephalopods
squid
octopus
+
+
BACK TO SHARKS
SPECIES COMPARISON [lifespan]
SPECIES COMPARISON
SHARKS: LIFESPAN
25
2
5 yrs
This infographic details for how long each particular species lives on average,
with the blocks of different shades representing units of ten years. As on the diet
infographic page, the user can flip between different infographics by accessing the
dialog box under the category title. If there are more than five species as are shown
here, the user presses the downward arrows to reveal the rest.
4400 yrs
GRAY REEF SHARK
12
1
2 yrs
TIGER SHARK
16 yrs
BLACKTIP REEF SHARK
14 yrs
BULL SHARK
MAKO SHARK
BACK TO SHARKS
Reveals more species if there
are more than five
SPECIES COMPARISON
SHARKS: LIFESPAN
N
LIFESPAN
compare
DIET
POPULATION
REPRODUCTION
GRAY REEF
EF SHARK
SHARK
TIGER SHARK
12
1
2 yrs
When the category title is
pressed, a dialogue box
expands to show the other
infographic categories
available
BACK TO SHARKS
SPECIES COMPARISON
SPECIES COMPARISON [reproduction]
SHARKS: REPRODUCTION
Y
Y
T
RI
T
RI
This infographic has the additional capability of a definition option for the
reproduction terms used. When the user clicks on the highlighted terms on the left,
a dialogue box expands containing the definition.
A
IP
OV
A
IP
V
VI
Y
IT
AR
IP
V
O
OV
GRAY REEF SHARK
WHAT DO THESE MEAN?
TIGER SHARK
OVIPARITY
VIVIPARITY
OVOVIVIPARITY
BLACKTIP REEF SHARK
BULL SHARK
BACK TO SHARKS
SPECIES COMPARISON
MAKO SHARK
SHARKS: REPRODUCTION
N
REPRODUCTION
O
DIET
POPULATION
BACK TO SHARKS
When the category title is
pressed, a dialogue box
expands to show the other
infographic categories
available
REPRODUCTION
GRAY REEF SHARK
SPECIES COMPARISON
SHARKS: REPRODUCTION
N
REPRODUCTION
WHAT DO THESE MEAN?
When the user clicks a term,
a dialogue box containing the
definition
expands
TY
TY
RI
RI
A
IP
compare
OV
DIET
POPULATION
REPRODUCTION
GRAY REEF SHARK
VI
V
A
IP
OVIPARITY
R
PA
I
OV
OV
Y
IT
VIVIPARITY
OVOVIVIPARITYY
DEFINITION
TIGER SHARK
laying eggs
Other species of sharks will
lay eggs in a well hidden
area. The eggs are in a protective case that makes it
difficult for predators to get
to them even if they do find
them. There can be only a few
or more than 100 eggs laid at
a time by a female shark.
Since sharks don’t have very
many enemies even the little
ones are often able to survive
at a very high rate.
BLACKTIP REEF SHARK
BULL SHARK
MAKO SHARK
WHAT DO THESE MEAN?
TIGER SHARK
Y
IT
R
PA
VI
compare