|
|
<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">
|
|
|
</head>
|
|
|
<body>
|
|
|
<!-- Nav bar -->
|
|
|
<nav>
|
|
|
<ul>
|
|
|
<li><a href="../index.html">Home</a></li>
|
|
|
<li><a href="">About</a></li>
|
|
|
|
|
|
<!-- Can this list be turned into li's like above please?
|
|
|
3 Introduction 7 Making: 9 Backplaces 19 Talking Documents 31 Wink 39 What do graphic designers do all day. and why do they do it. and. what does "graphic. design" even mean????!!1!? .49 Writing: 51 <?water bodies> 103 Performing the Bureaucratic. Border(line)s 157 Fair Leads 201 ⊞ 253 Special Issues: 255 Garden Leeszaal 267 Console 273 TTY -->
|
|
|
</ul>
|
|
|
</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>
|
|
|
<img src="../irmak/leeszaal knot poems.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>
|
|
|
<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/printp3.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>
|
|
|
<img src="../irmak/printp4.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/printp1.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>
|
|
|
<img src="../irmak/printp2.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> Over the past two years, I've been 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. It
|
|
|
serves as a beginning for a longer research.
|
|
|
</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>
|
|
|
<img src="../irmak/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>
|
|
|
<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> |