Discovery fase

Hoofdstuk 1

Tijdens de discovery fase hebben wij aan de hand van verschillende methoden en technieken onderzoek gedaan naar de doelgroep, de opdrachtgever en de context van de opdracht. Aan de hand van deze onderzoeksresultaten kunnen we ervoor zorgen dat ons eindproduct goed aansluit bij de wensen van de verschillende stakeholders.

Ontdek hoofdstuk Skip naar volgende

Stakeholders

Aan het begin van de minor hebben we een workshop gedaan samen met onze opdrachtgever Marianne en docent Bruce. Met hun hebben we de stakeholders van de Koninklijke Bibliotheek duidelijk in kaart kunnen brengen.

Onderzoek

Wij hebben onderzoek gedaan door middel van deskresearch, interviews, enquêtes, onderzoek naar technische mogelijkheden, brand-research en onderzoek naar verschillende doelgroepen. Uit het onderzoek hebben we de belangrijkste inzichten gehaald, die hieronder beschreven staan.

Ook is er bij jongeren een daling te zien in leestijd binnen de afgelopen 5 jaar terwijl deze bij ouderen stabiel bleef.

Enquete

Ik lees liever fysieke boeken of op mijn telefoon.

Interview

Merendeels van de doelgroep zou geïnteresseerd zijn om literatuur op een andere manier te ervaren.

Enquete

Ik heb niet genoeg concentratie om te lezen.

Interview

De reden waarom de doelgroep leest is het vaakst "om te ontsnappen aan de realiteit".

Enquete

Merendeels van de doelgroep leest op jaarbasis 1-3 boeken.

Desk research

Ik ben niet geïnteresseerd in literatuur.

Interview

Het blijkt dat de Nederlandse jeugd nog minder leest dan dat wij dachten.

Enquete

Ik heb te weinig tijd om te lezen.

Interview

Criteria

Voor ons ontwerp hebben we uiteraard een aantal ontwerp criteria opgesteld om te voldoen aan de behoeftes van de stakeholders.

1

De plek van digitale literatuur

Het project laat zien dat er ook buiten exposities, festivals en musea een markt is voor producten op het snijvlak van digitale literatuur en media.

2

Multimedia

Het kan gaan om verschillende elementen waarin fysieke uitingen en digitale toepassingen met elkaar verweven zijn, zoals in een expositie met een app, maar dat is geen vereiste.

3

Schaalbaarheid

Idealiter is het ontwerp verplaatsbaar en/of opschaalbaar naar andere vestigingen of plekken.

4

User-centered

Het product is gericht op jongeren en moet op hun behoeften aansluiten.

Ideation fase

Hoofdstuk 2

Na de Discovery fase gaan we over tot de Ideation fase. Hier gaan we aan de hand van de inzichten uit ons onderzoek een oplossing bedenken voor onze ontwerpvraag. Dit betekent dat we als groep gaan brainstormen aan de hand van creatieve technieken om zo veel ideeën te creëren!

Ontdek hoofdstuk Skip naar volgende

Concepting

Nu al het onderzoek gedaan is en we bruikbare inzichten hebben, kunnen we gaan brainstormen! We zijn begonnen met ieder een aantal divergerende en convergerende technieken op te zoeken. Deze hebben we allemaal naast elkaar gezet en om te bepalen welke wij het beste konden gaan gebruiken hebben we "Dot voting" gedaan. Een techniek waarbij elk teamlid zijn top 3 aanvinkt. Zo hebben we gekozen voor de techniek "brainwriting" waarbij iedereen in de eerste ronde zijn ideeën opschrijft, waarop in de volgende ronde de volgende persoon verder gaat op de ideeën van de vorige persoon.

We hebben in totaal 5 rondes gedaan en hieruit kwamen 117 ideeën! Om deze ideeën weer te convergeren hebben we de "COCD Box" techniek gebruikt, waar ze verdeeld worden in "gewone ideeën" of "originele ideeën" en "realiseerbaar" en "(nog) niet realiseerbaar". Zo konden we komen tot ongeveer 11 goede ideeën en om tot de 3 beste te komen, hebben we gestemd.

1

Mystery Solving 101

Bij dit concept nemen we de lezer mee in het verhaal. We willen bij verschillende genre’s fysieke voorwerpen meeleveren die onderdeel zijn van het verhaal. Deze voorwerpen zitten in een doos met QR-codes die een interactie bieden met de lezer en tot nadenken zetten. Hierdoor wordt de lezer een onderdeel van het verhaal.

2

Literatuur Komt Tot Leven

Dit concept neemt literatuur mee naar de buitenwereld. We willen op verschillende manieren literatuur (verhaal of gedichten) vormgeven op gebouwen en huizen door een stad. Hierdoor kan de lezer het verhaal volgen in een zoektocht, maar ook de stad leren kennen.

3

The Sound of Literature

Bij dit prototype ligt de nadruk op de audio combinatie met literatuur. Bij het kiezen van een boek zal de mogelijkheid toe worden gevoegd om audio af te spelen tijdens het lezen. Deze optie is links boven te vinden. De muziek zal afgesteld zijn op de emoties binnen die pagina. Dit zal zo de algehele ervaring verbeteren en een extra ervaring voor de zintuigen leveren.

Kill your darling

Om van deze 3 concepten weer tot 1 final concept te komen hebben interviews gehouden met de doelgroep en de opdrachtgever om feedback te verzamelen. We hebben ook gekeken hoe inclusive de drie concepten waren en in hoeverre ze aansluiten bij de ontwerp criteria. Hier kwamen we tot de conclusie dat alle concepten goede elementen bevatten en hebben dus gekozen om deze samen te voegen tot 1 concept zodat deze het beste aansluit op de behoeften van de stakeholders.

Maak kennis met...

Wat is Bookbite?

Bookbite is een (web) applicatie waar jongeren een persoonlijk profiel kunnen opstellen waarin hun interesses, behoeftes, voorkeuren en wensen, wat betreft literatuur en het ervaren ervan, duidelijk worden.

Aan de hand van dit profiel zal de app aanbevelingen doen over welke boeken dan bij jou passen. In de app is het dan ook mogelijk om deze aanbevolen boeken te lezen. Aan de hand van het profiel zal er dan ook een persoonlijke ervaring worden gecreëerd door het gebruik van muziek (waar de focus gestimuleerd kan worden) en visuele ondersteuningen.

Benieuwd hoe het is geworden?

Probeer het zelf!

Creation fase

Hoofdstuk 3

Tijdens de Ideation fase zijn we tot een aantal concepten gekomen, deze hebben we verwerkt tot 1 concept, welke het beste aansluit op ons onderzoek. Nu is het dus tijd voor de Creation fase, waar we dit concept gaan realiseren met een prototype! Hier gaan we dus alles wat we nodig hebben voor een goed product uitwerken, om ook deze weer te testen bij onze stakeholders.

Ontdek hoofdstuk Skip naar volgende

Job stories

Voor het maken van de wireframes en het prototype hebben we jobstories opgesteld. Ze zijn bedoeld om vast te stellen welke functionaliteiten er in het product horen te zitten. Zo komen we tot een gebruiksvriendelijk eindproduct.

Deze job stories zijn gebaseerd op het artikel Replacing The User Story With The Job Story en gefiltered op de meest essentiele functies voor het MVP (Minimal Viable Product). Mocht je ze allemaal willen lezen, check dan onze Notion pagina.

Audio settings

When the book has audio, I want to be able to turn it on and off, so I can have control over when I want to use audio while I read.

Must have

Audio type

When the book has audio, I want to be able to choose the type of audio, so I can choose an audio that is suited for me when i read.

Must have

Audio type

When the book has audio, I want to have it not be distracting, so I can concentrate on the story.

Must have

Home page

When I am using the product, I want to have a page where I can go back to every time, so I can find my way through the product.

Must have

Menu

When I'm on any page, I want to be able to navigate through the product, so I can find the new page I'm looking for.

Must have

Privacy settings

When I'm not satisfied with the way the product uses my data, I want to change them, so I can feel safe using the product.

Must have

Search books

When I'm looking for a new book to read, I want to search for it, so I can find it quickly and easily.

Must have

Visuals in background

When I read a book with visuals in the background, I want to be able to see the text clearly, so I can read properly and not be disctracted.

Must have

Wireframes

Om de functionaliteiten van ons product voor ogen te zien en te kunnen testen hebben we wireframes opgesteld, ook als basis voor ons prototype. Aan de hand van onze jobstories hebben we bepaald welke functionaliteiten de app hoort te hebben en deze zijn in de wireframes verwerkt. Belangrijke keuzes hierin zijn: de navigatiebalk onderin het scherm, de zoekfunctie (op genre, auteur, titel) en een aantal belangrijke instellingen.

Light mode

Dark mode

Logo's

Wordmark

Kleurstijlen

Primary

Secondary

Background

Light

Dark

Tekststijlen

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Lora Medium Roman • Headers (origineel)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Epilogue Bold • Headers (aangepast)

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

Epilogue Regular • Body

Prototyping

Het prototype hebben we in eerste instantie gemaakt met Figma, maar na de eerste user tests merkte we al dat we de verfijning miste om mensen echt op te nemen in een effectieve user test.

Daarom kozen we ervoor om te gaan werken met Eleventy, een static site generator waarmee we ons prototype echt konden coderen. We hebben hiervoor gekozen aangezien je met Eleventy ook data kunt hangen aan de pagina's die je maakt. Zo kun je nu makkelijk boeken toevoegen aan het prototype, of schrijvers. Op deze manier is het schaalbaar en konden we makkelijk de content aanpassen voor de user tests. Daarnaast is dit ook een manier waarmee de Koninklijke Bibliotheek tot op een zekere hoogte makkelijk zelf aan de slag kan.

Test het prototype zelf Check code op Github

Testen

Uiteraard is het ook belangrijk om de functionaliteiten te testen bij de gebruiker. We hebben een usability test gehouden met 6 gebruikers. Hier hebben we de gebruiker een aantal acties uit te voeren door het prototype heen, om te kijken of de functie en de weergave duidelijk is voor de gebruiker.

Ook hebben we achteraf een aantal vragen gesteld om achter hun meningen en ervaringen te komen van het concept. Hier zijn een aantal quotes uitgekomen om nog te verwerken.

Goede muziek die aansluit op genres werkt het beste."

Het thema is te donker. Mogelijk een day time modus."

Mogelijk een optie om boeken te downloaden, zodat ik ze onderweg kan lezen."

Schrok in de eerste instantie van de audio. Mogelijk later aanzetten of faden."

Ik zou dit zeker voor onderweg gebruiken."

Overzichtelijk."

Overdragen

Hoofdstuk 4

Ter afronding van ons project willen wij de Koninklijke Bibliotheek graag zo veel mogelijk handvaten bieden om verder met het product te gaan. Daarom in dit hoofdstuk een aantal essentiele bronnen om hierbij te helpen.

Ontdek hoofdstuk

Aanbevelingen

Uit de user test en de gesprekken met onze opdrachtgever (Marianne) zijn een aantal belangrijke punten gekomen die nog aangepakt moeten worden wanneer dit product wordt voortgezet. We hebben ze gefilterd en de meest essentiele gepakt om hier te delen.

Andere leesvormen

Ook de mogelijkheid bieden tot luisterboeken. Misschien zelf de gebruikers hun eigen luisterboeken laten maken.

Cross-platform

Het product kan nog uitgebreid worden naar zowel tablet, als desktop. Aan te raden hiervoor React of Electron te gebruiken.

Light mode

Onze testpersonen hebben aangegeven ook graag een light mode te hebben. Verder zouden ze voor het lezen en de app zelf individeel willen kiezen voor licht of donker.

Verbeteringen privacy

Gebruikers meer de mogelijkheid geven hun eigen data en privacy aan te passen. Optie tussen data- en/of verwijderen bijvoorbeeld.

Verbeteringen leeservaring

De leeservaring is te verbeteren door de soundtrack lanzaam in te laten faden, pagina's te gebruiken ipv scrollen, maar vooral ook berichten te blokken voor de extra concentratie.

User generated content

Een extra social aspect aan het product, zou het maken en delen van eigen visualisaties, muziek, en sound effects kunnen zijn.

Met dank aan

Om ons project successvol af te sluiten, konden we absoluut niet zonder deze geweldige mensen en tools, die willen we bij deze enorm bedanken! We hebben op jullie kunnen vertrouwen voor feedback, hulp, en begeleiding, wat allemaal heeft bijgedragen aan een geweldige tijd voor ons allen!

Hogeschool Rotterdam

Bruce Moerdjiman

Jasper Schelling

Koninklijke Bibliotheek

Marianne Hermans

Ted van der Togt

Thomas Haighton

Onze lieve testpersonen

Chanouk

Vera

Sulisa

Yasemin

Tycho

Thomas

Reinout

Lars

Onze geweldige tools

Figma Notion Miro Lookback Github