|
|
<DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<title></title>
|
|
|
<meta charset="utf-8">
|
|
|
<link rel="stylesheet" type="text/css" href="../style.css">
|
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
<link rel="icon" type="image/x-icon" href="/img/red.png">
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- Nav bar -->
|
|
|
<nav>
|
|
|
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
|
|
|
<div class="gummies">
|
|
|
<div class="gummy">
|
|
|
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
|
|
|
<div class="caption">ada</div>
|
|
|
</div>
|
|
|
<div class="gummy">
|
|
|
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
|
|
|
<div class="caption">aglaia</div>
|
|
|
</div>
|
|
|
<div class="gummy">
|
|
|
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
|
|
|
<div class="caption">irmak</div>
|
|
|
</div>
|
|
|
<div class="gummy">
|
|
|
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
|
|
|
<div class="caption">stephen</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
</nav>
|
|
|
<div id="content"><h1 id="wink">Wink!</h1>
|
|
|
<h3 id="a-prototype-for-interactive-childrens-literature">A Prototype
|
|
|
for Interactive Children’s Literature</h3>
|
|
|
<p>Wink is a prototype for an interactive picture book platform. This
|
|
|
platform aims to make reading into a mindfull and thought provoking
|
|
|
process by using interactive and playful elements, multiple stories
|
|
|
within one narrative and sound elements. Especially today where
|
|
|
consumerism and low attention span is a rising issue especially amongst
|
|
|
young readers, this was an important task to tackle. The thought of Wink
|
|
|
emerged to find a more sustainable and creative way of reading for
|
|
|
elementary school children.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/improv.JPG"
|
|
|
alt="“a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee”" />
|
|
|
<figcaption aria-hidden="true">“a tag made by a participant in the
|
|
|
public moment at XPUB studio. Trying to understand different approaches
|
|
|
to certain emotions/states for a bee”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/leeszaalknotpoems.jpg"
|
|
|
alt="“From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?”" />
|
|
|
<figcaption aria-hidden="true">“From the event at Leeszaal West,
|
|
|
experimenting with knots and poetry. How can we see movement in
|
|
|
text?”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/knotpoems2.jpg"
|
|
|
alt="“From the event at Leeszaal West. Some of the results of knotting text”" />
|
|
|
<figcaption aria-hidden="true">“From the event at Leeszaal West. Some of
|
|
|
the results of knotting text”</figcaption>
|
|
|
</figure>
|
|
|
<p>Working as a children’s literature editor for years, I came to a
|
|
|
realisation that picture books were turning into another object that
|
|
|
kids read and consume on daily basis. At least this is what I observed
|
|
|
in Turkey. Teachers and parents were finding it difficult to find new
|
|
|
books constantly or were tired of rereading the same book. As a young
|
|
|
person in the publishing sector, I believe there should be more options
|
|
|
for children as there is for adults; such as ebooks, audiobooks etc. But
|
|
|
moreover a “book” that can be redefined, reread or be interacted with.
|
|
|
So I revisited an old story I wrote, translated to English and named it,
|
|
|
“Bee Within”.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/print3.jpg"
|
|
|
alt="“Example page from the print version of the picture book.”" />
|
|
|
<figcaption aria-hidden="true">“Example page from the print version of
|
|
|
the picture book.”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/print4.jpg"
|
|
|
alt="“Example page from the print version of the picture book.”" />
|
|
|
<figcaption aria-hidden="true">“Example page from the print version of
|
|
|
the picture book.”</figcaption>
|
|
|
</figure>
|
|
|
<p>Bee Within, is a story about grief and it is based on my experiences
|
|
|
throughout the years. I erased it, rewrote it, edited it, destroyed it
|
|
|
multiple times over the past years, simultaneously with new experiences
|
|
|
of loss. In the end, I believe the story turned out to be an ode to
|
|
|
remembering or might I say an ode to not being able to forget or an ode
|
|
|
to the fear of forgetting which I now think is a great and sweet battle
|
|
|
between death and life. I think it is an important subject to touch
|
|
|
upon, especially for children dealing with trauma in many parts of the
|
|
|
world.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/print1p.jpg"
|
|
|
alt="“example page from the picture book”" />
|
|
|
<figcaption aria-hidden="true">“example page from the picture
|
|
|
book”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/printp2.jpg"
|
|
|
alt="“example page from the picture book”" />
|
|
|
<figcaption aria-hidden="true">“example page from the picture
|
|
|
book”</figcaption>
|
|
|
</figure>
|
|
|
<p>Over the past two years, experimenting with storytelling techniques,
|
|
|
interactivity options and workshops with children and adults, around
|
|
|
reading and doing various exercises on Bee Within, I improved the story
|
|
|
to be a more playful and interactive one which can be re-read, re-played
|
|
|
and eventually re-formed non digitally to be reachable for all
|
|
|
children.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/twine.png"
|
|
|
alt="“The twine map of text based story, reachable from Bee Within by clicking to hear more about Gray the tree.”" />
|
|
|
<figcaption aria-hidden="true">“The twine map of text based story,
|
|
|
reachable from Bee Within by clicking to hear more about Gray the
|
|
|
tree.”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="clickgame.png"
|
|
|
alt="“Click game story of the Queen Bee that is reachable within Maya’s main storyline.”" />
|
|
|
<figcaption aria-hidden="true">“Click game story of the Queen Bee that
|
|
|
is reachable within Maya’s main storyline.”</figcaption>
|
|
|
</figure>
|
|
|
<p>Here is some more documentation from the beggining of this journey
|
|
|
towards making accesible interactive narratives…</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/animationseq.png"
|
|
|
alt="“A small sequence of onclick animation for Bee Within”" />
|
|
|
<figcaption aria-hidden="true">“A small sequence of onclick animation
|
|
|
for Bee Within”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/fictionfriction.CR3"
|
|
|
alt="“Fiction Friction cards from SI20, working on storytelling of collective traumas”" />
|
|
|
<figcaption aria-hidden="true">“Fiction Friction cards from SI20,
|
|
|
working on storytelling of collective traumas”</figcaption>
|
|
|
</figure>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html> |