about this project
A Speculative Interface
What if user interface design could mimic forms found in nature? Edna Lawrence has said that “Nature has been the inspiration for the Arts through the history of [humankind]—cave paintings, structures, buildings...one can always turn to it as a source for ideas and inventions.” It is in this same spirit that this project was initiated: to explore nature as metaphor within front-end web design and development.
Process + Goals
June 44 is an archive of 44 years of tidal data recorded on the Patapsco River at Fells Point, Baltimore Harbor, Maryland. Each 5 year period in the archive is tidal data visualized. The data set was recorded from each year on June 1, from 1970–2015. This project was created to aid in an initial understanding of the natural process of tidal ebb and flood currents, in addition to their formal qualities. The visualizations were then turned into content for a digital archive, which was designed by using the metaphor of archive as tidal flood and ebb current, using biomimicry as a design process for emulation.

My hope is that this exploration might spark questions about our conventional uses of affordances, shape, meaning, and semantics withing user interface design. By using a speculative biomimetic approach to the visual design of interfaces, how might we imagine new types of digital affordances? Would more organic forms allow for a more intuitive ease of use, healtier (biophilic) online experiences, or even act as a better tool for designers to build, organize, and innovate within web design?
What is Biomimicry?
Biomimicry is a design process which looks to nature as inspiration for innovation. Through this project, I'm seeking to understand biomimicry within user interface design and front-end development. The biomimetic process can be summarized into four components: scoping, discovering, creating, and evaluating. What differs from typical design processes is that the discovery phase involves looking to natural models and abstracted biological strategies as research, rather than human-centered models of investigation. Various aspects of emulating nature through form, process, and ecosystems can be used within this process.
June 44
June 44 is a tidal archive of the Patapsco River at Fells Point in Baltimore, Maryland.
1970–1974
Tides 1970–1975

June 1, 1970

high tide / 5:27 A.M. EDT

2.17 ft

Low Tide / 12:51 P.M. EDT

0.51 ft

High Tide / 5:20 P.M. EDT

1.22 ft

Low Tide / 12:51 P.M. EDT

0.23 ft

June 1, 1971

high tide / 1:41 A.M. EDT

1.54 ft

Low Tide / 8:11 A.M. EDT

0.73 ft

High Tide / 1:42 P.M. EDT

1.47 ft

Low Tide / 8:30 P.M. EDT

0.53 ft

June 1, 1972

high tide / 10:13 A.M. EDT

1.93 ft

Low Tide / 3:47 A.M. EDT

0.55 ft

High Tide / 10:58 P.M. EDT

1.34 ft

Low Tide / 5:43 P.M. EDT

0.49 ft

June 1, 1973

high tide / 7:22 A.M. EDT

2.39 ft

Low Tide / 12:32 A.M. EDT

0.18 ft

High Tide / 7:40 P.M. EDT

1.24 ft

Low Tide / 3:01 P.M. EDT

0.37 ft

June 1, 1974

high tide / 4:53 A.M. EDT

2.09 ft

Low Tide / 12:10 P.M. EDT

0.54 ft

High Tide / 4:45 P.M. EDT

1.28 ft

Low Tide / 11:01 P.M. EDT

0.27 ft

1975–1979
Tides 1975–1979

June 1, 1975

high tide / 12:51 A.M. EDT

1.51 ft

Low Tide / 7:04 A.M. EDT

0.73 ft

High Tide / 12:47 P.M. EDT

1.55 ft

Low Tide / 7:43 P.M. EDT

0.51 ft

June 1, 1976

high tide / 9:38 A.M. EDT

2 ft

Low Tide / 3:16 A.M. EDT

0.5 ft

High Tide / 10:22 P.M. EDT

1.37 ft

Low Tide / 5:08 P.M. EDT

0.43 ft

June 1, 1977

high tide / 9:38 A.M. EDT

2 ft

Low Tide / 3:16 A.M. EDT

0.5 ft

High Tide / 10:22 P.M. EDT

1.37 ft

Low Tide / 5:08 P.M. EDT

0.43 ft

June 1, 1978

high tide / 9:38 A.M. EDT

2 ft

Low Tide / 3:16 A.M. EDT

0.5 ft

High Tide / 10:22 P.M. EDT

1.37 ft

Low Tide / 5:08 P.M. EDT

0.43 ft

June 1, 1979

high tide / 12:05 A.M. EDT

1.42 ft

Low Tide / 5:57 A.M. EDT

0.66 ft

High Tide / 12:06 P.M. EDT

1.67 ft

Low Tide / 7:16 P.M. EDT

0.54 ft

1980–1984
Tides 1980–1984

June 1, 1980

high tide / 9:10 A.M. EDT

2.09 ft

Low Tide / 2:40 A.M. EDT

0.45 ft

High Tide / 9:49 P.M. EDT

1.3 ft

Low Tide / 4:47 P.M. EDT

0.42 ft

June 1, 1981

high tide / 6:21 A.M. EDT

2.3 ft

Low Tide / 1:46 P.M. EDT

0.37 ft

High Tide / 6:35 P.M. EDT

1.37 ft

June 1, 1982

high tide / 3:47 A.M. EDT

1.77 ft

Low Tide / 10:42 A.M. EDT

0.55 ft

High Tide / 3:56 P.M. EDT

1.48 ft

Low Tide / 10:33 P.M. EDT

0.41 ft

June 1, 1983

high tide / 11:27 A.M. EDT

1.77 ft

Low Tide / 4:56 A.M. EDT

0.59 ft

Low Tide / 6:50 P.M. EDT

0.59 ft

June 1, 1984

high tide / 8:39 A.M. EDT

2.19 ft

Low Tide / 1:54 A.M. EDT

0.39 ft

High Tide / 9:12 P.M. EDT

1.17 ft

Low Tide / 4:27 P.M. EDT

0.43 ft

1985–1989
Tides 1985–1989

June 1, 1985

high tide / 5:50 A.M. EDT

2.28 ft

Low Tide / 1:17 P.M. EDT

0.44 ft

High Tide / 5:54 P.M. EDT

1.28 ft

Low Tide / 11:55 P.M. EDT

0.15 ft

June 1, 1986

high tide / 3:04 A.M. EDT

1.69 ft

Low Tide / 9:56 A.M. EDT

0.6 ft

High Tide / 3:14 P.M. EDT

1.47 ft

Low Tide / 9:54 P.M. EDT

0.45 ft

June 1, 1987

high tide / 10:44 A.M. EDT

1.81 ft

Low Tide / 4:06 A.M. EDT

0.55 ft

High Tide / 11:21 P.M. EDT

1.31 ft

Low Tide / 6:10 P.M. EDT

0.61 ft

June 1, 1988

high tide / 8:03 A.M. EDT

2.25 ft

Low Tide / 1:10 A.M. EDT

0.34 ft

High Tide / 8:31 P.M. EDT

1.13 ft

Low Tide / 3:54 P.M. EDT

0.43 ft

June 1, 1989

high tide / 5:13 A.M. EDT

2.26 ft

Low Tide / 12:42 P.M. EDT

0.5 ft

High Tide / 5:10 P.M. EDT

1.23 ft

Low Tide / 11:13 P.M. EDT

0.15 ft

1990–1994
Tides 1990–1994

June 1, 1990

high tide / 2:15 A.M. EDT

1.67 ft

Low Tide / 9:03 A.M. EDT

0.65 ft

High Tide / 2:18 P.M. EDT

1.47 ft

Low Tide / 9:04 P.M. EDT

0.44 ft

June 1, 1991

high tide / 10:01 A.M. EDT

1.87 ft

Low Tide / 3:27 A.M. EDT

0.52 ft

High Tide / 10:37 P.M. EDT

1.32 ft

Low Tide / 5:25 P.M. EDT

0.56 ft

June 1, 1992

high tide / 7:27 A.M. EDT

2.25 ft

Low Tide / 7:50 P.M. EDT

0.3 ft

High Tide / 5:20 P.M. EDT

1.21 ft

Low Tide / 3:09 P.M. EDT

0.42 ft

June 1, 1993

high tide / 4:38 A.M. EDT

2.16 ft

Low Tide / 12:01 P.M. EDT

0.51 ft

High Tide / 4:36 P.M. EDT

1.32 ft

Low Tide / 10:52 P.M. EDT

0.19 ft

June 1, 1994

high tide / 1:28 A.M. EDT

1.62 ft

Low Tide / 8:06 A.M. EDT

0.67 ft

High Tide / 1:30 P.M. EDT

1.54 ft

Low Tide / 8:26 P.M. EDT

0.44 ft

1995–1999
Tides 1995-1999

June 1, 1995

high tide / 9:25 A.M. EDT

1.93 ft

Low Tide / 2:55 A.M. EDT

0.5 ft

High Tide / 10:02 P.M. EDT

1.33 ft

Low Tide / 4:49 P.M. EDT

0.5 ft

June 1, 1996

high tide / 6:54 A.M. EDT

2.23 ft

Low Tide / 12:19 A.M. EDT

0.27 ft

High Tide / 7:14 P.M. EDT

1.31 ft

Low Tide / 2:26 P.M. EDT

0.41 ft

June 1, 1997

high tide / 4:09 A.M. EDT

1.99 ft

Low Tide / 11:17 A.M. EDT

0.5 ft

High Tide / 4:13 P.M. EDT

1.47 ft

Low Tide / 10:44 P.M. EDT

0.26 ft

June 1, 1998

high tide / 12:43 A.M. EDT

1.49 ft

Low Tide / 6:59 A.M. EDT

0.63 ft

High Tide / 12:52 P.M. EDT

1.66 ft

Low Tide / 8:03 P.M. EDT

0.51 ft

June 1, 1999

high tide / 8:56 A.M. EDT

2 ft

Low Tide / 2:20 A.M. EDT

0.46 ft

High Tide / 9:28 P.M. EDT

1.26 ft

Low Tide / 4:27 P.M. EDT

0.5 ft

2000–2004
Tides 2000–2004

June 1, 2000

high tide / 6:23 A.M. EDT

2.22 ft

Low Tide / 1:51 P.M. EDT

0.43 ft

High Tide / 6:37 P.M. EDT

2.22 ft

June 1, 2001

high tide / 3:40 A.M. EDT

1.84 ft

Low Tide / 10:38 A.M. EDT

0.33 ft

High Tide / 3:49 P.M. EDT

1.53 ft

Low Tide / 10:28 P.M. EDT

0.33 ft

June 1, 2002

high tide / 12:13 P.M. EDT

1.74 ft

Low Tide / 5:49 A.M. EDT

0.58 ft

Low Tide / 7:34 P.M. EDT

0.59 ft

June 1, 2003

high tide / 8:24 A.M. EDT

2.06 ft

Low Tide / 1:35 A.M. EDT

0.42 ft

High Tide / 8:50 P.M. EDT

1.15 ft

Low Tide / 4:06 P.M. EDT

0.51 ft

June 1, 2004

high tide / 5:47 A.M. EDT

2.24 ft

Low Tide / 1:19 P.M. EDT

0.49 ft

High Tide / 5:52 P.M. EDT

1.23 ft

Low Tide / 11:47 P.M. EDT

0.18 ft

2005–2009
Tides 2005–2009

June 1, 2005

high tide / 3:04 A.M. EDT

1.78 ft

Low Tide / 9:58 A.M. EDT

0.56 ft

High Tide / 3:11 P.M. EDT

1.51 ft

Low Tide / 9:52 P.M. EDT

0.35 ft

June 1, 2006

high tide / 11:26 A.M. EDT

1.77 ft

Low Tide / 4:52 A.M. EDT

0.54 ft

High Tide / 11:56 P.M. EDT

1.37 ft

Low Tide / 6:47 P.M. EDT

0.62 ft

June 1, 2007

high tide / 7:48 A.M. EDT

2.09 ft

Low Tide / 12:53 A.M. EDT

0.41 ft

High Tide / 8:10 P.M. EDT

1.11 ft

Low Tide / 3:32 P.M. EDT

0.51 ft

June 1, 2008

high tide / 5:06 A.M. EDT

2.24 ft

Low Tide / 12:40 P.M. EDT

0.54 ft

High Tide / 5:05 P.M. EDT

1.2 ft

Low Tide / 11:03 P.M. EDT

0.16 ft

June 1, 2009

high tide / 2:22 A.M. EDT

1.78 ft

Low Tide / 9:14 A.M. EDT

0.6 ft

High Tide / 2:23 P.M. EDT

1.51 ft

Low Tide / 9:09 P.M. EDT

0.33 ft

2010–2014
Tides 2010–2014

June 1, 2010

high tide / 10:38 A.M. EDT

1.83 ft

Low Tide / 4:06 A.M. EDT

0.52 ft

High Tide / 11:10 P.M. EDT

1.39 ft

Low Tide / 5:57 P.M. EDT

0.57 ft

June 1, 2011

high tide / 7:12 A.M. EDT

2.07 ft

Low Tide / 12:24 A.M. EDT

0.39 ft

High Tide / 7:30 P.M. EDT

1.17 ft

Low Tide / 2:48 P.M. EDT

0.51 ft

June 1, 2012

high tide / 4:28 A.M. EDT

2.15 ft

Low Tide / 11:52 A.M. EDT

0.55 ft

High Tide / 4:29 P.M. EDT

1.32 ft

Low Tide / 10:40 P.M. EDT

0.18 ft

June 1, 2013

high tide / 1:41 A.M. EDT

1.73 ft

Low Tide / 8:26 A.M. EDT

0.59 ft

High Tide / 1:45 P.M. EDT

1.6 ft

Low Tide / 8:42 P.M. EDT

0.34 ft

June 1, 2014

high tide / 9:58 A.M. EDT

1.91 ft

Low Tide / 3:27 A.M. EDT

0.5 ft

High Tide / 10:31 P.M. EDT

1.38 ft

Low Tide / 5:19 P.M. EDT

0.52 ft

Copyright 2016 Alex Catanese