De grote geschiedenis quiz

Naam Omar Vasquez jesus Studentnummer 500704100 Project Project 5 second screen Opdracht Ontwerpdocument TV programma De Grote Geschiedenisquiz Docent Kai Giussepin Datum 15-1-2018 Versie 1

Voorwoord Dit ontwerpdocument dient als leidraad en verantwoording van de gemaakte keuzes en onderbouwingen van het ontwerp voor de second screen app voor het tv programma De Grote Geschiedenisquiz.

Vanaf nu te noemen: GGQ. Het ontwerpdocument bestaat uit onderzoeken van de doelgroep het tv programma en design patterns, bevindingen, itteraties, concept, scenario en de visual inventory voor de app van GGQ.

Deliverables Prototype Applicatie Invision Gebruikersnaam: omar_jsus@hotmail.com Wachtwoord: 12345 App: https://omaewamoushindeiru.nl/Quizical/ index.html Promotie film Vimeo: https://vimeo.com/251724739

Facebook bericht van De Grotegeschiedenisquiz 1

Bijlagen Doelgroep onderzoek: http:// kijkonderzoek.nl/images/Methodologische_ documenten/2014/18._SKO_methoden_ Beschrijving_leefstijlgroepen.pdf NTR huisstijl onderzoek: https:// www.ntr.nl/static/docs/huisstijl/ntr_ huisstijlmanual_2017_2.0.pdf#content

Twitter bericht van De Grotegeschiedenisquiz 2

Rust in vrede Presentator Joost Karhof Geboren: 8 februari 1969, Gouda Overleden: 26 december 2017 Presentator Joost Karhof 3

Instructies app doorlopen Before

Door op het kalender icoon te drukken kom je in de before state. Je kan hier de dagelijkse quiz vraag maken.

De before state bestaat ook uit de volgende onderdelen: Lijst icoon, dit is de bibliotheek hier staan opgeslagen artikelen die je kan lezen.

Zwaarden icoon, hier kan je een quiz spelen tegen andere app gebruikers. Je kan kiezen uit 1VS1, Team VS Team en GGQ 2017.

During

De before state bestaat ook uit de volgende onderdelen: Lijst icoon, dit is de bibliotheek hier staan opgeslagen artikelen die je kan lezen.

Zwaarden icoon, hier kan je een quiz spelen tegen andere app gebruikers. Je kan kiezen uit 1VS1, Team VS Team en GGQ 2017.

Door op het zwaarden icoon te drukken kom je in de during state. Je kan hier drukken op GGQ 2018 en dan maak je de quiz.

In de praktijk zal dit natuurlijk automatisch door de app gestart worden 10 seconden voor dat het programma begint. Dit is in ieder geval een voorbeeld van hoe de quiz er uit zou komen te zien.

After

Door op de trofee te drukken kom je in de after state of in ieder geval één van de after states, hier kan je de ranglijst zien van de positie van alle deelnemers van de GGQ 2018. Je kan hier ook je prestatie delen via social media. Dit is in het prototype niet verwerkt maar wel in de invision prototype.

De after state bestaat ook uit de volgende onderdelen: • Artikelen lezen in de bibliotheek • Duels spelen tegen andere spelers • Dagelijkse quiz vraag maken

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

Inhoudsopgave 6

De Grote Geschiedenisquiz

7

Doelgroep

9

Concept & Context

11

Before, during, after

13

Job stories

14

Mental model

15

Design patterns

17

Interactie verantwoording

19

Interactie ontwerp

21

Scenario & TV tijdslijn

23

User flow

33

Breakpoint graph

35

Vormgeving & Ontwerpkeuzes

38

Bronnenlijst

Presentator Joost Karhof tijdens De Grotegeschiedenisquiz 2017 4

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

De Grote Geschiedenisquiz

Algemene informatie

Website/Social Media

Over NTR

https://www.npo.nl/de-grote-geschiedenisquiz/03-06-2016/ VPWON_1260242

De NTR maakt speciale programma’s voor alle doelgroepen.

Van Het Klokhuis tot College Tour, van Het Uur van de Wolf tot Nieuwsuur. De NTR is een publieke omroep met wettelijke taken. Deze taken liggen op het gebied van informatie, educatie, cultuur, jeugd en diversiteit. De NTR is ontstaan uit een fusie van NPS, Teleac en RVU.

Land Nederland Omroep Opgericht 2011 Eerste uitzending

2011

Jaarlijks organiseren Andere Tijden, Historisch Nieuwsblad en NRC Handelsblad de Grote Geschiedenisquiz. In deze quiz geen vragen naar pietluttige feitjes, maar vragen en antwoorden die inzicht in geschiedenis vereisen en verschaffen. Bijzondere archiefbeelden illustreren de quiz.

De presentatie is in handen van Joost Karhof. De GGQ is mede mogelijk gemaakt door Historizon. 5

Thema

Informatie, educatie, cultuur

Televisiezender

NTR

Programma

De Grote Geschiedenisquiz

Het doel van de quiz is om zo snel en zo veel mogelijk multiple choice vragen goed te beantwoorden. De teams krijgen elke keer één vraag die ze moeten beantwoorden, ze kunnen kiezen uit A, B of C als antwoordt

Speelduur

± 100 minuten

Tijd

Avond, rond 8 uur

Presentatie

Joost Karhof (overleden)

Aantal uitzendingen

7

Uitzending

mei-juni 2018

Kijkcijfers

Voorrondes 2016 boven 400.000

Voor dat het daadwerkelijke programma begint zijn er voorrondes waar aan iedereen kan meedoen. Je kan dan via de websites van NTR en NRC Handelsblad mee doen met de voorrondes. Je krijgt 25 vragen en door ze allemaal goed te beantwoorden maak je kans om in de finale van de quiz te komen, deze wordt vervolgens op tv uitgezonden.

Duur van het programma is ongeveer 100 minuten en het wordt één keer per jaar uitgezonden.

Presentator Joost Karhof tijdens De Grotegeschiedenisquiz 2017 7

Genre Quizshow

https://www.facebook.com/geschiedenisquiz/ Likes 529 Volgers 529

https://twitter.com/geschquiz

De NTR is een omroep zonder leden en is daardoor onafhankelijk en ongebonden. In onze missie staat dat we inspirerende programma’s willen maken, die een bijdrage leveren aan de persoonlijke groei van mensen. We kiezen daarbij voor een divers aanbod met oog voor specifieke thema’s en doelgroepen, die anders onderbelicht blijven.

Dat maakt de NTR ‘speciaal voor iedereen’.

De NTR is breed verankerd in de samenleving. We werken nauw samen met tal van maa tschappelijke en culturele organisaties. Van het Holland Festival tot het Wereld Natuur Fonds, van het Fonds Verstandelijk Gehandicapten tot de Nationale Opera. De waarden en taken van de NTR sluiten naadloos aan op de prioriteiten van de NPO (journalistiek, drama, documentaires, kinderen, kennis en cultuur).

Daarmee staat de NTR in het hart van het publieke bestel. 6

Tweets 230 Volgend 114 Volgers 163 Vind-ik-leuks 28

Kijkwijzer

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

6

Doelgroep Kritische verdieping zoekers

Opvattingen en waarden

Mediabehoeften

Belangrijkste bevindingen doelgroep

Geslacht Man Leeftijd 47 (gemiddeld) Opleidingsniveau Hoog Woonplaats Westen (Randstad) Percentage bevolking 9%

TOLERANTE EN KOSMOPOLITISCHE GROEP, DIE MIDDEN IN DE MODERNE SAMENLEVING STAAT

MEDIA DIENEN IN DE EERSTE PLAATS VOOR ONTSPANNING, MAAR ZIJN OOK IN GROTE MATE EEN ‘VENSTER OP DE WERELD’ EN EEN INSPIRATIEBRON.

• Vaak alleenstaand

• Vaak alleenstaand • Randgemeente grote steden randstad • Economische, juridische of sociaal-culturele opleiding • Opleidingsniveau is zeer hoog • Hoog inkomen

> Kritische Verdiepingzoekers zijn hoog opgeleide, goed geïnformeerde Nederlanders die goed zijn aangesloten bij de moderne samenleving. Deze groep weet hoe besluitvorming in Den Haag en elders werkt en heeft daardoor een groot vertrouwen in politiek en bestuur. Deze groep voelt zich goed thuis in de globaliserende wereld, staat bijvoorbeeld positief tegenover Europese samenwerking en ontwikkelingssamenwerking.

Kritische Verdiepingzoekers zijn sterk geëmancipeerd, tolerant en kosmopolitisch ingesteld. Vanuit haar maatschappelijke betrokkenheid is deze groep meer dan gemiddeld lid van maatschappelijke organisaties.

> Media zijn voor Kritische Verdiepingzoekers – net als voor alle andere leefstijlgroepen – in de eerste plaats een bron van ontspanning.

Kritische Verdiepingzoekers gebruiken media echter veel meer dan andere groepen ook om ideeën en inspiratie op te doen, input voor discussies te verzamelen en zichzelf te ontplooien. De naar buiten gerichte blik van de Kritische Verdiepingzoekers maakt dat media voor deze groep heel sterk een ‘venster op de wereld’ is.

• Hoog opgeleid • Wonen vooral in de randstad • Hoog inkomen • Economische, juridische of sociaal-culturele opleiding • Leidinggevende of een eigenbedrijf • Goed geïnformeerd • Lid van maatschappelijke organisaties • Een brede belangstelling voor tal van onderwerpen • Geschiedenis is een van deze onderwerpen • Vrijetijd theater of museum (geschiedenis) • Media is vaak bron van ontspanning

Demografische gegevens

Interesses en vrijetijdsbesteding

Mediagedrag

• Grote informatie behoefte

DEZE GROEP IS GEMIDDELD 47 JAAR OUD, BESTAAT VOOR 65% UIT MANNEN, IS ZEER HOOG OPGELEID EN HEEFT EEN HOOG INKOMEN

BREDE INTERESSES, MET EEN NAAR BUITEN GERICHTE BLIK, ACTIEVE VRIJETIJDSBESTEDING BUITEN DE DEUR

LICHTE RADIO- EN TELEVISIEGEBRUIKERS, PUBLIEKE OMROEP MINDED, ZWARE LEZERS VAN OPINIEBLADEN EN DAGBLADEN.

• Kijkt relatief weinig televisie

> Kritische Verdiepingzoekers hebben een brede > Kritische Verdiepingzoekers zijn relatief vaak belangstelling voor tal van onderwerpen. alleenstaand, of ze wonen samen met hun Over het algemeen geldt dat deze groep partner. Deze groep woont relatief vaak in één sterk op ‘de inhoud’ gericht is: politiek, andere van de randgemeenten van de grote steden landen en culturen, wetenschap en techniek, en dus hoofdzakelijk in het westen van het land. geschiedenis, kunst, maar ook sport behoren Kritische Verdiepingzoekers hebben veelal een tot de interessegebieden van deze groep. Hun economische, juridische of sociaal-culturele vrije tijd besteden Kritische Verdiepingzoekers opleidingsrichting en hun opleidingsniveau is voor een groot deel buiten de deur: in café of zeer hoog. Deze groep is in hoge mate werkzaam, restaurant, theater of museum, maar ook in de vaak in een vrij beroep, als leidinggevende of in sportschool. een eigen bedrijf. Dit maakt dat deze groep het hoogste inkomen van alle leefstijlgroepen heeft.

• Kijkt vooral publieke netten en zenders

> Het mediagedrag van Kritische Verdiepingzoekers wordt sterk bepaald door een grote informatiebehoefte. Deze groep kijkt relatief weinig televisie en luistert relatief weinig naar de radio. Als ze kijken of luisteren doen ze dit meer dan gemiddeld naar de publieke netten en zenders. Belangrijke genres zijn: nieuws en actualiteiten, informatie, fictie en sport. Hiernaast zijn Kritische Verdiepingzoekers zware lezers van vooral opiniebladen en kwaliteitskranten. 8

7

Deelnemers van de De Grotegeschiedenisquiz 2017, van links naar rechts: Roos Schlikker, Harm Jan Luth en Eva Rovers 9

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

8

Concept & Context Naam en Tagline

Conceptomschrijving second screen app

Concept uitleg

De naam van de app is eigenlijk hetzelfde als het programma zelf namelijk De Grote Geschiedenisquiz App. De reden dat ik heb gekozen voor een straight forward voor de hand liggende naam is vooral om de naamsbekendheid van het programma en de app zowel bij het bekende publiek als bij het jongere publiek te promoten. Het programma vind maar één keer per jaar plaats en vervolgens hoor je er op tv niks over tot het nieuwe programma het jaar erop begint. Het is daarom gepast om de naam zo veel mogelijk te herhalen dus ook in de app.

Waarom is dit concept succesvol?

De doelgroep die naar het programma kijkt zijn vooral hoogopgeleide mannen rond de leeftijd van 45 jaar een ouder. Het is een doelgroep die erg wereldbewust is en zich altijd informeert over wat er gaande is in de wereld zowel op nationaal als internationaal niveau. Het is dus een doelgroep met veel kennis en vooral ook algemene kennis. Dit zijn vaak mensen die naast hun standaard hobby’s en vrijetijdsvermaak het zeker ook leuk vinden om spelletjes te doen en dan met name kennisspelletjes zoals een quiz.

Het concept is vrij simpel en dit maakt het ook zo makkelijk voor de gebruiker om mee te doen. De GGQ vindt één keer in het jaar plaats en de gebruiker van de app neemt deel aan het programma, als de deelnemers in het programma. Hij doet dus live mee met de quiz, De vragen en video’s worden getoond op tv en de kijker kan met zijn mobiel, tablet of laptop de vragen beantwoorden doormiddel van de app.

De tagline spreekt direct op de gevoelens van de kijkers en spelers. Speel, leer en laat zien! ook de tagline is simpel en spreekt tot de verbeelding.

Door gebruik te maken van de app kan je artikelen lezen en spelletjes spelen waardoor je op een spelende wijze blijft leren. Dan tot slot het laat zien gedeelte, dit spreekt op de gevoelens van de gebruikers van de app, het zijn vaak hoog opgeleide intelligente individuen en dit willen dit maar al te graag laten zien. Altijd al mee willen doen met het programma of beter presteren dan de tv deelnemers maar het niet kunnen tonen, no worries met de App is dat nu wel mogelijk! Want je bent één van de deelnemers vanaf de bank thuis.

De doelgroep bestaat ook echter uit mensen met een druk schema, het is daarom de bedoeling om de activiteiten die voor het programma plaatsvinden te spreiden over een wat langere periode. Dus kleine opdrachten verdeeld over de week of elke week een opdracht. Op deze manier blijft de doelgroep geboeid en worden ze niet overladen met een hoop informatie. Het is erg belangrijk om de input van de gebruiker van de app zo makkelijk mogelijk te maken.

De doelgroep houdt dus van kennis en is al vaak in zijn vrije tijd aan het kijken naar programma’s die kennis verschaffen zoals geschiedenis, cultuur en actualiteit. De NPO is een zender die deze onderwerpen in een groot scala aanbiedt. Dus de kijker kan tijdens een avondje tv kijken één keer in het jaar live meedoen met de GGQ. Het feit dat het programma maar één keer per jaar plaatsvindt is tegelijkertijd ook de reden waarom dit concept succesvol zal zijn voor de doelgroep. De app kan over het hele jaar door gebruikt worden in de vorm van spelletjes die zorgen voor vermaak, competitie en kennis. Elke week een nieuwe quiz of kleine opdrachtjes. De doelgroep stoomt zich als het ware klaar voor de grote dag waar ze dan vervolgens hun opgedane kennis op los kunnen laten.

Speel, leer en laat zien!

De kijkers kunnen nu niet alleen meedoen maar ontvangen ook feedback van het programma, zo worden de scores van de deelnemers die thuis zitten op tv getoond. En de deelnemers thuis strijden mee voor de titel winnaar van de GGQ app. De motivatie voor de gebruikers om mee te doen is ten eerste het feit dat het een doelgroep is die hunkert naar kennis en het dus ook leuk vind om mee te doen aan quizjes. Daarnaast ontvangen de winnaars thuis dezelfde prijs als de deelnemers op tv. Dit is namelijk een reis!

Meerwaarde concept volgens de 6 rules Doel van de GGQ app?

•Erkenning van de winnaar thuis, je kan niet mee doen aan de quiz op tv maar dat neemt niet weg dat je nog steeds kan tonen dat je de potentie hebt om winnaar te worden via de second screen app.

•Laten zien dat je het kan. Altijd al willen laten zien dat je het wel degelijk beter weet dan de deelnemers op tv? Dan is dit je kans doe mee en wordt mogelijk de app winnaar van de GGQ.

•Bepaalde vragen tijdens de quiz wekken je interesses op en je wilt hier graag meer over weten. Dat kan nu met de app, de app biedt een uitgebreide bibliotheek met verdieping over de gestelde vragen en onderwerpen.

Hoe laat is het programma?

Het programma vind in de avond plaats na etenstijd rond 8 uur, de doelgroep heeft rond deze tijd gegeten en gaat lekker voor de tv hangen. Hoogstwaarschijnlijk naar één van de NPO zenders. Dit om drie redenen, vermaak, actueel blijven en kennis vergaren.

Wie kijk het programma en hoe kijkt die het programma, met wie en waarom kijkt die het programma?

Het programma wordt gekeken door mensen die van geschiedenis houden maar ook van kennis en quizjes over het algemeen. Het is een hoogopgeleide doelgroep die vaak bezig is met kennis te vergaren. Het kijken van het programma wordt tevens als ontspannend en leerzaam ervaren. Het programma wordt alleen, met vrienden of het gezin bekeken.

Sociale media integreren in het tweede scherm Tijdens het programma worden de meest interessante tweets getoond op het 1ste scherm. Daarnaast kan de kijker communiceren met vrienden en/of andere kijkers. Ook kan de kijker via de app zijn highscore zien en deze delen via kanalen als facebook en twitter.

•Als app winnaar wordt je uitgenodigd om live mee te doen aan de volgende editie van de GGQ. •Winnaar of niet de hoge score die je hebt behaald, kan je vanaf nu met iedereen delen via social media, laat je vrienden zien hoe slim je wel niet bent.

Logo en tagline De Grote Geschiedenisquiz app 9

Before

During

After

• Verdiepen in de stof waar mogelijk vragen over komen in het programma

• Beantwoorden van de vragen

• De meest interessante tweets worden tijdens de uitreiking van de winnaars op het 1ste scherm getoond

• Mee doen met de voorrondes van het programma

• Landelijk percentage van het aantal goede antwoorden van de app deelnemers (dit kan op verschillende manier getoond worden)

• Data van de resultaten van de appdeelnemers wordt op tv getoond (naarmate er meerdere edities zijn, kan de data vergeleken worden met voorgaande jaren

De gebruiker kan namelijk zich verdiepen in artikelen die wekelijks ververst worden in de app, hij/zij kan mee doen aan wekelijkse/ maandelijkse quizzenom scherp te blijven. Hij/ zij kan vrienden en of andere app gebruikers uitdagen voor een duel.

3.Leeftijd (wordt de oude garde weggespeel door het nieuwe bloed)

• Bekijken van de opgeslagen vragen en deze doornemen

De app is op zich zelf al een game quiz app die steeds relevanter wordt voor het 1ste scherm naarmate de volgende editie van het programma volgt. Doormiddel van gamificatie kan de gebruiker geboeid blijven en werken naar een einddoel. Ook deze resultaten zullen buiten het programma om gedeeld kunnen worden via sociale media.

• Delen van behaalde resultaten op social media

• De meest interessante tweets verschijnen op het 1ste scherm

• Vragen bedenken en inzenden voor de volgende editie

Tweede scherm zorgt voor meer betrokkenheid van de kijker

• Vragen bedenken en inzenden, wie weet komen ze terug in het programma

• Interessante vragen opslaan om later terug te lezen

• Wekelijkse (maandelijkse quiz maken) er is een week/maand winnaar

• Het account van de top 3 winnaars van de appdeelnemers verschijnt op het 1ste scherm met het aantal goed beantwoorde vragen. (dit is zichtbaar met een mogelijk profielfoto)

• Voorgaande quizzen van oudere uitzendingen spelen

De kijkers van het programma zullen iets nieuws en fris meemaken tijdens het bekijken van de volgende editie van de GGQ. Ze kunnen nu namelijk zelf deelnemen aan het programma en ook nog is er als winnaar uitkomen, hoe mooi is dat! Laat heel Nederland weten wat voor kennis jij in huis hebt.

• Voorgaande quizes van oudere uitzendingen spelen • Spelen van een wekelijkse quiz met een weekwinnaar • Vrienden uitdagen, alleen of in een team in een quiz duel

1.Locatie (bijvoorbeeld provincie of steden) 2.Geslacht (wie scoren er hoger de mannen of de vrouwen)

• Het delen van je resultaten via sociaal media

• Spelen van een wekelijkse quiz met een weekwinnaar • Vrienden uitdagen, alleen of in een team in een quiz duel • Delen van behaalde resultaten op social media De app zal niet stoppen na het programma, maar eigenlijk begint de app dan te leven.

Het programma vindt maar één keer in het jaar plaats het is daarom erg belangrijk om de gebruiker bezig te houden. En dit op een zo’n simpel en speelse manier mogelijk.

We spelen namelijk in op de interesses en vrijetijdsbesteding van de doelgroep zelf.

Ze hunkeren naar kennis en het delen hiervan dus combineren dit ook graag met hun hobby’s en vrijetijdsbesteding. Denk aan lezen, denkspelletjes, en competitieve spelletjes. Dit wordt naadloos doorgevoerd op de app.

De kijkers zullen al ver voor dat het programma start bezig zijn met de app, hierdoor zullen ze zich al helemaal thuis voelen in de interface en interacties. En kunnen ze zich klaar maken voor de grote dag zelf.

De andere kijkers die niet deelnemen via de second screen zullen CTA’s zien op TV die hun meldt dat er een app is voor het programma en dat ze live mee kunnen doen met de show.

Na het zien van deze nieuwe feature zal het programma een bredere hopelijk ook jonger publiek trekken. Wat het programma een meerwaarde geeft en de kijkcijfers mogelijk stijgen.

Wat is de context van de gebruiker?

Hangt van de situatie af maar tijdens het programma, rond 8 uur in de avond thuis.

Samen met vrienden of familie, als vorm van vermaak en tegelijkertijd leerzaam.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

10

Before, during, after Context

Before

During

After

Ver voor dat het programma plaatst vindt (dit kan maximaal een jaar van tevoren) kan de gebruiker de app downloaden.

In de app kan de gebruiker de volgende dingen doen:

Tijdens het programma worden er vragen gesteld aan alle teams die meedoen in het programma. De kijkers thuis vormen individueel een eigen team en geven dus ook antwoord op dezelfde vragen. De presentator laat eerst een video en/of beeldfragment zien hierna volgt de vraag. De vraag verschijnt ook live op de app, met een tijdsbalk en de 3 mogelijke antwoorden (A, B of C). De kijker heeft nat dat de vraag gesteld is 10 seconden de tijd om zijn antwoord in te voeren. Elke vraag is 1 punt waard.

Na het programma zijn de winnaars bekend van de GGQ 2018, naast het winnende team op tv wordt ook het de winnaar van de app gebruikers bekend gemaakt. De winnaar wordt uitgenodigd om meet te mogen doen aan de volgende editie van het programma. Als die dit weigert zal deze aanzoek naar degene gaan die als 2de is geëindigd.

De winnaar wint een reis naar een historische plek binnen Nederland en natuurlijk de titel: winnaar van De Grote Geschiedenis Quiz.

De kijker ziet op de app het aantal punten wat die heeft en hoeveel vragen hij goed en slecht heeft beantwoord. Na elke vraag wordt er op tv getoond hoeveel procent van alle app deelnemers de vraag juist had. Daarnaast kan de kijker bepaalde vragen opslaan na het opslaan van deze vragen kan de kijker later na het programma meer lezen en zich verdiepen in het onderwerp van de vraag.

De kijker kan zijn prestatie delen via bijvoorbeeld facebook, twitter en LinkedIn. Ook kan de kijker alle vragen rustig nalezen en van alle vragen de verdiepende stof lezen. Ook kan de kijker zich wekelijks voorbereiden op de volgende editie van GGQ. •

Bekendmaking winnaar

Als de kijker per ronde de vragen goed heeft gaat hij mee naar de volgende ronde net als de deelnemers op de uitzending. Heeft hij echter te weinig vragen goed dan kan de kijker wel mee blijven doen met de quiz maar zullen de scores niet meer mee worden gewogen met het liveprogramma. Per ronde worden de top 3 kijkers op tv getoond en wordt er getoond welke provincie het hoogste scoorde.

•

Winnaar wordt op tv getoond

•

Score zichtbaar op de app

•

Prestatie delen via social media

•

Het opnieuw bekijken van de vragen en verdiepen in de onderwerpen

•

Beantwoorden van de vragen

•

Punten zichtbaar op de app

•

Vragen bedenken en opsturen voor de volgende editie

•

Percentage van goed beantwoorde vragen van appdeelnemers verschijnt op tv

•

Wekelijkse quiz maken

•

Voorgaande quizes van het programma opnieuw spelen

•

Meedoen met de voorrondes en zo deel kunnen nemen in de live uitzending

•

Wekelijks een quiz doen van 20 vragen (elke week is er een weekwinnaar)

Kijkers kunnen mee doen met de quiz via een 2nd screen applicatie voor, tijdens en na het programma.

•

Andere app gebruikers uitdagen voor een 1 vs 1 quiz battle

De gebruiker neemt live deel mee aan het programma hij is niet alleen kijker maar ook deelnemer!

•

Team vs Team quiz battle

•

Artikelen en stukken lezen die de gebruiker interesseren met geschiedenis als hoofdthema

•

Vragen bedenken en inzenden die misschien wel terug in het programma komen

Wie? Kijkers van GGQ Wat? Live mee doen met de quiz Wanneer?

Voor, tijdens en na de quiz Waarom?

Betrokkenheid en entertainment Waar?

Thuis en onderweg Hoe? Via smartphone, tablet of laptop

Smartphone tablet penetratie Past de 2nd screen interactie bij de doelgroep van het TV programma?

Ja, het biedt een meerwaarde aan het programma het sluit goed aan bij de doelgroep en er is genoeg content/ bezigheden om de kijker bezig te houden met het programma zowel voor, tijdens als na de uitzending. Live feedback wordt gegeven aan de kijker en de kijker wordt niet alleen als kijker beschouwt maar ook als deelnemer van het programma.

Vlak voor dat het programma begint krijgt de kijker en push bericht op zijn telefoon dat het programma gaat beginnen.

Hij kan voor de start alvast een warming up quiz doen van een aantal vragen. Daarna kan de kijker starten met het live mee doen met het programma.

• Vragen opslaan om later terug te kunnen lezen (verdieping)

Calls to Action • • • • • • • •

Meedoen met de voorrondes Oefenen met oefenquizzen Daag je vrienden uit Bekijk de highscores Team tegen Team quiz Je scoort hoger dan deze BN´ers Deel je scores op facebook, twitter en linkedin Bedenk vragen en stuur ze in

NPO video fragment van de De Grotegeschiedenisquiz 2017 10

NPO video fragment van de De Grotegeschiedenisquiz 2017 11

NPO video fragment van de De Grotegeschiedenisquiz 2017 12

TV: Start van het programma, intro filmpje en introductie van alle deelnemers.

TV: De rondes worden gespeeld en de verschillende vragen worden gesteld. De scores zijn op tv zichtbaar

TV: Het einde van de quiz, de winnaar is bekend zowel op tv als de app deelnemers.

App: de kijker is op dit moment voorgaande quizzen aan het spelen of zich alvast aan het verdiepen in verschillende onderwerpen.

App: de kijker speelt mee met de quiz en kan zijn score bekijken op de app.

App: de gebruiker kan zijn score delen op social media, en hij kan alle vragen rustig doornemen en zich verdiepen in de stof.

11

Before

During

After

1

2

3

1.1

2.1

3.1

Homepage applicatie

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

12

Job stories Legenda

Job story 1: Before

Job story 2: During

Job story 3: After

Situatie

Wanneer ik me voorbereid op de uitzending

Wanneer ik de quiz aan het kijken ben

Wanneer ik de quiz afgelopen is

Wil ik oefenquizzen doen en mijn kunnen verdiepen in verschillende onderwerpen met geschiedenis als thema

Wil ik meedoen met de quiz door de vragen te beantwoorden die op tv worden gesteld

Wil ik mijn score terug kunnen zien en mijn opgeslagen vragen kunnen bekijken

Zodat ik mijzelf kan meten met de deelnemers en mogelijk winnaar wordt

Zodat ik mijn kan verdiepen in de stof en mijn resultaten kan delen op sociale media.

Motivatie Verwachte uitkomst

Winnaars van de De Grotegeschiedenisquiz 2017 13

Zodat ik voorbereid en met enige kennis kan beginnen aan het mee doen met de quiz op tv

Project 5 second screen | ontwerpdocument | De Grote Geschiedenis Quiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

13

Mental model Before

During

After

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

14

Design patterns Job story 1

Mental model 1

Design patterns

Voordat De GGQ op tv komt wil ik me voorbereiden op de quiz door te oefenen met oefen quizjes en het op te nemen tegen andere spelers.

1. Hoe wilt u kiezen tegen welke speler(s) u de oefenquiz wilt spelen?

Zoals ik gewend ben bij andere quizzen en spelletjes een rij met de namen van de tegenstanders en mogelijk met een profielfoto die ik kan kiezen als een button.

1

De gebruiker kan oefenen voor de GGQ via de app. Hij kan zelf quizjes maken of hij kan er voor kiezen tegen vrienden en/of andere spelers te spelen.

2. Hoe wilt u dat de resultaten getoond worden van u prestaties?

Ik wil mijn resultaten terug kunnen zien in een duidelijk overzicht, zoals een ranglijst.

3. Wat zou u nog meer willen doen ter voorbereiding van de GGQ? Ik zou graag artikelen en informatie kunnen lezen om mijn kennis te verbreden en om mij voor te bereiden op de GGQ.

locaties worden hier in een lijst getoond

1.1 Profielen worden onder elkaar getoond in een lijst 2

De resultaten worden getoond in verschillende categorieĂŤn en dit wordt netjes gevisualiseerd

3

Artikel wordt duidelijk getoont met een banner image en een duidelijk kop en broodtekst

Job story 2

Mental model 2

Design patterns

Wanneer de quiz begint op tv wil ik per direct mee kunnen doen met de quzi doormiddel van de app.

4. Hoe wilt u dat de vragen van tv op de app getoond worden?

Het liefst dat het zoveel mogelijk lijkt als hoe het op tv getoond wordt. Dus de vraag met de bijhorende afbeelding en de multiplechoice antwoorden als button.

4

Vragen worden getoond in de vorm van een button onder elkaar de vraag staat bovenaan

5

De balk bovenaan geeft aan hoeveel tijd er verstreken is en hoeveel tijd er over is

De gebruiker kan doormiddel van de app gelijk mee doen met de GGQ op tv.

5. Hoe wilt u kunnen zien hoeveel tijd u heeft om de vraag te beantwoorden?

Subtiel maar wel duidelijk ergens in de bovenhoeken van de app.

6. Hoe wilt u zien of de vraag goed of fout beantwoord is?

Door het gegeven antwoord groen of rood te tonen.

6 Als de vraag goed beantwoord is kleurt de button groen 6.1 Als de vraag fout beantwoord is kleurt de button rood

Job story 3

Mental model 3

Design patterns

Na dat de GGQ afgelopen is wil mijn resultaten terug kunnen zien zowel in de app als op tv.

7. Hoe wilt u de resultaten terug zien in de app?

Het liefst in de vorm van een ranglijst met alle deelnemers.

7

Profielen worden in een ranglijst getoond met de hoogste boven aan

8. Hoe wilt u de resultaten delen?

Het liefst via social media bijvoorbeeld facebook en twitter.

7.1

De profielen worden hier ook met prestaties getoond in de vorm van percentages

9. Hoe wilt u zien de resultaten terug zien op tv? in de vorm van grafieken en percentages over het landelijk gemiddelde en de top 10, iets in die richting.

8

Social media sharing kan in een popover als deze getoond worden (dit scheelt ruimte)

8.1

Na het behalen van een nieuwe high score of challenge, kan dat op deze manier via sociale media gedeeld worden

De gebruiker kan zijn resultaten terug zien via een menu in de app en de landelijke resultaten zullen op tv getoond worden.

Legenda Er is gekozen voor deze pattern en/of interactie omdat het aansluit op de jobstories en mental model van de gebruiker.

Er is niet gekozen voor deze pattern en/of interactie omdat het niet aansluit op de jobstories en mental model van de gebruiker.

15

1

1.1

2

3

4

5

6

6.1

7

7.1

8

8.1

Design patterns van verschillende apps 14

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

16

Interactie verantwoording

1

1

1.1

Er is niet voor deze pattern gekozen om dat dze pattern gebaseerd is op het zoeken van een bepaalde item en dit wordt vervolgens in een lijst getoond. Het principe is hetzelfde maar de uitvoering is anders. Pattern 1.1 past beter bij de behoeftes van de app.

4

4

De gebruiker kan een tegenstander kiezen om een quiz tegen te spelen er is voor gekozen de tegenstanders te tonen in een lijst. De reden hiervoor is omdat het om meer spelers kan gaan die in één keer op het scherm getoond kunnen worden. Door een lijst te maken met een profielfoto ernaast kan er naar beneden gescrold worden en kan de lijst zo lang zijn als nodig is.

Daarnaast is het overzichtelijk en kan er indien beschikbaar een persoonlijke profielfoto van de overige gebruikers getoond worden.

5

De basis van de pattern is al veel andere quiz games, de reden dat ik niet voor deze gekozen heb is omdat er veel opties aan de onderkant worden getoond die ik niet ga gebruiken.

Daarnaast is de vormgeving erg kinderlijk en past het niet binnen de gekozen doelgroep. Daarnaast werkt deze quiz met verschillende categorieën en bij de GGQ app is er maar één namelijk geschiedenis.

7

7 Het tonen van scores in de vorm van een ranglijst is wat ik zoek voor de app, en deze pattern sluit daar naadloos bij aan. Er is een duidelijke lijst met verschillende gebruikers en rangnummer en het aantal punten zijn zichtbaar. Wel moet de vormgeving en structuur aangepast worden alvorens deze pattern gebruikt kan worden voor de app.

1.1

5 Deze pattern is subtiel, geeft rust, is duidelijk en geeft de mogelijkheid tot verbetering, het werkt als een soort canvas om het zo te zeggen. Deze pattern biedt potentie om ingezet te worden voor de app.

7.1

7.1 Deze pattern is bij nader inzien te onduidelijk en neemt veel meer ruimte in beslag dan pattern 7. Om deze reden is er niet voor deze pattern gekozen.

17

2

2

3

Deze pattern is niet doorgevoerd in het ontwerp van de app omdat het te veel opties biedt.

Opties die niet beschikbaar zullen zijn in de app, daarnaast neemt deze vorm van het tonen van informatie erg veel ruimte in. Er is een volledige scherm voor nodig, terwijl dit ook op een veel simpelere en minimalistische manier getoond kan worden.

6

6

Deze pattern is perfect voor het tonen van een kort of lang artikel of stukjes informatie. Een grote duidelijke header en subtiele subheader en goed leesbare tekst. Dit alles in combinatie met een grote en passende afbeelding/foto voor het artikel maakt het de pattern perfect om te gebruiken voor de GGQ app.

6.1

De manier waarop de tijd en de vragen worden getoond, maakt dit de juiste pattern om te gebruiken voor de GGQ app.

8

8 Een erg leuke en fancy pattern om te gebruiken, maar het past niet binnen de overige interacties in de app.

Design patterns van verschillende apps 15

3

6.1 Voor deze pattern geldt hetzelfde commentaar als bij pattern 5 en 6.

8.1

8.1 Simpel en straight forard, dat is de reden waarom er voor deze pattern gekozen is. Wel zal hij minimalistischer en simpeler ontworpen moeten worden alvorens deze gebruikt kan worden voor de GGQ app.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

18

Interactie ontwerp

Lo-fi wireframe 1 login

Lo-fi wireframe 2 quiz vraag

Lo-fi wireframe 2.1 quiz vraag

Lo-fi wireframe 2.2 quiz vraag

Hi-fi app ontwerp 1 login

Hi-fi app ontwerp 2 quiz vraag

Hi-fi app ontwerp 2.1 quiz vraag

Hi-fi app ontwerp 2.2 quiz vraag

19

Ontwerp verantwoording Lo-fi wireframe 1 Er is voor gekozen om geen linkedin login in de app te zetten, dit omdat uit interviews met de doelgroep is gebleken dat werk en privé het liefst gescheiden wordt gehouden. Daarnaast zijn facebook en e-mail de meest voorkomende vormen van inloggen wat weer resulteert in gemak en herkenbaarheid.

Lo-fi wireframe 2 De balk die de tijd aangeeft is op zich een goede oplossing voor tijdaanduiding. Toch heb ik hier niet voor gekozen omdat in het programma de tijd in cijfers wordt weergegeven en ik wil de app zoveel mogelijk op één lijn met het tv programma hebben. Vandaar dat er gekozen is voor een timer inplaats van een tijdbalk.

Lo-fi wireframe 2.1 Dit is een gepaste manier om de quiz vragen te tonen. Het is duidelijk en helder met de juiste hiërarchie.

Lo-fi wireframe 2.2 Een vraag opslaan voor later is een optie die niet in de app doorgevoerd zal worden. Dit heeft namelijk geen echte toevoeging op het concept.

Lo-fi wireframe 3 artikel

Lo-fi wireframe 4 laadscherm

Lo-fi wireframe 5 scorelijst

Lo-fi wireframe 3 Artikelen kunnen soms lang zijn en langer dan het scherm per keer kan tonen, vandaar de balk aan de zijkant om te zien waar je bent en hoeveel je nog moet lezen. Toch heb ik hier niet voor gekozen omdat het ruimte in beslag neemt en de artikelen nooit zo lang zullen zijn dat je precies moet weten hoeveel je nog moet lezen.

Lo-fi wireframe 4 Het laadscherm is 1 op 1 overgenomen op het ontwerp van de app.

Lo-fi wireframe 5 Er is voor gekozen de ranglijst anders te maken onder elkaar en met een profielfoto. Het delen van je resultaten zal anders worden ontworpen voor de app.

Hi-fi app ontwerp 3 artikel

Hi-fi app ontwerp 4 laadscherm

Hi-fi app ontwerp 5 ranglijst

20

Scenario & TV tijdslijn

De kijker kan via twitter mee praten met #GGQ en kan via facebook delen aan de quiz mee te gaan doen.

Before

During

TV tijdslijn

1

4

Wireflow

2

3

5

21

Via facebook/twitter/linkedin kan het resultaat gedeeld worden. Nodig vrienden uit op facebook voor een VS. During

After

6

1. Start programma, de kijker krijgt een notificatie op zijn telefoon dat het programma gaat beginnen.

2. De kijker kan voor het programma en tijdens de intro nog een account aanmaken.

3. Voor het programma begint kan de kijker oefenquizjes doen om alvast in de stemming te komen.

4. Op tv verschijnt nu het video/beeld fragment die betrekking heeft tot de vraag.

5. De kijker wacht om te antwoorden terwijl de vraag wordt voorgelezen.

6. De kijker ziet het goede antwoord op tv maar ook op de app.

7. Het programma is afgelopen de winnaar wordt bekend gemaakt.

8. De kijker kan via de app zijn score delen via social media en ziet ook de hoogste score op tv.

7

8

Youtube video fragmenten 16

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

22

User flow

2

1

1

2 3 1

1

Push notificatie

App logo

Push notificatie met menu

Beginscherm app bij het eerste gebruik

1 Notificatie om aan de gebruiker te laten weten dat de GGQ vandaag plaats zal vinden.

1 Een keer drukken om de app te openen.

1 Laatste push notificatie 3 minuten voor dat de GGQ begint, de gebruiker kan er op drukken en de app openen of er voor kiezen de notificatie weg te drukken.

1 De app vraagt de gebruiker om toestemming voor het sturen van berichten zoals meldingen, geluiden en symboolbadges.

2 Notificatie met een call to action om de gebruiker naar de app te lokken voor dat het programma begint, zo dat hij/zij zich kan verdiepen in de stof of een quiz duel kan spelen tegen andere appgebruikers.

2 Speel mee button, hier wordt vanaf de notificatie gelijk door gelinkt naar het spel scherm in de app.

3 Ook hier kan de gebruiker ervoor kiezen om het bericht te negeren en de notificatie over te slaan.

23

1

1

1

2

2 3

3

1

4

Inloggen/account aanmaken

Account aanmaken via e-mail

Wachtwoord vergeten?

Wachtwoord aangevraagd notificatie

1 Gemakkelijk facebook log in.

1 Type hier je e-mailadres.

2 Log in met je geregistreerde e-mail account.

2 Maak een wachtwoord aan.

1 Type hier je e-mailadres of gebruikersnaam in om een nieuw wachtwoord op te vragen.

1 Het nieuwe wachtwoord is aangevraagd en de gebruiker ontvangt de verdere handelingen via zijn e-mailadres.

3 Hier kan de gebruiker zich registreren om een account aan te maken.

3 Wachtwoord vergeten? via hier kan er een nieuwe aangevraagd worden.

4 Hier kan je inloggen met het aangemaakte account.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

24

1

2

1

2 3 4 1

3

2 3

4 1

2

3

4

Account registratie en profiel foto

Kies of maak je profielfoto

Homescherm app en menu’s

Artikel

1 Druk hier om een profielfoto te kiezen.

1 Kies een bestaande foto vanaf de bibliotheek op je telefoon.

1 Bibliotheek: hier staan al je opgeslagen artikelen die je hebt opgeslagen om later te kunnen lezen.

1 Instellingen: pas hier je instellingen en voorkeuren aan.

2 Maak een nieuwe foto en kies deze als profielfoto

2 Duel: neem het op tegen andere app gebruikers en vrienden en bouw punten op.

2 Type hier je gebruikersnaam.

3 Type hier je e-mailadres.

4 Type hier je wachtwoord

3 Annuleren, ga verder zonder persoonlijke profielfoto.

3 Dagelijkse quiz vraag: elke dag een dagelijkse quiz vraag om je geheugen scherp te houden.

4 Ranglijst en prijzen: zie hier je gemiddelde en je positie tegen over de rest van alle andere app gebruikers.

2 Voeg artikel toe: met deze button voeg je een artikel toe aan je bibliotheek.

3 Foto van het desbetreffende artikel.

4 Swipe naar beneden om het volledige artikel te lezen.

25

1 2

1 2 1

3

1

Artikel detail

Uitgeklapte artikel detail

Artikel toegevoegd aan bibliotheek

Bibliotheek

1 Voeg dit artikel aan je bibliotheek, om het later terug te lezen.

1 Artikel is volledig uitgeklapt.

1 Je hebt dit artikel toegevoegd aan je bibliotheek.

1 Bibliotheek: hier staan al je opgeslagen artikelen in dit geval is dit er maar 1.

2 Artikel 3 Uit dit artikel is ooit een vraag geweest in een voorgaande GGQ, hier zie je wat het goede antwoord was.

2 Door op je opgeslagen artikel te drukken kan je hem in detail bekijken en volledig lezen.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

26

1 1 1

2

2

2

1

3 3

Duel

Kies je tegenstander

Tegenstander geselecteerd

1 VS 1 vraag 1

1 1VS1: neem het op tegen een van je vrienden of willekeurige tegenstander.

1 Hier staan jou statistieken, hoe vaak heb je gespeeld en hoeveel heb je er daar van gewonnen en/of verloren.

1 Koen Bos is geselecteerd als tegenstander.

1 Complimenterende afbeelding/foto voor de vraag.

2 Team VS Team: vorm een team met vrienden en neem het tegen andere team op.

2 Dit is één van je tegenstanders.

3 GGQ 2018: speel nu live mee met de GGQ van 2018.

2 Dit is de vraag.

3 Dit zijn de mogelijke antwoorden je kunt door één keer te drukken kiezen uit één van de drie: A, B of C.

27

1

1

1

1

Goed geantwoord

Timer

Timer

Vraag 3

1 De vraag is goed beantwoord, het desbetreffende antwoord zal vervolgens groen kleuren.

1 Timer: per vraag heb je 10 seconden om te antwoorden.

1 De vraag is binnen 6 seconden goed beantwoord!

1 Na het beantwoorden van een vraag wordt de eerstvolgende vraag automatisch geladen.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

28

2 1 1 2

1

Fout geantwoord

Dagelijkse quiz vraag

Dagvraag 6

1 Als de vraag fout is geantwoord zal het gekozen antwoord rood kleuren.

1 Dagelijkse quiz vraag: elke dag zal er een nieuwe quiz vraag verschijnen die alle deelnemers kunnen maken.

1 Dit is dagvraag nummer 6 van de week en de week is week 40. a 2 Ook bij de dagelijkse quiz vragen heb je maar 10 seconden de tijd om antwoord te geven.

2 Door op de vraag te drukken kan je hem beantwoorden.

Goed geantwoorde dagvraag

29

1 2 3

Ranglijst 1 Ranglijst: bekijk hier je presentaties en je positie in vergelijking met alle andere deelnemers.

1

Uitgeklapte ranglijst

Laadscherm GGQ 2018

Laadscherm GGQ 2018

1 Dit is het laadscherm voor de Grote Geschiedenisquiz 2018, de quiz al over 10 seconden beginnen.

De Grote Geschiedenisquiz begint over 3 seconden.

2 Je huidige positie en het totaal aantal gespeelde quizzen en je totale punten score.

3 Jouw profiel.

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

30

1

Laadscherm GGQ 2018

Laadscherm GGQ 2018

Normale laad scherm app

De Grote Geschiedenisquiz begint over 3 seconden.

De Grote Geschiedenisquiz begint nu Succes!

1 Dit is het scherm wat zichtbaar zal zijn als de app iets aan het laden is.

31

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

32

Breakpoint graph

Mobile <30 em mobile portrait

Tablet 30-60 em tablet landscape

33

Desktop >60 em desktop landscape

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

34

Vormgeving & Ontwerpkeuzes Algemene vormgeving

Concrete toepassing

Vorm

Logo

De vormgeving van de app is voor het grootste gedeelte afgeleid van de vormgeving van de GGQ. Deze keuze is gebaseerd op herkenning en aansluiting op het tv programma. De huisstijl van het programma is dus naadloos doorgevoerd op de app, dit zorgt voor een overzichtelijk en vooral herkenbaar geheel voor de gebruiker. De app is immers een interactieve extensie van het eerste scherm en hier moet de vormgeving dus ook op een passende manier doorgevoerd worden.

De huisstijl van het programma is doorgevoerd op de app de meest concrete toepassingen zijn gedaan op de volgende punten

De keuze van de vormen is vooral gebaseerd op duidelijkheid en overzicht. De vorm die direct van het programma is overgenomen zijn rechthoeken, dit is namelijk ook de vorm waarin de quizvragen getoond worden in het programma. de rechthoeken zijn naadloos overgenomen in de app want dit is een beeld waar de kijker vaak naar zal kijken en dit zorgt dus voor eenheid en herkenning als de gebruiker de app gebruikt. Maar ook ronde rechthoeken zijn in de app gebruikt, dit om het geheel niet al te plat en te scherp te laten lijken

Het logo van de app is een extensie van het logo van het tv programma ook dit versterkt weer het beeld en het idee van de verlenging van de eerste naar het tweede scherm

NTR huisstijl De Grote Geschiedenisquiz is een programma dat mede mogelijk gemaakt wordt door een samenwerking van meerder partners, Zoals NTR, NPO, Andere tijden en de Volkskrant. Deze volgen allemaal hun eigen huisstijl. De huisstijl van het programma op televisie is vormgegeven volgens de regels van de huisstijl van NTR, echter is dit minimalistisch doorgevoerd alleen aan het einde van het programma tijdens de ondertiteling.

Het programma zelf heeft echter een eigen erg sterke en unieke vormgeving die afwijkt van de huisstijl van NTR. Om de app zoveel mogelijk te laten aansluiten op het programma heb ik gekozen om de huisstijl van het programma zelf te volgen en niet die van de NTR. Door dit te doen vormen het programma en de app één geheel.

Als de stijl van het programma niet doorgevoerd zou zijn op de app zal de app in zijn geheel niet aansluiten bij de vormgeving van het programma.

De Grote Geschiedenisquiz huisstijl Het programma heeft een eigenzinnige vormgeving die spreekt tot de verbeelding van geschiedenis. Ook gebruikt het programma een eigen lettertype, deze is in het logo terug te zien. De kleuren die door het programma getoond worden zijn vooral felle koude kleuren onder andere blauw en paars ook de kleur wit wordt toegepast. De huisstijl van het programma is vooraal zichtbaar in de set de verlichting en de kleuren die gebruikt worden. Ook in de fases van de aankodiging van de verschillende rondes wordt de huisstijl van het programma doorgevoerd. 95% van het programma wijkt dus af van de algemen NTR vormgeving, vandaar dat ik de huisstijl van het programma als uitgangspunt heb genomen voor de app.

• Kleur • Vorm • Typografie • Hiërarchie

Logo tv programma 21

• Beeld/afbeeldingen • Indeling • Tone of voice

Kleur De hoofd kleuren die gebruikt zijn in de app zijn blauw, wit een paars, daarnaast heb ik ook groen en rood gebruikt voor de goede en foute antwoorden op de quizvragen.

Typografie

006699

00ff33

3300ff

ffffff

Het programma gebruikt een bookman stijl schreef lettertype voor het logo, deze heb ik ook doorgevoerd op het logo van de app. Op deze manier sluit het logo van de app perfect aan bij die van het programma en is het een letterlijke extensie van de vormgeving. De font die in de app zelf gebruikt is is gekozen op basis van overzicht en leesbaarheid. De gebruiker maakt namelijk quizzen en leest artikelen hier hoort dus een font bij die op elke device goed zichtbaar is maar ook goed leesbaar. En dan met name op digitale schermen. Daarom heb ik gekozen voor Open Sans als voornaamste font voor de app.

ff0000

Tone of voice De tone of voice van het programma is ook toegepast op de app. Deze wordt gekenmerkt als formeel, intellectueel en duidelijk. Dit is natuurlijk gebaseerd op de doelgroep die vooral bestaat uit hoogopgeleide Nederlandse mannen uit de randstad.

Speel, leer en laat zien!

Titels:

De Grote Geschiedenisquiz App

Subtitels:

De Grote Geschiedenisquiz App

Annotaties:

De Grote Geschiedenisquiz App

Buttons:

De Grote Geschiedenisquiz App

Logo app

35

Beeld & afbeeldingen De beelden en afbeeldingen die gebruikt worden in het programma zijn vooral fragmenten van geschiedenis video’s en/of foto’s Dit is ook toegepast in de app door bijvoorbeeld bij de artikelen grote foto’s te tonen die het desbetreffende artikel meer leven geven. In de laadschermen van de app heb ik beeldmateriaal van het programma toegepast om ook hier één geheel te vormen met het programma.

Logo GGQ 17

Foto geraadpleegd van andere tijden 18

Presentator Joost Karhof tijdens De Grotegeschiedenisquiz 2017 19

Presentator Joost Karhof tijdens De Grotegeschiedenisquiz 2017 20

36

Bronnenlijst 1 Facebook bericht. (2017). Geraadpleegd op 15 januari 2018, van https://www.facebook.com/geschiedenisquiz/ 2 Twitter bericht. (2017). Geraadpleegd op 15 januari 2018, van https://twitter.com/geschquiz 3 Foto Joost Karhof. (2017). Geraadpleegd op 15 januari 2017, van https://www.google.nl/search?sa=G&hl=nl&q=Joost+Karhof&tbm=isch&tbs=simg:CAQSmQ EJ-CWXyjYRbMUajQELEKjU2AQaBggXCD0IFQwLELCMpwgaYgpgCAMSKNQa0xquH_1YP0RrH80a5hr_1H68foj_1VOrouuS7WOrguxi6kP6gvjTsaMBL9CpJuI1RTsUXK-ZT4Hvs2N0sIBNVl6OkjibrUpM694REaO32Jyc5WAN5gdsbaSAEDAsQjq7-CBoKCggIARIEzfyqnww&ved=0ahUKEwjt17q1sOLYAhVDJ1 AKHQwMD8YQwg4IJSgA&biw=1920&bih=1012#imgrc=-CWXyjYRbMU0OM: 4, 18, 19, 20, 21 Foto Joost Karhof. (2017). Geraadpleegd op 15 januari 2017, van Google afbeeldingen grote geschiedenis quiz 5, 17, 18 Over GGQ. (2017). Geraadpleegd op 4 december 2017, van https://www.anderetijden.nl/programma/5/De-Grote-Geschiedenisquiz 6 Over NTR. (2017). Geraadpleegd op 4 december 2017, van https://www.ntr.nl/site/tekst/over-ntr/8#content 7 Foto Joost Karhof. (2017). Geraadpleegd op 4 december 2017, van Google afbeeldingen grote geschiedenis quiz 8 Kijkonderzoek leefstijlgroepen SKO. (2017). Geraadpleegd op 4 december 2017, van https:// kijkonderzoek.nl/images/Methodologische_documenten/2014/18._SKO_methoden_Beschrijving_ leefstijlgroepen.pdf 9 Foto deelnemers GGQ. (2017). Geraadpleegd op 4 december 2017, van Google afbeeldingen grote geschiedenis quiz 10 Videofragment NPO GGQ. (2017). Geraadpleegd op 4 december 2017, van https://www.npo.nl/de-grote-geschiedenisquiz/25-05-2017/VPWON_1269501 11 Videofragment NPO GGQ. (2017). Geraadpleegd op 4 december 2017, van https://www.npo.nl/de-grote-geschiedenisquiz/25-05-2017/VPWON_1269501 12 Videofragment NPO GGQ. (2017). Geraadpleegd op 4 december 2017, van https://www.npo.nl/de-grote-geschiedenisquiz/25-05-2017/VPWON_1269501 13 Foto deelnemers GGQ. (2017). Geraadpleegd op 4 december 2017, van Google afbeeldingen grote geschiedenis quiz 14 Design patterns. (2017). Geraadpleegd op 4 december 2017, van http://www.mobile-patterns.com/ 15, 16 Design patterns. (2017). Geraadpleegd op 4 december 2017, van http://www.mobile-patterns.com/

promotie foto Grote Geschiedenis quiz 22

Project 5 second screen | ontwerpdocument | De Grote Geschiedenisquiz | Omar Vasquez Jesus | 500704100 | Kai Giussepin | 15-1-2018 | Versie 1

38