05 Content. Kenrick Fontijne A

Vergelijkbare documenten
15 Interactie Ontwerpen

Hoofdconcept Project Pameijer Het Spelletjes-spel

Werken met Paint 2014

Rob Duits Sander Helling Xander Knol André van de Polder Paco Josée Klas: Rood. Onderzoeksrapport. Medialandschap

INTERACTIE. In de Appendix vindt u de wireframes.

Ict-puzzel voor het onderwijs

Product Backlog. Als gebruiker wil ik een foto van mijzelf kunnen maken, omdat ik foto s wil laten zien aan andere mensen.

NIEUW! Jos Burgers KLANT- GERICHTHEID

Gratis Microsoft Display Dock

Er verschijnt een overzicht van de twintig eilanden. De introductiefilm en veelgestelde vragen zijn hier te vinden.

Handleiding van de Bibliotheek. E-books lezen op je e-reader - voor Windows

responsive design & merkbeleving Nils Vermeulen / Seminar

Handleiding van de Bibliotheek: e-books lezen op je e-reader - voor OS X (Mac)

Rotterdams Ambassadrices Netwerk

Project 1 - Rob van der Heijden

Gewoon in de afvalbak IT S ALL ABOUT CONTENT. Bas Goyarts Allan Sonnenberg Martijn van der Voort Patrick van Wattum

inhoud Merkpositionering 3

Scratch! Les 5. Werkblad 6 Aan de slag met. 52 talentenkijker LEERLINGENWERKBLADEN

Korte handleiding TypeWorld 1

Responsive Design. Werkwijze en aanlevering Responsive Design. Mach3Builders

Find The Word. Design Document versie 0.1

Inhoudsopgave Voorwoord 7 Nieuwsbrief 7 Introductie Visual Steps 8 Wat heeft u nodig? 8 De website bij het boek 9 Hoe werkt u met dit boek?

Project Ontwerp Specificatie Het Zwarte Schaap Team 13 Klas Wit

groep 5,6 en 7 Een initiatief van Standaard Uitgeverij 2010 Standaard Uitgeverij / WPG Uitgevers België nv

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Gebruikershandleiding wachtwoord instellen en account ontgrendelen

Voordat je begint, lees je eerst deze bladzijden. Daarna weet je precies hoe je dit boek gebruikt.

Gebruikershandleiding websitebeheer

Uitleg TypeWorld-scholieren pagina 1

CASE Campagne Stad Genk

Design rationale document. Rabobank.com

Handleiding help Sinterklaas!

Spinternet stappenplan

Werkatelier: eenvoudige animatie maken met pivot animator

Hoofdstuk 2. Werken met de app Notitie en het toetsenbord. In dit hoofdstuk worden de volgende onderwerpen behandeld:

Handleiding van de Bibliotheek. E-books lezen via de app op je tablet of smartphone

Inloginstructie epraktijk

Handleiding Webportal. Schooljaar

Is uw webshop geschikt voor mobiel?

COLLECTOR GEBRUIKERSHANDLEIDING

Over deze handleiding

1. Starten met Windows 10

Handleiding Sony PRS-600

Technische Referentie - V&A TSD-QA89 (2011/11)

Handleiding Sony PRS-650

Project Het Parool. Media, Informatie en Communicatie. Propedeuse. Ontwerpdocument Beeld

Content tips & tricks

INHOUDSOPGAVE. INTRODUCTIE pagina CONCLUSIE CONCEPTING STYLEGUIDE APP. pagina pagina pagina pagina ONDERWERP AUTOFUEL

1. Kennismaken met Windows 8

HCC! Midden Brabant. Een eerste kennismaking met:

BASISCURSUS IPAD- IOS 9

HANDLEIDING FINLY THE FUTURE OF FINANCE IS NOW! Geachte Finly-Licentiehouder, Hartelijk dank voor uw aanschaf van Future of Finance software.

Handleiding van de Bibliotheek: e-books lezen op je e-reader - voor Windows

1. Starten met Windows 10

MAAK DE BITT GAMETABLET QW TB-G100 GEREED VOOR GEBRUIK IN EEN PAAR SIMPELE STAPPEN 1. ONDERDELEN 2 2. DE BASIS OPZET VAN ANDROID 2

Inhoud. Ontwerpdocument 18 juni 2007

Handleiding Word Press voor de bewoners Westerkaap 1

Handleiding van de Bibliotheek: e-books lezen via de app op je tablet of smartphone

Hoofdmenu > intime Ureninvoer. intime is het Urenregistratie programma van Asperion. Door alle gewerkte uren en reiskosten per

HermanMiller Mirra Bureaustoel. Zitten dat werkt voor jou.

Handleiding Weken met een Chromebook

Animatie. Middenbouw

Mijn Personeelszaken/ESS. Gebruikershandleiding ESS. juni 2013 CTB Personele Systemen BV

ICT Publisher

10 FACEBOOK TIPS VOOR BEDRIJVEN

Unicomedia biedt een totaal oplossing voor narrowcasting en adviseert over hardware, implementatie en beheer van deze netwerken.

Doelgroep onderzoek. Elian van der Heiden Animatie. Kenrick Fontijne A

1. Starten met Windows 10

TIPS EN HINTS VOOR BEGINNERS. Klik nu in de Menu balk op het menu item ELEMENT. Onder het woord Element gaat er nu vervolgens nu een sub menu open

Welkom op onze website

BRANDBOEKJE BROEKGRAAF, LEERDAM LOOK & FEEL

Examen VMBO-GL versie rood

Beste ouders/verzorgers en leerlingen,

Met dit programma kunt u fotoalbums, collages, kalenders, posters en nog veel meer maken. Wij vertellen u graag hoe dat werkt.

Handleiding Online groepssessie.

02. Responsive Design

HANDLEIDING VOOR PLOEGLEIDERS

Module 4.3 Live uitzenden en scherm delen 1 beeldscherm

Ik heb de installatiehandleiding gevolgd maar ik heb geen verbinding met mijn range extender


5. Surfen op uw Samsung telefoon

THUISWERKPLEK INSTELLEN

Transcriptie:

05 Content Kenrick Fontijne 0909758 1A

Inhoud Doelgroep Situatie Styleguide Content

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.

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.

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.

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.

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.

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.