< 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" > < h1 id = "wink" > Wink!< / h1 >
< h3 id = "a-prototype-for-interactive-childrens-literature" > A Prototype
for Interactive Children’ < / h3 >
< p > Wink is a prototype for an interactive picture book platform. This
platform aims to make reading into a mindful and thought-provoking
process by using interactive and playful elements, multiple stories
within one narrative and sound elements. Especially today when
consumerism and low attention span are rising issues, 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’
for children as there are for adults; such as ebooks, audiobooks etc. But
moreover, a “book” that can be redefined, reread or interacted with.
So I revisited an old story I wrote, translated it 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 to 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’
< figcaption aria-hidden = "true" > “Click game story of the Queen Bee that
is reachable within Maya’ < / figcaption >
< / figure >
< p > Here is some documentation from the beginning of this journey
towards making accessible 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 >
