05 Content. Kenrick Fontijne A

Maat: px

Weergave met pagina beginnen:

Download "05 Content. Kenrick Fontijne A"

Jacobus Bos
7 jaren geleden
Aantal bezoeken:

1 05 Content Kenrick Fontijne A

2 Inhoud Doelgroep Situatie Styleguide Content

3 Doelgroep Voordat ik kan beginnen met uitleg over de content van onze website moet ik natuurlijk eerst wat vertellen over de doelgroep. Zonder een duidelijke doelgroep kan je namelijk ook niet bepalen wat je moet gaan doen met je content. Voor ons project hebben we als doelgroep kinderen van 4 t/m 12 jaar, ook wel de basisschool leeftijd. We gaan namelijk een device maken voor in het buurtcentrum van het Millinxpark in Rotterdam. Het Millinxpark ligt midden in een kinderrijke buurt en het buurthuis zit vast aan een basisschool. In de buurt rondom het park hebben veel mensen last van een taalachterstand, dit komt onder andere door het grote aantal immigranten dat hier is komen wonen. Samen met het feit dat we iets maken voor kinderen van jonge leeftijd, houdt dit in dat we in ons product weinig tot geen tekst kunnen gebruiken. Voor meer informatie over het concept is er in mijn blogpost ook een concept document te vinden. Ik raad aan om dit eerst te lezen.

4 Situatie We hebben straks een device staan in een buurthuis. Het moet niet alleen de aandacht trekken van kinderen die voorbij lopen, maar moet ook uitnodigen om iets te gaan doen. Hoe pakken we dit aan? Aandacht Hoe zorg je er voor dat je iets neerzet waarmee je de aandacht van een kind trekt? We denken dat kleur de belangrijkste factor is. Neem bijvoorbeeld deze foto van een kinderspeeltuin bij Mac Donalds: Dit is een design dat tegen een kind zegt: Ik ben speciaal voor jou gemaakt.

5 Kijk nu eens naar dezelfde foto, maar dan zonder kleur: De speeltuin is niet alleen het vriendelijke en uitnodigende effect kwijt, maar het lijkt niet eens meer op een speeltuin. Zonder kleur krijgt het ineens een industriële look. Om de aandacht van kinderen te krijgen werken we dus met felle kleuren op de tablet en het grote scherm. Uitnodigen Om de kinderen uit te nodigen om iets te gaan doen hebben we als eerste gekozen om te werken met een tablet. Jonge kinderen raken steeds meer gewend aan het werken met een touchscreen. Daarom willen we geen muis en toetsenbord neerzetten. Bovendien nodigt een touchscreen ook meer uit om er iets mee te doen. Het voelt namelijk natuurlijk aan voor mensen om een touchscreen in het openbaar te gebruiken. Stel je eens voor hoe het zou zijn om je OV-chipkaart op te laden met een apparaat dat je moet besturen met toetsenbord en muis.

6 Styleguide Om te voldoen aan de vrolijke kleuren hebben we dit van te voren verwerkt in een styleguide. Hierin hebben we niet alleen duidelijk gemaakt met welke kleuren we willen werken, maar ook wat voor soort knoppen we gaan gebruiken voor het tablet scherm. Voor de knoppen gebruiken we duidelijke universele icoontjes die voor iedereen herkenbaar zijn. Tijdens de gebruikerstest zullen we bepalen of de knoppen op deze manier daadwerkelijk het gewenste effect hebben.

7 Content Aan de hand van de styleguide hebben we het volgende ontwerp uitgewerkt: Zoals je ziet hebben we gekozen voor een achtergrond met een vrolijk groen landschap (teletubbie land). De letters van project smile hebben meerdere felle kleuren en hebben ronde vormen (ballonnen). Dit zijn de eye catchers. Deze felle kleuren en vormen zie je meteen vanuit je ooghoek als je langs loopt. Het scherm met de webcam feed en de duidelijke knoppen nodigt uit om er mee aan de slag te gaan. Nogmaals, dit gebeurt allemaal door middel van touchscreen.

8 Voor het grote scherm hebben we het volgende ontwerp uitgewerkt: Ook hier hebben we weer gekozen voor de felle kleuren en vrolijke achtergrond. Dit is het scherm waarop de leuke foto s van de kinderen worden getoond. De kinderen kunnen dit scherm via de tablet helemaal zelf inrichten en dus ook verschillende achtergronden kiezen. Tekst? Zoals je misschien al is opgevallen is er op beide schermen weinig tot geen tekst te vinden. Dit is een bewuste keuze geweest. Op beide schermen hebben we namelijk ook zonder tekst maximaal resultaat kunnen behalen voor onze doelgroep.

Vergelijkbare documenten

15 Interactie Ontwerpen

15 Interactie Ontwerpen Kenrick Fontijne 0909758 1A Inhoud Product backlog Sitemap Navigatie model Activity diagram Wireframes Content areas Styleguide Tone of voice Product Backlog MUST HAVE Als gebruiker