|
|
<DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<title></title>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<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"><hr />
|
|
|
<h1 id="wink">Wink!</h1>
|
|
|
<hr />
|
|
|
<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/twine.png" class="half-image"
|
|
|
alt="“The twine map of text based story, reachable from Bee Within.”" />
|
|
|
<figcaption aria-hidden="true">“The twine map of text based story,
|
|
|
reachable from Bee Within.”</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.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/cg.png" class="image-95"
|
|
|
alt="“Click game story of the Queen Bee.”" />
|
|
|
<figcaption aria-hidden="true">“Click game story of the Queen
|
|
|
Bee.”</figcaption>
|
|
|
</figure>
|
|
|
<p>Teachers and parents were finding it difficult to find new books
|
|
|
constantly or were tired of rereading the same book.</p>
|
|
|
<figure>
|
|
|
<img src="../irmak/printp33.jpg" class="image-95"
|
|
|
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/printp3.jpg" class="image-95"
|
|
|
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/printp44.jpg" class="image-95" alt="’’" />
|
|
|
<figcaption aria-hidden="true">’’</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/printp4.jpg" class="image-95" alt="’’" />
|
|
|
<figcaption aria-hidden="true">’’</figcaption>
|
|
|
</figure>
|
|
|
<p>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 called it, “Bee Within”.</p>
|
|
|
<p>Bee Within, is a story about grief/memory 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/printp1.jpg" class="half-image"
|
|
|
alt="“example page from the picture book”" />
|
|
|
<figcaption aria-hidden="true">“example page from the picture
|
|
|
book”</figcaption>
|
|
|
</figure>
|
|
|
<figure>
|
|
|
<img src="../irmak/printp22.jpg" class="image-95"
|
|
|
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" class="image-95"
|
|
|
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/improv.JPG" class="half-image"
|
|
|
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" class="image-95"
|
|
|
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" class="image-95"
|
|
|
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>
|
|
|
<figure>
|
|
|
<img src="../irmak/animationseq.png" class="image-95"
|
|
|
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/45.png" class="half-image"
|
|
|
alt="“A screenshot from Wink!”" />
|
|
|
<figcaption aria-hidden="true">“A screenshot from Wink!”</figcaption>
|
|
|
</figure>
|
|
|
</div>
|
|
|
</body>
|
|
|
</html> |