Stageverslag by FloortjeM

INTERNSHIP CHUNK | AMSTERDAM

STAGIAR Floortje Meijer Communication & Multimedia Design 2014 - 2015 Rodenrijselaan 11a 3037XA Rotterdam +31 (0)6 52 60 15 24 fmemeijer@gmail.com STAGEBEDRIJF Chunk Oostelijke handelskade 527 1019BW Amsterdam The Netherlands STAGEBEGELEIDER Martijn de Beijer martijn.debeijer@chunk.nl +31 (0)6 25 00 41 42 www.chunk.nl

OVERZICHT VAN DE INHOUD

CONTENT

VOORAF HET BEDRIJF LEERDOELEN

CASES QELP

VEGA PROJECTS

BANNERS

VODAFONE THUIS

ONDERZOEK

TOT SLOT EINDREFLECTIE

BIBLIOGRAFIE

BIJLAGEN

PRAATJES OVER CHUNK

HET BEDRIJF

CHUNK

6 8

CORE BUSINESS

BEDRIJFSCULTUUR

BEDRIJFSSTRUCTUUR

CHUNK

WAAROM CHUNK?

WAAROM CHUNK? Mijn SLC, Sanka Smeets, postte op een

bekeek mijn opdrachten kritisch en vroeg

dag midden in de zomer een lijst met

naar achterliggende waarden. Hierdoor

bedrijven waar studenten stage zouden

kreeg ik het gevoel dat ik te maken had

kunnen lopen. Ik besloot de bedrijven te

met een kritisch persoon, precies wat ik

bekijken en Chunk sprak mij al gelijk aan.

nodig had om tijdens mijn stage veel te

Een bedrijf dat zich niet alleen richt op

kunnen leren. Daarnaast vertelde hij vol

het creĂŤren van interactieve producten,

enthousiasme over de bedrijven waar

maar zich ook bezig houdt met strategie.

zij voor werkte, wat mij erg aansprak.

Daarnaast vond ik de cases die op

Het voelde gemoedelijk en professioneel

de website beschreven stonden erg

tegelijk, precies hetgeen wat ik zocht.

interessant. Na een gesprek met een van de eigenaren van Chunk, Martijn de Beijer, was ik overtuigd dat het bedrijf bij mij zou passen. Ik voelde gelijk een klik met het bedrijf. Dit kwam mede door de geweldige inrichting en de relaxte sfeer op de werkvloer. Daarnaast vond ik het interessant dat ze voor vele grote merken werken, zoals Philips, Vodafone en Randstad. Uiteindelijk besloot ik voor Chunk te kiezen, omdat mijn gevoel tijdens de solliciatie goed was. Ik had het gevoel dat Martiijn mij serieus nam tijdens dit gesprek. Hij

CHUNK Chunk bestaat dit jaar alweer 10 jaar, maar

Uiteindelijk hebben ze daardoor voor heel

het begon allemaal in 2004 bij Vodafone

veel klanten kunnen werken.

in Amsterdam, Sloterdijk. Frank en Martijn waren toen in dienst van Vodafone en

Sinds die vliegende start heeft ChunkID

vormden samen het creative team van

zich op vele plaatsen gevestigd. Ze

dit grote bedrijf. Op een dag besloot

begonnen in de poeldijkstraat te

Vodafone te gaan decentraliseren. Ze

Amsterdam in een heel kamertje. Waarna

gingen verhuizen naar Maastricht. Frank

ze door verhuisden naar de keizersgracht

en Martijn, alletwee woonachtig rondom

in een kantoor van 80 vierkante meter.

Amsterdam, besloten niet mee te verhuizen

Uiteindelijk was dit niet groot genoeg en

naar Maastricht, maar Vodafone wilde het

verhuisde ze naar een stukje verderop

creatieve team niet kwijt. Frank en Martijn

op de keizersgracht waar ze een 2de en

besloten toen een bedrijf te starten

3de verdieping van een pand huurden,

waarmee ze vodafone toch van content

want het werknemers aantal groeide

wilde voorzien, maar dan in Amsterdam.

ook.

“ChunkID” was geboren. Het bedrijf kreeg een goede start door financiële hulp.

In 2012 was het ook tijd voor een naamsverandering. Iedereen noemde

Eerst had het bedrijf alleen Vodafone

ChunkID na een tijdje, Chunk. Daarnaast

als klant, maar Frank en Martijn hadden

vonden Martijn en Frank Chunk

een goed netwerk. Alle marketeers die

veel krachtiger overkomen. Helaas,

door de decentralisatie bij Vodafone niet

moesten ze nog even wachten tot de

mee verhuisden naar Maastricht, gingen

domeinnaam van Chunk betaalbaar was,

voor andere grote bedrijven werken. Zij

maar uiteindelijk was de nieuwe naam

hielpen ChunkID aan grote klanten als

een feit.

Hema, Bikkembergs, Makro en K-Swiss.

09 Momenteel vestigt Chunk zich op de Oostelijke Handelskade en is het uitgegroeid tot een bedrijf dat zichzelf beschrijft als een bedrijf dat strategie en creativiteit gebruikt om bedrijven succesvoller te maken. Ze gebruiken insights van bedrijven, maar bedenken daar een idee bij dat out-of-the-box is. Bedrijven vertellen hen hun doelen en daaropvolgend verzinnen ze samen met het bedrijf een plan om deze doelen te bereiken.

CORE BUSINESS CHUNK werkt voor grote bedrijven. Dit

Voor Vodafone is Chunk een strategische,

zijn voornamelijk bedrijven met een groot

creative partner. Zij hebben voor hen een

budget. Die bedrijven kunnen Chunk

aantal projecten gedaan op social media.

meer contuïniteit garanderen. Daarnaast

Daarnaast creeren zij ook demo’s en tools

hebben zij door een groter budget de

voor de website van Vodafone. Door het

ruimte om beter na te denken en uiteindelijk

ontwerpen van campagnes helpen ze

meer kwaliteit af te leveren. Daarnaast wil

Vodafone met hen online consults.

Chunk graag alles kunnen ontwikkelen

Zo heeft Chunk ook het merk ‘hollands

voor een klant. Daarom schakelen zij

nieuwe’ in de markt gezet. Dit online

strategie, concept en design binnen een

telecom bedrijf is een onderdeel van

bedrijf in voor een optimaal resultaat.

Vodafone. Chunk ontwierp hiervoor het

CHUNK werkt bijvoorbeeld voor Philips,

hele merk vanaf de grond. Zo ontwierpen

Vodafone en Randstad.

zij de guidelines, de huisstijl, de website en de campagnes.

Voor Philips werken zij wereldwijd. Zij creëren voor dit merk campagnes en

Voor

product promoties. Dit doen zij door

dagelijks, maar eens in de zoveel tijd

allereerst door een pasend concept te

hebben ze grote klussen voor dit merk.

vinden bij een nieuwe campagne, om die

Deze klussen hebben een grote impact.

vervolgens helemaal uit te werken in een

Ze hebben eerder de website geredesignt,

visueel design, zodat de campagne de

guidelines opgesteld en een nieuwe social

wereld in kan.

media kit ontworpen.

Randstad

werkt

Chunk

niet

BEDRIJFSCULTUUR Chunk is een bedrijf waar 12 mensen samenstellen,

een

heerlijk

omeletje

werken. Boven zitten de designers en bakken of een tosti maken. Daarnaast developers. Beneden zitten de mensen is er ook altijd heerlijk brood met lekkere die alles regelen op het financiele gebied, smeersels, vleeswaren en kaas. maar ook de controle houden op alle zaken. Binnen Chunk zie je vaak andere Naast alle fijne bijkomstigheden moet er mensen aan het werk. Zij schakelen vaak natuurlijk ook gewerkt worden. Als er bij freelancers in om bepaalde klussen snel Chunk een nieuwe opdracht binnenkomt, af te krijgen of om klussen te voltooien die krijgen ze allereerst een briefing van de met het eigen team niet voltooid kunnen klant binnen. Daarna gaan de werknemers worden.

die gaan werken aan het project, de briefing interpreteren.

Het bedrijf is gemoedelijk en er is ruimte voor ontspanning. Na de pauze is er voor Als er bepaalde dingen niet duidelijk zijn, de mannen altijd even tijd om te gamen in worden er vragen gesteld aan de klant. de gameroom. De vrouwen kunnen onder Hier rolt vervolgens een debrief uit met werktijd af en toe is hoelahoopen om de een quote, want wat gaat Chunk voor kilootjes van de heerlijke lunch er eraf te activiteiten ondernemen en wat gaat dit sporten.

kosten? Vervolgens wordt er in de game room of de meetingroom een uiteindelijke

Chunk zorgt goed voor de werknemers. briefing

gehouden,

waarin

iedereen

Eens in de maand wordt elke werknemer te horen krijgt wat de opdracht gaat een half uurtje gemasseerd, elke dag inhouden en wat er moet gaan gebeuren. kun je warme koffie pakken, maar het allerbelangrijkste: je kunt elke dag heerlijk lunchen! Je kunt dan je eigen salade

Dit is de volgorde van het proces waarin

Het werken bij Chunk is erg fijn. Iedereen

Chunk werkt tijdens hen projecten:

werkt hard en is erg gepassioneert

strategie

over zijn of haar taak binnen het bedrijf.

concept

Daarnaast helpen mensen elkaar en is

Interaction design

er interesse voor elkaars werk. Het is

Visual design

er duidelijk wanneer en wat er binnen

5) Developen

een opdracht moet gebeuren. Door middel van een digitale agenda worden

Tussen deze fasen door worden er vaak

afspraken ingepland binnen het bedrijf.

sessies gehouden met de klant, vooral in

Daarnaast wordt er elke dag een maitlje

het begin is het belangrijk om te weten

verzonden dat duidelijk maakt wat er

wat de klant wil. Vervolgens kan er dan

de volgende dag gaat gebeuren. Daar

verder gewerkt worden aan de fasen die

staat in wat iedereen gaat doen en of er

daarna komen. Tussen de verschillende

eventuele bijzonderheden zijn. Binnen het

fasen door wordt er ook vaak een sessie

bedrijf hangt een hele professionele sfeer,

gehouden met de klant. Hier wordt dan

waar mensen met een kritische blik elkaar

het werk tot dan toe laten zien en daar

graag willen helpen en gezamenlijk het

wordt dan feedback op gegeven.

beste eindresultaat neer willen zetten.

BEDRIJFSSTRUCTUUR

MARTIJN DE BEIJER

MANAGING DIRECTOR

MICHIEL DE WAAL

SENIOR UX DESIGNER

MARK SCHEERBOOM

ART DIRECTOR

FLORINE KERKMEER

SENIOR DESIGNER

ERIK NOORLAND

BO HOOY

FRONT-END DEVELOPER

WE DEVEL

15 FRANK ROSENHART

MANAGING DIRECTOR

KARIN HALLEBEEK

ACCOUNT DIRECTOR

OB YVELD

RACHID SADDRATI

CHARLOTTE VERHOEVEN

JOLIEN VAN KUIJK

WENDY VAN LUYCK

EB LOPER

FINANCIAL MANAGER

OFFICE MANAGER

PROJECT MANAGER

DIGITAL PRODUCER

DIT WIL IK LEREN TIJDENS MIJN STAGE

LEERDOELEN

EMPATISCH VERMOGEN

WIREFRAMING

CHUNK

PERFECTIONISME

PERFECTIONISME WAT Ik wil graag leren hoe ik mijn karaktereigenschap: ‘perfectionisme’ op een goede manier leer gebruiken. Hiermee probeer ik te zeggen dat ik graag trots wil zijn op wat ik maak en dat ik een keer kan zeggen dat iets af is, zonder daar negatief over te zijn of mijn minpunten te benoemen om zo onzekerder over te komen tegenover andere mensen. Ik wil dit graag oppakken binnen een visual designopdracht waarbinnen ik binnen een bestaande huisstijl (nieuwe) items moet ontwikkelen. Dit wil ik doen door mijn versies te bewaren en continue opnieuw feedback te vragen en daarop mijn ontwerp aan te passen. Ik zou dit graag binnen een vastgestelde tijd willen doen om mijn timemanagement te verbeteren. WAAROM

WAAR

Ik wil graag trots leren zijn op mijn werk,

Dit wil ik graag toe kunnen passen in

zodat ik andere mensen van mijn kunnen

mijn stagebedrijf, omdat zij dan werken

kan overtuigen. Ik moet leren dat ik niet

met iemand die trots is op haar werk en

eindeloos door kan gaan met verbeteren.

werk af kan maken binnen een bepaalde

Daarnaast is het ten zeerste van belang

tijdsperiode. Daarnaast wil ik mijn werk

om een eigen signatuur te ontwikkelen

goed kunnen verantwoorden tegenover

in deze fase van mijn studie, omdat ik nu

klanten en collega’s binnen projecten. Als

andere bedrijven mag verrijken met mijn

ik mijn keuzes met een reden heb gemaakt,

eigen visie en stijl.

moet ik achter mijn werk staan en zal ik hier overtuigender over communiceren.

19 HOE

WELKE

Ik wil dit gaan leren door in een stagebedrijf

1) Briefing ontvangen

goede feedback te krijgen op mijn werk.

2) Tijdsperiode vaststellen

Ik zou graag een begeleider hebben

3) Debriefing creĂŤren

binnen het bedrijf die mij vertelt wanneer

4) Opdracht starten

zij tevreden zijn en wanneer ik nog een

5) Versie 1 opslaan

aantal dingen moet verbeteren. Door deze

6) Feedback vragen

feedback zal ik elke keer verbeterslagen

7) Feedback verwerken voor versie 2

maken. Ik zal dit voornamelijk nodig hebben binnen visueel design opdrachten,

Het proces van stap 4, 5 en 6 zal ik

omdat ik vind dat het gehele plaatje moet

continue herhalen zodat ik kan leren

kloppen met het plaatje in mijn hoofd.

van mijn fouten door mijn opgeslagen versies. Door de ontvangen feedback zal de opdracht steeds een stukje dichter bij het verwachte eindresultaat in de buurt komen.

WANNEER Ik denk dat ik dit leerdoel moet blijven ontwikkelen na mijn stage, maar dat ik tijdens mijn stage grote stappen kan gaan maken. Ik hoop dat ik zelfverzekerder en bewuster van mijn ontwerpen terug kan komen op school en mij vervolgens verder kan gaan ontwikkelen.

EMPATISCH VERMOGEN WAT Ik wil graag dat de interactieve producten die ik in de toekomst zal ontwerpen goed aansluiten bij de doelgroep waarvoor in ontwerp. Dit houdt in dat ik door goed onderzoek, duidelijke wireframes wil kunnen maken die zowel aansluiten bij de doelgroep als bij de wensen van de opdrachtgever. Dit is de eindkwalificatie ‚empatisch vermorgen’ bij CMD, die ik graag onder de knie wil hebben om een goede ontwerper te zijn. In dit bedrijf zal dit aankomen op het verdiepen in de behoefte van de gebruiker en de gronden om een interactief product te gebruiken. Ik kan me hierin verdiepen door persona’s te creëren of door deskresearch te doen: onderzoeken te lezen en na te gaan wat de hoofdreden is van de gebruiker om het interactief product te gebruiken. WAAROM

WAAR

Dit leerdoel sluit aan bij de eindkwalificaties

Ik wil deze eindkwalificaties in mijn

‚onderzoeken’ en ‚empatisch vermogen’.

stagebedrijf graag leren. Dit ga ik doen

Het is erg van belang, dat je deze

door intensief bezig te zijn met ‚empatisch

eindkwalificaties onder de knie hebt

vermogen’ en mezelf goed in te lezen in de

als ontwerper. Zonder goed onderzoek

randvoorwaarden van de opdrachtgever

heb je een slechte basis, waardoor

en onderzoeksrapporten goed aan te

latere ontwerpen slecht aansluiten bij

houden. Door deskresearch en het maken

de doelgroep en niet gebruiksvriendelijk

van een debrief kan ik mezelf nog beter

worden bevonden, waardoor mogelijk de

inleven in de gebruiker.

interactieve producten niet fijn gebruikt kunnen worden door de gebruikers.

21 HOE

WELKE

Door beter onderzoek te doen kan ik

1) Briefing ontvangen

beter

2) Tijdsperiode vaststellen

eindkwalificatie

â&#x20AC;&#x161;empatisch

vermogenâ&#x20AC;&#x2122; toepassen. Dit onderzoek wil

3) Debrief maken

ik doen met behulp van het inleven in

4) Guidelines uitgebreid doorlezen

de doelgroep door bijvoorbeeld op het

5) Deskresearch naar de doelgroep

internet forums op te zoeken of bepaalde

6) Opdracht starten

dingen die populair zijn bij die doelgroep te omarmen. Een moodboard zou eventueel kunnen fungeren als een houvast tijdens het ontwerpen. Ook kun je andere voorbeelden gaan bekijken in de vorm van interactieve producten. Als gevolg hiervan kan ik betere ontwerpen maken, die beter aansluiten bij de beoogde doelgroep.

WANNEER Dit leerdoel is afgerond als ik weet hoe een proces van begin tot eind werkt bij het onwerpen van een interactief product. Ik zou graag een manier vinden waarop ik mijn doelgroep uitgebreid kan onderzoeken, zonder dat dit heel veel tijd in beslag neemt. Als ik dit een keer onder de knie heb, zou ik het proces aan kunnen houden en toe kunnen passen op andere interactieve ontwerpen. Dit leerdoel is hierna gemakkelijk toe te passen door de stappen die je eerder hebt doorlopen.

WIREFRAMING WAT Ik wil graag wireframes realiseren voor mobiele applicaties of websites die meteen begrepen worden door opdrachtgevers en programmeurs. Dit betekent dat ik een manier moet vinden waarop mijn wireframes begrijpelijker worden zonder daar te veel tekst aan toe te hoeven voegen. WAAROM

WAAR

Ik zou graag in mijn stage als interaction

Ik zou graag bij mijn komende stagebedrijf

designer aan de slag gaan en daarom is het

als interaction designer aan de slag gaan

belangrijk dat mijn wireframes begrepen

en begrijpelijke wireframes ontwerpen.

worden. Als ik dit niet onder de knie krijg, zou dit kunnen leiden tot verwarring en krijg ik een slechte naam als ontwerper. Als ontwerper is het belangrijk dat je de eindkwalificaties verbeelden en adaptief leren onder de knie hebt.

23 HOE

WELKE

Ik zou graag van een UX designer leren

1) Briefing ontvangen

hoe hij of zij het aanpakt met betrekking tot

2) Tijdsperiode vaststellen

het maken van wireframes. Ik zou graag

3) Debrief maken

handige trucs leren om mijn wireframes te

4) Opdracht starten

kunnen verduidelijken, waardoor collega’s

5) Schetsen

of klanten gelijk begrijpen wat er bedoeld

6) Feedback vragen op mijn schetsen

wordt.

7) Feedback verwerken in digitale wireframes (evt. programma) 8) Wireframes optimaliseren met duidelijke elementen (bijvoorbeeld placeholders, buttons, dropdown-menu’s). 9) Feedback vragen en verwerken Stap 8 en 9 zal ik meerder malen herhalen om een gewenst eindresultaat te creëren.

WANNEER Ik zou graag een keer een heel proces goed uit willen voeren met een begeleider, waardoor ik zal snappen hoe ik die eenvoud op moet zoeken. Ook zou ik graag eerdere wireframes van andere projecten bekijken, waardoor ik een goed beeld krijg van wireframes en hierdoor mijn wireframes hierop kan aanpassen. Hierna zal ik begrijpen hoe ik op een eenvoudige manier een wireframe kan realiseren zonder daar teveel aanwijzingen bij te hoeven geven.

UX DESIGN WEBSITE

QELP

CHUNK UX DESIGN WEBSITE

1 oktober - 31 oktober 2014 OPDRACHTGEVER QELP

TEAM

Frank Rosenhart - UX designer

BEGLEIDING

Frank Rosenhart - UX designer

ACHTERGROND

TAKEN

ACTIES

RESULTAAT

REFLECTIE 32

LEERDOELEN

Perfectionisme

Empatisch vermogen Wireframing

TAKEN

ACHTERGROND PROJECT Qelp

een

bedrijf

dat

grote

• Briefing doornemen en debriefen

telecombedrijven helpt om de customer satisfaction te verbeteren. Dit doen zij door

• sitemap maken

het leveren van twee mogelijke opties: Call center software of selfservice software.

• flowchart maken

Door Call center software wordt er een reductie van het aantal calls gecreëerd,

• afspraak met de klant bijwonen

door het toevoegen van diagnostics. Diagnostics is een applicatie die in de

• schetsen maken

telefoon van de consument kan kijken en instellingen kan veranderen door een link die de consument toegestuurd krijgt. Onder Selfservice software valt het helpen van de customers van de telecombedrijven die problemen hebben met hun telefoon. Hiervoor is een speciaal programma ontwikkeld waarbij customers zelf hun telefoon kunnen maken door middel van een applicatie. Naast deze twee software diensten helpt Qelp ook met de SEO (Search Engine Optimalization) van grote telecom bedrijven. Hierdoor zullen zij meer traffic generen naar hun website.

• clickable prototype maken in Axure

ACTIES

BRIEFING DOORNEMEN EN DEBRIEFEN Samen met met baas en UX designer, Frank, heb ik de briefing uitgebreid doorgelezen. Daarna hebben we voor onszelf duidelijk gemaakt wat de klant wil en op welke manier zij dit willen. Al onze bevindingen schreven we op a4 papieren die we daarna ophingen op een bord tegen de muur. Toen al deze papieren hingen, konden we gaan herleiden welke waarden voor Qelp belangrijk zijn.

SITEMAP In de briefing die we van Qelp hadden ontvangen hadden zij al een sitemap geplaatst. Deze sitemap was erg uitgebreid, waardoor ik functionaliteiten samen heb gevoegd en uiteindelijk een nieuwe sitemap heb samengesteld. In de bijlage kun je de sitemap vinden die ik voor deze case heb gemaakt.

“IN DE GAMEROOM DEDEN FRANK EN IK ONZE BEVINDINGEN VOOR QELP.”

FLOWCHART Na het maken van de vereenvoudigde sitemap, was het tijd om een overzichtelijke flowchart te maken om de verbanden tussen de verschillende pagina’s overzichtelijk te hebben. Hierbij leerde ik van Frank een nieuwe manier om een flowchart te verbeelden. Door mini wireframes als pagina’s in de flowchart weer te geven, heb je alvast een eerste opzet van de wireframes en overzicht voor de flowchart. In de bijlage kun je de flowchart vinden die ik voor deze case heb gemaakt.

AFSPRAAK MET DE KLANT Het team van Qelp kwam met 4 man sterk. De directeur van Qelp, de marketeer van Qelp, een freelancer en een visueel designer. Tijdens deze afspraak heeft Frank onze ideeën aan de klant getoond. Dit deed hij door onze ruwe schetsen op het bord als presentatie te gebruiken. Tijdens deze afspraak hebben de mannen van Qelp ons bij kunnen sturen in hen denkwijzen over de website en hebben wij hen enkele vragen kunnen stellen met betrekking tot de debriefing en de visie op de toekomstige website. Ik heb tijdens deze ontmoeting vooral veel gekeken en geanalyseerd hoe een gesprek met de klant verloopt. Ik heb geleerd hoe je vriendelijk en zakelijk tegelijk kunt zijn.

“CTA”S IN MIJN SCHETSEN MARK IK WORDT.”

ZODAT HET DOEL VAN DE PAGINA DUIDELIJK

SCHETSEN MAKEN Na het gesprek met Qelp wisten Frank en ik dat de klant akkoord ging met de huidige sitemap en flowchart. Hierna konden beginnen aan het realiseren van de wireframes voor de website. Eerst werd de debriefing uitgepluisd. Hierdoor krijg je een goed beeld van de visie van het bedrijf en de doelgroep die het bedrijf aanspreekt. Hierdoor kun je gelijk aan de slag met het maken van schetsen.

CLICKABLE PROTOTYPE De wireframes heb ik uiteindelijk verwerkt in het programma ‘Axure’. In dit programma kun je door eenvoudige tools een geraamte van een website opzetten. In principe kun je een werkende site maken zonder een visuele invulling. Meer wireframes kun je in de bijlage vinden.

RESULTAAT Het resultaat van mijn acties is een kloppende interactieve website. De ruimte tussen de verschillende onderdelen in website komt met een visueel sausje nog steeds erg mooi uit. De reacties na dit project waren erg positief. Binnen een week tijd heb ik samen met Frank een UX design gezet. Een maand hierna stond de website van Qelp online. Het hele team van Chunk was actief bezig met de lancering van de website. Uiteindelijk zijn we allemaal erg tevreden met het eindresultaat.

REFLECTIE Werken aan het interaction design van de

om een week lang gefocust met ĂŠĂŠn

website van Qelp vond ik erg leerzaam.

project bezig te zijn. Ik heb geleerd dat

Het proces dat ik heb doorlopen tijdens

ik beter eerst een project af kan ronden,

het maken van een interaction design

voordat ik aan het volgende project begin.

geeft mij veel rust. Ik heb nu een veel

Anders verlies ik de focus en ben ik sneller

duidelijker beeld van de uiteindelijke acties

afgeleid.

die je moet voltooien. Normaal gesproken begin ik gelijk aan een interaction design,

Voor het volgende project zal ik dit zelfde

terwijl ik grof de briefing heb doorgelezen.

proces aanhouden, omdat dit voor mij heel

Door alles voor jezelf op een rijtje te

goed heeft gewerkt. Het onderzoeken

hebben is het veel gemakkelijker om een

aan het begin van het proces zal ik goed

interaction design te realiseren. Daarnaast

onthouden en meenemen naar al mijn

heb ik veel geleerd over het maken van

volgende projecten in de toekomst.

duidelijke wireframes, die je stap voor stap op moet bouwen. Het zoeken naar functionaliteiten doe je voordat je de wireframes maakt aan de hand van de kennis die je hebt vergaard door de briefing en het begrijpen hiervan. Hierdoor begrijp je de doelgroep ook veel beter en kun je de functionaliteiten hier gemakkelijk op aanpassen. Ik vond het heel leerzaam

33 PERFECTIONISME Tijdens dit project heb ik binnen een

Ik heb dit leerdoel deels behaald tijdens

korte tijd een UX design gemaakt voor

dit project. Ik heb geleerd dat ik trots moet

een uitgebreide website. Omdat er weinig

zij op mijn werk en dat niet alles in een keer

tijd was heb ik een duidelijke planning

goed kan zijn. Door het vragen van veel

gemaakt. Door de tijdsdruk was er geen

tussentijdse feedback, krijg je een beter

tijd om mezelf druk te maken over kleine

gevoel bij je designs en heb je geen reden

aanpassingen. Tijdens dit project heb ik

om niet trots te zijn op je werk. Daarnaast

geleerd dat niet alles in één keer goed is.

is het maken van een duidelijke planning

Je kunt beter een eerste opzet maken en

een must, omdat je hierdoor weet dat je

hier feedback op vragen en zo steeds een

niet eindeloos kan blijven hangen op één

stapje dichter bij het eindresultaat komen.

punt in een design. Toch zal ik moeten

Door de tussentijdse feedback kreeg ik

kijken of dit prcoes tijdens mijn volgende

een goed gevoel bij de verbeteringen die ik

projecten ook werkt, voordat ik kan

aanbracht, waardoor mijn perfectionisme

zeggen dat ik mijn leerdoel perfectionisme

in combinatie met onzekerheid geen kans

heb behaald.

kreeg.

EMPATISCH VERMOGEN Voordat Frank en ik begonnen met het

Ik heb dit leerdoel behaald tijdens

realiseren van het UX design, hebben

dit project. Ik vond het proces tijdens

wij samen eerst uitgebreid de briefing

dit project erg fijn werken. Allereerst

doorgelezen en geanalyseerd. Hierna

analyseer je de briefing van de klant,

hebben we herleid wat Qelp graag in

waarna je de achterliggende waarden

hun nieuwe website terug wilde zien.

vaststelt. Hierdoor kun je goed voorbereid

Dit deden wij ook door de oude website

beginnen aan een design en weet je waar

van Qelp goed te analyseren en te kijken

de focus ligt tijdens het project. Door

welke waarde er in die site terugkwamen.

deze methode kun je gemakkelijk een

Door middel van een groot bord waar

duidelijk beeld krijgen van de klant en de

wij onze schetsen ophingen, hebben wij

consument waarvoor je werkt.

een samenhangend beeld gecreĂŤerd, waardoor wij de klant en de consument beter begrepen. Door de uitgebreide analysatie

konden

gemakkelijk

waarden koppelen aan de klanten van Qelp. Door de tijd te nemen voor het begrijpen van de briefing en de wens van de klant, kun je beter en sneller een passender interaction designer creĂŤren.

35 WIREFRAMING Tijdens dit project heb ik veel geleerd over

Ik heb dit leerdoel behaald tijdens dit

het maken van wireframes. Het maken

project. Het doorlopen van het juiste

van een flowchart en sitemap in één

proces zorgt voor duidelijke wireframes.

was voor mij nieuw, maar erg effectief.

Door eerst een flowchart en sitemap in

Je creëert hierdoor in een vroeg stadium

één te maken heb je een globaal beeld

al een duidelijk overzicht voor jezelf. Het

van de pagina’s. Deze werk je hierna

wireframen heb ik zonder annoteren

uit in wireframes, die je gemakkelijk om

gedaan. Frank heeft mij geleerd dat

kan zetten in een clickable prototype

wireframes duidelijk moeten zijn zonder

met behulp van bijvoorbeeld “Axure”. Dit

annoteren. Zo niet, dan moet je mondeling

prototype kun je gemakkelijk delen met

uitleggen waar de wireframes voor staan.

mensen die jouw wireframes moeten

Na het maken van de wireframes en het

beoordelen of uitwerken.

vergaren van veel tussentijdse feedback, heb ik de wireframes overgezet in een clickable prototype met behulp van het programma “Axure”. Hierdoor heb je al je wireframes bij elkaar. De bestanden van Axure kun je gemakkelijk doorsturen naar collega’s of de klant, zodat zij een duidelijk beeld krijgen van je ideeën.

ONTWERP BEDRIJFSPRESENTATIE

VEGA PROJECTS

CHUNK ONTWERP BEDRIJFSPRESENTATIE 20 november - 21 november 2014 OPDRACHTGEVER VEGA PROJECTS TEAM -

BEGLEIDING

Mark Scheerboom - Art director

ACHTERGROND

TAKEN

ACTIES

RESULTAAT

REFLECTIE 44

LEERDOELEN

Perfectionisme

Empatisch vermogen

ACHTERGROND PROJECT

TAKEN

VEGA PROJECTS is een bedrijf dat

• Onderzoek

gebouwen ontwerpt en inricht. Zij richten zich op het gehele afbouwpakket. Buiten

• Achtergronden maken in Photoshop

het ontwerpen en inrichten van gebouwen, verzorgen zij ook het projectmanagement, ondersteund

door

• Slides ontwerpen in Prezi

werkvoorbereiders,

tekenaars en uitvoerders.

• Animaties toevoegen in Prezi

VEGA PROJECTS heeft onder andere

• Opleveren aan de klant

het gebouw waar Chunk zich in vestigt ontworpen

ingericht.

Daarnaast

hebben zij ook gebouwen ontworpen en ingericht voor onder andere RET Rotterdam en Samskip.

ACTIES

ONDERZOEK Voordat ik begon met het ontwerpen van de bedrijfspresentatie van VEGA PROJECTS, heb ik allereerst een kort onderzoek gedaan. Ik heb op de website gekeken om wat voor bedrijf het ging en wat de verschillende projecten zijn die zij hebben uitgevoerd. Hierdoor kreeg ik een beeld van de stijl van het bedrijf en kon ik hierdoor gemakkelijk een ontwerp koppelen aan deze identiteit.

ACHTERGRONDEN MAKEN IN PHOTOSHOP De verschillende slides in Prezi kregen allemaal een andere achtergrond. Ik heb gekozen om op elke slide een sfeerbeeld te laten zien van de verschillende projecten van het bedrijf. De achtergrond werd zwart, omdat dit ook de kleur is die voornamelijk gebruikt wordt op de website. De sfeerbeelden bestaan uit voorwerpen die VEGA PROJECTS bij hen projecten heeft gebruikt als echte eyecatchers.

“HET ONTWERPPLATFORM VAN PREZI HEEFT VELE BERPERKINGEN IN DESIGN.”

41 SLIDES ONTWERPEN IN PREZI De tekst die ik vooraf aangereikt kreeg, moest nu vertaalt worden in een visueel mooi plaatje. In Prezi kon ik met de gemaakte achtergronden de slides nu van een wit gekeurde tekst voorzien. Op advies van het bedrijf heb ik de slides heel rustig gehouden.

ANIMATIES TOEVOEGEN IN PREZI Na het maken van de slides kon ik voor een speelser effect animaties toevoegen tussen de slides. Zo vlieg je elke keer op een andere manier naar de volgende slide. Dit maakt het geheel dynamischer en fijner om naar te kjken.

OPLEVEREN AAN DE KLANT Toen ik de Prezi eenmaal klaar had, liep ik samen met mark door de schermen heen. Na een paar kleine aanpassingen, werd de prezi ge端pload naar de account van VEGA PROJECTS. Mark was heel enthousiast over het uiteindelijke ontwerp. Hij vond dat het ontwerp en gelikt uitzag en goed paste bij de klant.

RESULTAAT Het resultaat van mijn acties is een passende bedrijfspresentatie. De bedrijfspresentatie past perfect bij de klant en er is voldaan aan alle randvoorwaarden die ik eerder toegereikt kreeg. Binnen 2 dagen tijd heb ik een mooie presentatie gemaakt. Mark, art-director, was erg blij met het eindresultaat. Hij vond de presentatie erg passend en gelikt geworden. Hieronder staan enkele schermen van het eindresultaat van dit project weergegeven.

REFLECTIE Het werken aan een bedrijfspresentatie

Met wat ik heb geleerd in dit project, kan

vond ik erg leerzaam. Het is belangrijk dat

ik gemakkelijk andere bedrijfspresentaties

je de juiste uitstraling aan de presentatie

in elkaar zetten. Ik vind het een hele

meegeeft, aangezien deze presentatie

verantwoordelijkheid om voor een groot

wordt getoond aan nieuwe klanten. Ik

bedrijf een bedrijfspresentatie te maken,

heb tijdens dit project geleerd om een

maar omdat het deze keer tot een goed

passende presentatie te maken bij een

resultaat heeft geleid, ben ik nu ook

bedrijf. Ook heb ik leren werken in het

zekerder en zal ik de volgende keer weer

programma ‘Prezi’, iets wat ik eerder

volgens hetzelfde proces handelen.

nooit deed. De volgende keer zou ik graag aan een ander programma werken voor het maken van een presentatie. Ik merkte tijdens het maken van deze presentatie, dat er veel beperkingen zijn in het programma ‘Prezi’. Je kunt bijvoorbeeld geen lagen maken en niet gemakkelijk thema’s aanpassen. Ik zou graag het programma ‘Keynote’ onder de knie krijgen, omdat je hier prachtige presentaties mee kunt maken.

45 PERFECTIONISME mijn

Ik heb dit leerdoel behaald tijdens dit

met betrekking tot mijn

project. Ik kon erg goed merken dat mijn

leerdoel perfectionisme duidelijk gemerkt.

nieuwe manier van werken ten opzichte

Door de voorgaande projecten wist ik dat

van mijn perfectionisme mij heel erg heeft

de manier van veel feedback tussendoor

geholpen. Ik kon door een strakke planning

vragen en een juiste planning maken, mij

en veel tussentijdse feedback gemakkelijk

erg goed helpt. Tijdens dit project kon dit

doorwerken aan dit project. Ik vind het erg

goed toepassen. VEGA PROJECTS sluit

fijn dat ik nu mijn manier van werken heb

erg goed aan bij mijn stijl en daarom vond ik

gevonden en dat ik nu ook vaker tevreden

het ook minder lastig om perfectionistisch

ben met mijn eigen werk. Iets was heel

te zijn. Ik had gelijk een idee bij hoe dit

belangrijk is als ontwerper, omdat je

project eruit moest komen te zien. Ook

anders naar mijn idee je motivatie verliest.

Tijdens

dit

verbeteringen

project

heb

door de beperkingen in Prezi konden heel veel dingen niet, waardoor ik al een hoop beperkingen had wat design betreft.

EMPATISCH VERMOGEN Tijdens dit project heb ik eerst kort onderzoek gedaan. Dit onderzoek bestond uit deskresearch naar de projecten die VEGA PROJECTS heeft gedaan en de website van het bedrijf. Ook heb ik gekeken naar de eerdere presentaties die Chunk voor VEGA PROJECTS heeft gemaakt.

beeld

project. Door een deskresearch en het bekijken van vorige presentaties, kreeg ik een goed beeld van de identiteit van het bedrijf. Hierdoor kon ik de presentatie goed vormgeven naar de wens van de klant. Door de methode die ik toe heb gepast op dit project, kon ik gemakkelijk

Door dit kleine onderzoek kreeg ik een goed

Ik heb dit leerdoel behaald tijdens dit

van

het

bedrijf

VEGA

PROJECTS. Hierdoor kon ik gemakkelijk de stijl van het bedrijf doorvoeren in de nieuwe presentatie met een fris design.

een passende presentatie maken voor dit bedrijf.

BANNERS UITWERKEN

PHILIPS

CHUNK UITWERKEN BANNERS

1 september - 19 december 2014 OPDRACHTGEVER PHILIPS TEAM

Karin Hallebeek - Account director Jolien van Kuijk - Project manager

Peter van Driel - Freelancer

ACHTERGROND

TAKEN

ACTIES

RESULTAAT

REFLECTIE 58

BEGLEIDING

Mark Scheerboom - Art director LEERDOELEN

Perfectionisme

ACHTERGROND PROJECT Dit is een campagne van Philips in

TAKEN • Meeting

combinatie met Douwe Egberts. In deze campagne staan 4 koffie apparaten

• Formaten uitwerken

centraal. De banners zijn georiënteerd op het najaar en voor België in het bijzonder op de kerstsfeer. Tijdens mijn stage heb ik veel verschillende

• Voorstellen doen van verschillende versies • Storyboards maken

banners gemaakt voor Philips. In deze case licht ik in het bijzonder de banners voor Senseo uit. Het maken van banners gaat altijd in hetzelfde proces.

• Oplevering aan animator

ACTIES

MEETING Voordat Chunk begon aan het realiseren van de banners van Senseo had de account manager, Karin Hallebeek, het idee om dezelfde sfeer als de commercial aan te houden. Peter van Driel, Freelancer en tevens vormgever, moest de eerste opzet van de banners maken, waarop ik vervolgens alle formaten heb uitgewerkt.

FORMATEN UITWERKEN Naar aan leiding van de bannerset (6 frames in rectangle formaat) die Peter van Driel had afgeleverd, moest ik de overige banners uit gaan werken. Dit waren vele verschillende formaten die allemaal voorzien moesten worden van een geheel andere lay-out van dezelfde elementen. Op de volgende pagina kun je de twee storyboards zien die ik aangeleverd kreeg.

53 VOORSTELLEN DOEN VAN VERSCHILLENDE VERSIES Sommige banners moesten op hele kleine formaten moesten gemaakt. Hierdoor moest je keuzes maken in het tonen van bepaalde elementen. Hier kon bijvoorbeeld heel klein een actiebol in getoond worden of de producten in groter formaat. Deze voorstellen maakte je in een Indesign bestand en stuurde je door naar Philips om te vragen waar zij de voorkeur naar gaven.

“DE EINDSCHERMEN VOOR HET BUTTON FORMAAT (150X150) WAREN LASTIG, OMDAT ER WEINIG RUIMTE WAS EN DEZE HEEL KLEIN GETOOND WORDEN. SOMS

”

MOET JE DAN IETS WEGLATEN.

STORYBOARDS MAKEN Wanneer de klant de voorstellen had gezien en vervolgens had gekozen voor een voorstel, maakte ik van alle frames van de banners een Indesign bestand. Zo hadden zij een overzicht van alle frames en konden zij gemakkelijk zien waar zij nog dingen anders wilden zien.

Senseo promo NL - 120 x 600

55 OPLEVERING AAN ANIMATOR Als alle banners goedgekeurd waren, moest ik via de server de Photoshop bestanden overdragen aan de animator van Chunk, Erik Noorland. Hij zorgt ervoor dat alle banners een dynamisch sausje krijgen, waarbij koffiezetapparaten invliegen en actiebollen extra opvallen door een schaal-effect. Daarnaast moest ik ervoor zorgen dat Erik bij mij voor vragen terecht kon tijdens zijn uitwerkingen.

Floortje Meijer | Chunk

31 oktober 2014 9:25

Aan: Jolien van Kuyk | Chunk

Storyboards Philips Senseo BE

Hi Jolien, In de bijlage stuur ik je de storyboards voor Philips Senseo BE. Ik hoop dat ze tevreden zijn met het eindresultaat.

Jolien van Kuyk | Chunk Aan: Floortje Meijer | Chunk

RE: Storyboards Philips Senseo BE

Ja top! Ze zijn er heel blij mee, well done :). Groet, Jolien

31 oktober 2014 9:54

RESULTAAT Het resultaat van mijn acties zijn 2 bannersets voor Nederland en BelgiĂŤ. Jolien was net als Philips erg tevreden met het eindresultaat. De bannersets zijn op tijd afgeleverd, zodat zij deze kerst kunnen schitteren op het internet.

REFLECTIE Het maken van banners heeft mij veel

raffelen en er niet tevreden mee zijn.

geleerd over compositie en leesbaarheid. Het maken van een compositie vergt veel

Helaas

geduld, aangezien je veel moet schuiven

werkzaamheden dat ik weinig vrijheid heb

en elke keer opnieuw moet kijken wat

gehad om mezelf verder te ontwikkelen.

het best past bij een bepaald formaat.

Enkel het uitwerken van de banners was

De leesbaarheid van een banner moet

mijn taak. Het hele design bestond al en ik

duidelijk zijn, omdat het om een promotie

moest daarna de overige formaten van het

uiting gaat. Soms moet je genoodzaakt

hetzelfde design voorzien. De compositie

een afbeelding of een stuk tekst te

en de grootte van de afbeeldingen en

schrappen om de leesbaarheid en een

tekst heb ik zelf gedaan. Helaas zaten in

duidelijke compositie te behouden.

er in deze opdrachten geen uitdagingen voor mij.

Ook heb ik geleerd dat perfectionisme een goede eigenschap is en je deze ook kunt benutten in plaats van negatief beschouwen. Perfectionisme heeft soms wat meer tijd nodig, maar het eindresultaat kan er alleen maar beter op worden. Als je geen hele strikte tijdslimiet hebt, kun je beter je tijd goed besteden en echt iets moois van maken, dan iets af moeten

vond

bij

alle

banner

59 PERFECTIONISME Tijdens dit project heb ik geleerd dat

Ik heb dit leerdoel behaald tijdens dit

perfectionisme een goede eigenschap

project. Door Mark heb ik ingezien dat

is en je deze beter kunt benutten, dan

ik perfectionisme als eigenschap moet

het beschouwen als een negatieve

koesteren en ik achter de projecten die

eigenschap. Perfectionisme heeft vaak

ik oplever moet staan. Daarnaast heb ik

wat meer tijd nodig, maar het eindresultaat

heel veel geleerd over het ontvangen van

kan er dan ook alleen maar beter door

kritiek. Ik weet nu dat dit alleen zakelijk

worden. Als je een strikte tijdslimiet hebt,

is bedoeld. Ook weet ik nu waarom

moet je binnen die tijd doen wat je kunt

bepaalde acties wel of niet goed zijn

doen. Als je meer tijd hebt, kun je wat

binnen een design.

meer uitlopen en langer denken over dingen waar je nog niet zeker over bent. Door Mark, art-director bij chunk, heb ik geleerd dat ik altijd tevreden moet zijn over hetgeen wat ik aflever. Door de feedback die Mark mij continu heeft gegeven, heb ik geleerd om kritiek te accepteren en waarom sommige visuele elementen wel of niet duidelijk zijn in een banner campagne.

UX EN DESIGN VODAFONE PAGES

VODAFONE THUIS

CHUNK UX & DESIGN VODAFONE PAGES 4 december - 11 december 2014 OPDRACHTGEVER VODAFONE TEAM

Wendy van Luijk - Project Manager Erik Noortland - Developer

Mark Scheerboom - Art director BEGLEIDING

ACHTERGROND

TAKEN

ACTIES

RESULTAAT

REFLECTIE 72

Mark Scheerboom - Art director Frank Rosenhart - UX designer

Martijn de Beijer - Visual designer LEERDOELEN Wireframing

ACHTERGROND PROJECT

TAKEN

Vodafone Thuis is een onderdeel van

•

Briefing project

Vodafone dat zich richt op gezinnen die een compleet abonnement af kunnen

• Scheten

sluiten met daarin televisie, internet en bellen op een vaste telefoon.

In deze

•

Wireframes maken

•

Feedback klant bespreken

•

Briefing design

case zal ik 3 opdrachten toelichten: 1 UX design landingpage voor het Nieuwe TV-menu. Hierin wordt voor klant uitgelegd wat de nieuwe functionaliteiten zijn van

• Design

het TV-menu. •

Feedback Vodafone & visie

•

Briefing developer

•

Hulp geven aan de programmeur

2 UX design voor de premium zender pakketen page van Vodafone Thuis. Hierin wordt aan de klant uitgelegd voor welke premium zender pakketten zij kunnen kiezen naast hen abonnement. 3 UX

Visual

design

voor

zenderpakketen page, waarin Vodafone Thuis de klanten wil uitleggen bij welke abonnementen zij kunnen kiezen voor extra zenderpakketen.

ACTIES

BRIEFING Voordat ik aan elk project begon van Vodafone Thuis heeft Wendy mij gebrieft. Project 1: het UX design voor de landingpage, had Vodafone een uitgebreide briefing met wat er op de desbetreffende page moest komen. Deze briefing kun je vinden in de bijlage. Voor project 2 en 3 werd ik tegelijkertijd gebrieft. Voor project 2 was het de bedoeling om een pagina te ontwerpen waarbij de klant een beeld krijgt van de verschillende premium zender pakketten. Voor Project 3 moest de klant een idee krijgen van de verschillende zenderpakketten die ze konden kiezen bij elk abonnement. Hierbij kreeg ik een mailtje van Wendy, waarin zij mij vertelde wat de bedoeling was. Hierna zijn we samen gaan zitten om te bespreken of alles duidelijk was en ik nog eventuele vragen had. In de bijlage kun je de briefing zien die ik ontving voor project 1.

“DIT MAILTJE KREEG IK VAN MIJN PROJECT MANAGER WENDY VOORDAT IK BEGON MET HET WIREFRAMEN VAN DE PAGES VAN PROJECT 2 EN 3.”

Wendy van luyk | Chunk Aan: Floortje Meijer | Chunk

4 december 2014 10:23

VFT Zenderpakketen + Premium

Hi Floortje, Ik kom je zo briefen:) Hier alvast wat input. Beelden: Te vinden op de klantenmap -> vodafone -> 2014 -> Zender+ premiumpakketen -> aangeleverd door account -> Assets -> Visual Copy: Zie hieronder. Belangrijk: - Moet nog wel het ‘Erotiek’ pakket bij komen. Maar een placeholder neerzetten. En er moet ergens een intro komen. - Fox sports is een overkoepelend merk, maar ze bieden 3 verschillende dingen aan. Eredivisie, International of een combinatie. Moeten we even goed naar kijken. - Daarnaast komt er hiervan nog een tweede versie voor bestaande klanten waarbij we willen zeggen: wil je een extra zender erbij? Bel dan 0800 – XXXX. Coming up :-) Gr’s Wendy

65 SCHETSEN Na de briefing kon ik voor elk project aan de slag met het schetsen. Voor project 1 had vodafone een hele uitgebreide briefing waarbij ik een geheel nieuwe pagina moest ontwerpen. Hiervoor heb ik dan ook vele schetsen gemaakt met vernieuwde ideeën en functionaliteiten. Frank en ik hebben hier tussendoor ook vaak samen naar gekeken. Voor project 2 heb ik één ruwe schets gemaakt, omdat Vodafone Thuis kenmerkende stijl heeft waarbij ze blokken onder elkaar tonen, met daarin om en om een plaatje en een korte tekst met eventueel een button naar een andere pagina. Voor project 3 heb ik een aantal schetsen gemaakt, waarvan ik er helaas een paar ben kwijtgeraakt. Hierin maakte ik verschillende iteraties voor het tonen van de verschillende zenderpakketten bij de abonnementen van Vodafone. In de bijlagen staan alle schetsen van de projecten.

WIREFRAMES MAKEN EN DOORSTUREN NAAR DE KLANT De digitale wireframes heb ik alleen gemaakt voor project 1: het nieuwe TV-menu. Omdat dit een hele nieuwe pagina zou worden, moest hier allereerst een digitale wireframe voor gemaakt worden in Axure. Ik heb de eerste opzet gemaakt, waarna Frank het een en ander heeft aangepast en doorgestuurd naar Vodafone. De overige projecten begonnen na het schetsen direct bij het designen van de verschillende paginaâ&#x20AC;&#x2122;s, omdat dit over een vast concept ging (zoals bij de premium pakketen) of om een deel van de pagina (zenderpakketten). In de bijlage staat de page van project 1 uitgewerkt in Axure. FEEDBACK KLANT BESPREKEN Nadat enkel het Axure bestand van project 1 opgestuurd was naar de klant, konden we hierna met het team weer samen gaan zitten en bespreken of er nog bepaalde zaken anders moesten en hoe we het design invulling zouden geven. Uiteindelijk was het Interaction design van project 1 prima en kreeg Martijn, managing director en visual designer, de opdracht om deze pagina te gaan designen.

67 BRIEFING DESIGN Frank, Mark, Wendy en Martijn vroegen mij om even samen te gaan zitten om het design te bespreken voor de Vodafone pages van project 2 en 3. Ik besprak samen met Frank de ideeën die wij hadden voor project 2 en 3. Frank had me tijdens het proces van het wireframen bijgestaan en tussendoor veel feedback gegeven. Uiteindelijk hadden we alle twee een duidelijk idee bij de pagina’s en moesten we dit overbrengen aan Martijn, Mark en Wendy. Wendy besloot dat Mark de premium zenderpakketten pagina mocht gaan designen en ik de zenderpakketten die klanten bij hen verschillende abonnementen konden kiezen. Ik had Wendy al eerder gemeld dat ik alvast begonnen was met het designen van de pagina’s en besloot mijn opzet van het design te laten zien tijdens de briefing. We hebben toen met zijn allen nog even nagedacht over het huidige design. Ik kreeg een aantal feedbackpunten die ik kon verwerken in het design. In de bijlage staan beide pagina’s die ik had gedesignt voor de briefing.

DESIGN Na de briefing met veel feedback begon ik aan het designen van de zenderpakketten pagina. Omdat het design al grotendeels bepaald was voordat ik officieel begon aan de design fase, hoefde ik nu alleen maar alles netjes op het grid te zetten en feedback te verwerken in mijn huidige designs. De feedback stuurde Wendy in onderstaand mailtje. Nadat ik alles had verwerkt, konden de designs na akkoord opgestuurd worden naar Vodafone. In de bijlage staan de pagina’s die ik gemaakt heb in de designfase. Wendy van luyk | Chunk

4 december 2014 10:23

Aan: Floortje Meijer | Chunk

VFT Zenderpakketen + Premium

Hi Floortje, Even ter bevestiging voor VFT Zender- + premiumpakketten: • Prijzen noemen bij TV-pakketten. • Stukje tekst bij ieder zenderpakket = ongeveer 2 regels. Tekst komt via VF. • Legalline bij groot beeld wordt aan gewerkt door VF = korter maken. • 1 foto voor Kids&Music pakket is goed, met focus op kids pakket. Dora plaatje dat er nu staat mag erin blijven. • Komen CTA’s bij. Afwachten of we er 1 kunnen noemen of dat we er twee moeten noemen in een pagina. #1, deze strekking: Bestaande klant? Bel 0800-XXXX #2, deze strekking: Nieuwe klant? Ga naar ‘Bekijk & Bestel’ • Nadruk op Fox leggen op premium pagina (bovenaan zetten) • Erotiek volgt nog input voor, maar wij gaan gewoon door met ons voorstel. Wel zo min mogelijk tekst en beeld.

Gr’s Wendy

69 FEEDBACK VODAFONE & VISIE Nadat Chunk de designs op had gestuurd naar Vodafone kreeg ik al snel weer een mailtje van Wendy met de aanpassingen die Vodafone graag wilde doorvoeren in de designs. Dit waren aanpassingen die voornamelijk gingen over de plek van de blokken en tekst die zij graag zouden zien op de pagina. Hierdoor zou het voor de klant begrijpelijker worden. Als Chunk feedback krijgt van een bedrijf, gaan zij allereerst zelf een visie vormen over de aanpassingen die doorgevoerd zouden moeten worden. Dit keer was Chunk het niet eens met de hoeveelheid copy die Vodafone op de pagina wilde laten zien. Wendy en ik hebben toen samen een nieuwe copy samengesteld, waarna we Vodafone hebben overtuigd van het feit dat minder tekst beter in het design past. In de bijlage staan de definitieve paginaâ&#x20AC;&#x2122;s na de feedback van Vodafone.

BRIEFING DEVELOPER Toen mijn designs akkoord waren door intern en door Vodafone, kon Erik, front-end developer van Chunk, beginnen aan het programmeren van mijn pagina. Hiervoor moest ik eerst samen gaan zitten om te bespreken wat ik had gemaakt en hoe ik graag zou willen dat het zou werken. Zo moest mijn design bijvoorbeeld responsive ook goed uit de verf komen.

HULP BIEDEN AAN DE DEVELOPER Erik, front-end developer, had tussendoor vragen over de compositie van mijn eerder gemaakte mobile design. Door een aantal aanpassingen moesten wij samen bespreken hoe dit er op mobiel uit moest zien. Daarnaast moest ik ook de afbeeldingen die ik het design had verwerkt responsive maken. Hierbij moest ik een maximale grootte van 2500 pixels aanhouden, zodat elk device de afbeelding op de juiste plek zou zien.

RESULTAAT Het resultaat van mijn UX en Visueel design is bijna helemaal geworden zoals ik dit had bedacht. Door een aantal copy aanpassingen vind ik dat mijn visuele uitwerking druk is geworden. Ook vind ik dat de tekst in de verschillende abonnementen blokken beter had gekund. Het team van Chunk was erg blij met het eindresultaat. We hebben binnen een korte periode een aantal pages online gekregen, waarbij Erik, front-end developer, op het laatste moment nog heel hard heeft gewerkt om dit op tijd af te krijgen. Ik ben er erg trots op. In de bijlage staat de premium pagina volledig visueel uitgewerkt.

REFLECTIE Het maken van pagina voor Vodafone

paginaâ&#x20AC;&#x2122;s is iets nieuws voor mij. Mark

Thuis heeft mij veel geleerd op UX en

heeft mij vertelt hoe dit werkt en hoe ik dit

Visueel vlak. Door Frank heb ik geleerd dat

in het vervolg kan toepassen.

het niet om de kwantiteit van de schetsen gaat, maar met name over hoe goed je

Daarnaast vond ik het heel leerzaam om

nadenkt over functionaliteiten die je in de

een heel proces binnen een project door

pagina wilt laten zien. Ook is het belangrijk

te lopen. Ik had allereerst de mogelijkheid

dat deze functionaliteiten begrijpelijk zijn.

om het UX design te maken, waarna ik

Frank vertelde mij dat hij liever heeft dat ik

vervolgens het visueel design moest

iets later nadenk over de wireframes, dan

maken en daarna contact moest houden

dat ik gelijk begin met het schetsen.

met de developer om alles in goede banen te leiden. Ik heb tussen deze

Daarnaast heb ik veel geleerd over het

fasen door veel contact gehad met de

ontwerpen van een geschikte responsive

projectmanager en veel geleerd van frank,

UX en geschikt responsive visueel design.

UX designer, Martijn, Visueel designer en

Ik had nog nooit eerder gewerkt met

Mark, art director.

paginaâ&#x20AC;&#x2122;s die responsive moesten worden. Ik heb geleerd dat ik rekening moet houden

met hoe elementen er responsive uitzien

verantwoordelijkheid

en of dit er overzichtelijk uitziet voor de

waardoor ik veel heb geleerd en erg

gebruiker van de website. Ook het maken

gemotiveerd was.

van afbeeldingen voor responsive

dit

project

kreeg dan

meer

voorheen,

73 WIREFRAMING Tijdens dit project heb ik erg veel geleerd

begint, scheelt dit veel tijd en heb je een

over het maken van UX designs. Frank

idee wat je goed over kunt dragen aan

heeft mij geleerd dat ik goed na moet

de developer. Erik, front-end developer

denken voordat ik begin aan het schetsen

heb ik duidelijk gebrieft, nadat mijn

van een bepaalde pagina. Ik kon beter

designs klaar waren. Er waren een aantal

een paar hele verschillende schetsen

functionaliteiten in min designs, die moeilijk

maken en hier langer over nadenken,

doorvoerbaar waren. Uiteindelijk hebben

dan schetsen met weinig variatie. Frank

wij door een discussie toch gekozen voor

vertelde mij dat het niet over de volgorde

de variant die ik heb ontworpen.

binnen een schets gaat, omdat je later altijd nog verschillende volgorde kunt

Ik heb dit leerdoel behaald tijdens dit

hanteren, maar allereerst slimme ideeĂŤn

project, omdat ik erg veel heb geleerd

moet bedenken voor het probleem, want

over het maken verschillende interessante

wanneer is de pagina overzichtelijk en

schetsen. Het gaat om kwaliteit en niet

begrijpelijk voor de gebruiker?

om kwantiteit. Daarnaast heb ik geleerd dat briefen ook een manier is om je

Daarnaast heb ik erg veel geleerd over

designs duidelijk over te brengen. Als je

wireframes maken, waarbij je al in vroege

met iemand praat over jouw gedachten

stadia na denkt over responsive design.

kun je daar samen tegelijk over nadenken

Als je hier in een vroeg stadium al mee

en eventuele problemen oplossen.

ONDERZOEK NAAR EFFECTIVITEIT VAN BANNERS

ONDERZOEK

CHUNK

Zorgt een statische of een dynamische banner voor een effectievere call to action? Je kan er niet omheen als je op het internet surft: online advertenties. Een banner is een vorm van promotie op het internet waarin marketing gerelateerde berichten worden gebruikt om consumenten aan te trekken. (Kim, Park, Kwon & Chang, 2012). Terwijl banners eerst gebruikt werden voor het genereren van verkeer naar een bepaalde website, worden banners tegenwoordig gebruikt voor het creëren van naamsbekendheid, merkvoorkeur en het verkopen van producten aan consumenten (Briggs & Hollis, 1997). Volgens Nielsen, is het vooral een uitdaging om de juiste consumenten op de juiste plaats en de juiste tijd aan te spreken. Met meerdere kanalen als keuze en weinig tijd om de consument zijn of haar aandacht te trekken is het van belang dat de consument niet alleen naar de banner kijkt, maar uiteindelijk ook tot actie overgaat (The Nielsen Company, 2014). Om de aandacht van een consument te trekken wordt er call-to-action(CTA) gebruikt. Een CTA is een afbeelding of tekst die consumenten tot actie laat overgaan. Deze actie kan bijvoorbeeld zijn: het inschrijven voor een nieuwsbrief, een aanvraag voor een product demo of de aankoop van een product. Een CTA zorgt ervoor dat consumenten na een muisklik direct op een landing page van de desbetreffende website komen waar de consumenten over kunnen gaan tot actie. Hierdoor kan een effectieve CTA leiden tot meer conversies op de website waar het product of de dienst aangeboden wordt (Georgieva, 2014). Volgens ZenithOptimedia groeit de wereldwijde besteding aan advertenties dit jaar met 5,5% tot €428,7 biljoen. Ongeveer een kwart van deze besteding, wordt besteed aan online advertising met €96,6 biljoen (Barnard, 2014). Uit deze cijfers kan geconcludeerd worden dat online advertising steeds belangrijker wordt en het voor een bedrijf belangrijk is om voor een passend type banner te kiezen ter promotie. Daarom luidt de hoofdvraag: “Zorgt een statische of een dynamische banner voor een effectievere call-to-action?”.

77 In dit onderzoek ga ik 2 soorten banners vergelijken met betrekking tot effectievere

STATISCHE BANNER

call to action, namelijk een statische banner en een dynamische banner. Een statische banner is een GIF, PNG of een JPEG bestand. Het is als het ware een plat plaatje, wat kan bewegen op een aantal manieren, maar er altijd hetzelfde uitziet. Tevens toont een statische banner elke keer als jij een website bezoekt dezelfde

Wine €4

Soda €2

Mineral water €1

content. In dit onderzoek vergelijken we deze banner met een dynamische banner. Een dynamische banner is een flash of java-script bestand. Deze banner toont

DYNAMISCHE BANNER

elke bezoeker informatie die gebaseerd is op de voorgaande activiteiten op het internet. Daarnaast toont deze banner (verschillende)

geanimeerde

(Michajlow, 2014).

plaatjes

Laptop voor € 600

your discount -20%

Chosen for you

€ 60 € 50

Nu we weten wat beide banners kunnen en hoe ze eruit zien, gaan we onderzoeken welke banner tot een effectievere CTA leidt. In dit onderzoek gaan we bekijken welke banner een effectievere CTA heeft door het aantal muiskliks dat de banner oplevert. De muiskliks worden berekend door een click-through-ratio (CTR). Een CTR wordt berekend door het aantal clicks op een uiting (banner) afgezet tegen het aantal views in procenten. Bijvoorbeeld: Een banner wordt op een dag 1000 keer getoond en door mensen wordt er die dag 300 keer op geklikt. De CTR wordt dan berekend: (300/1000)*100% = 30%. Dus 30% van de mensen die met de uiting geconfronteerd werden, klikten op de uiting (Wang, Li, Cui, Zhang & Mao, 2012).

Uit onderzoek is gebleken dat dynamische banners een grotere CTR hebben dan statische banners. Dynamische banners zouden een hogere CTR hebben, omdat ze opvallen voor de consument (Rosenkrans, 2009). Een ander onderzoek laat zien dat de beweging in dynamische banners een opwekkende invloed heeft op consumenten. Nass en Reeves schreven in 1996 in hen onderzoek dat een object of persoon dat beweegt, meer aandacht trekt dan als een object of persoon niet beweegt (Nass, Reeves, 1996). Dit wil zeggen dat een animatie, een bewegend beeld, meer aandacht trekt dan een statische versie van dit beeld (Yun Yoo, Kim, Stout, 2004). Verschillende animatie snelheden zijn getest en hebben laten zien dat er een verband is tussen de animatie snelheden, de opwekking van de consument en het nestelen van de banner in het geheugen van de consument. Namelijk een hoge snelheid van de animatie binnen een banner kan een negatief effect hebben op de consument en de bereidheid om het product te kopen. Er ontstaat dan irritatie bij de consument, terwijl hij of zij aan het surfen is naar een bepaald item. (Sundar, Kalyanaraman, 2004).

79 Toch is een dynamische banner volgens het onderzoek van Raijmakers, Shahid en Mubin geliefder onder de consument, omdat men dan niet alleen een foto ziet met een naam en een prijs, zoals bij een statische banner getoond wordt. Een gepersonaliseerde banner geeft de consument een gevoel dat het merk hen begrijpt en daarnaast is een dynamische banner volgens hen informatiever, intelligenter en professioneler. (Raijmakers, Shahid, Mubin, 2013).

Conclusie Dit onderzoek deed ik om meer te weten te komen over banners en hen effecten met betrekking tot de call to action. Uit mijn onderzoek is gebleken dat dynamische banners leiden tot een effectievere call-to-action. De call-to-action heb ik bepaald door te kijken naar de click-through-ratio van de banner. Dynamische banners hebben een hogere click-through-ratio, omdat zij meer opvallen dan een statische banner. Daarnaast vindt de consument het fijn om naast de naam en de prijs van het product, zoals bij een statische banner, meer informatie te krijgen over het product of de dienst. Dynamische banners geven meer informatie, geven een vertrouwd gevoel door de personalisering en komen hierdoor intelligenter en professioneler over. Aanbeveling Ik zou aan een bedrijf aanbevelen om goed te kijken naar de informatie die zij de consument willen vertellen. Als zij de consument weinig te vertellen hebben, zouden ze kunnen kiezen voor een statische banner. Websites accepteren deze banner eerder door hen lagere bestandsinhoud, waardoor de website snel blijft. Bij een statische banner is er wel een lagere CTR gemeten in voorgaande onderzoeken. Ik zou een bedrijf dat veel informatie wil vertellen, adviseren om voor een dynamische banner te kiezen. Deze banner kan veel informatie vertellen en is gepersonaliseerd indien nodig. De consument vindt een dynamische banner intelligenter en professioneler. Een dynamische banner heeft een hogere CTR, wat kan zorgen voor meer effect voor het bedrijf (Bannersnack, 2009).

WAT HEB IK GELEERD

EINDREFLECTIE

CHUNK

WAT IS DE ESSENTIE VAN WAT IK GELEERD HEB? Tijdens mijn stage heb ik ontzettend veel geleerd over het werken in een bedrijf. Je leert wat de processen zijn waarbij een opdracht opgeleverd wordt. Daarnaast leer je heel veel over samenwerken met collega’s. Binnen een bedrijf werk je vaak met meerdere personen aan een project, waardoor je elkaar allemaal hard nodig hebt. Zo is het bijvoorbeeld fijn om elkaar te melden wanneer je denkt iets af te hebben en om tussendoor veel feedback te vragen van anderen. Zo lever je gezamenlijk een eindresultaat op, waar iedereen tevreden mee is. Van mijn collega’s Karin en Jolien hoorde ik vaak dat zij het fijn vonden als ik kwam vertellen hoe ver ik met een opdracht was of dat ik vroeg of ik iets voor hen kon doen. Dit zorgt voor meer duidelijkheid bij beide partijen. Naast het werken in een bedrijf heb ik ook veel geleerd over zakelijk zijn. Binnen Chunk komen er vaak klanten langs. Het was voor mij een eye-opener om te zien dat je zakelijk kunt zijn, maar daarnaast ook erg aardig kunt zijn voor de klant. Het is in feite de klant ‘pleasen’ en jezelf op de allerbeste manier presenteren. Ik zal hier nog een grote stap in moeten zetten, aangezien ik presenteren erg leuk vindt, maar het moeilijk vindt om niet onzeker over te komen. Ik moet gaan leren om te gaan staan en mijn verhaal te doen, waarbij ik mezelf in een positief daglicht stel. Tijdens mijn voortgangsgesprek met Frank, mijjn stagebegeleider en tevens eigenaar van Chunk, kwam ik erachter dat hij mij onzeker over vond komen. Dit komt onder andere door het afsluiten van mijn zinnen met: “ik weet niet..’. Hierdoor heb ik meer zelfkennis opgedaan. Ik zal moeten leren om mijzelf beter te presenteren door te presenteren voor de klas en voor mijn werkzaamheden naast school klanten op een juiste manier te benaderen. In het bijzonder heb ik veel geleerd over het aanpakken van nieuwe opdrachten. Het is heel belangrijk om met een goede basis te starten. Voorheen begon ik gelijk met het maken van een project, voordat ik de hele debriefing goed had uitgepluist. Bij Chunk heb ik geleerd dat je de meeste tijd kwijt bent aan het analyseren van een debriefing. Als je de debriefing hebt geanalyseerd en hierbij voor jezelf kritische vragen stelt, kun je met een goede basis aan een project beginnen. Met het stellen van kritische vragen aan de klant of de leraar, maak je voor elkaar duidelijk waar de opdracht of het komende project precies overgaat. De klant of leraar weet hierdoor wat hij of zij kan verwachten. Het is hierbij voor jezelf duidelijk wat je moet gaan ondernemen, zonder dat er tussendoor nog wijzigingen of vragen komen.

85 WAT DOE IK DE VOLGENDE KEER ANDERS EN WAT HEB IK DAARVOOR NODIG? De volgende keer als ik aan een stage begin, stap ik daar compleet anders in. Mijn stage bij Chunk begon met een verkeerd verwachtingspatroon vanuit beide kanten. Voor mij was het onduidelijk wat ik precies moest gaan doen op mijn stage vanuit school, hierdoor heb ik Martijn, managing director van Chunk, niet goed kunnen inlichten over de werkzaamheden die ik zou moeten doen. Daarnaast moet ik tijdens mijn volgende stage kritische vragen stellen over de soort projecten die het bedrijf uitvoert en het allerbelangrijkste: wat zien zij mij doen binnen het bedrijf? Tijdens mijn stage bij Chunk kwam ik er al snel achter dat Chunk erg veel aan bannercampagnes doet, iets waar ik geen weet van had. Het ontwerpen van interaction designs en het bedenken van concepten gebeurd veel minder vaak. Als ik dit eerder had geweten, had ik de school daarover kunnen inlichten en had ik wellicht voor een ander stagebedrijf gekozen. Daarvoor moet ik voor de volgende keer als ik op een sollicitatiegesprek kritische vragen bij de hand hebben. Die vragen zullen mij verder helpen, omdat ik dan weet wat het bedrijf van mij verwacht en wat ik van hen verwacht. Dan zullen we een prettige samenwerking hebben en geen verkeerde verwachtingspatronen van elkaar scheppen voor het ondertekenen van het contract. Daarnaast zou ik graag voor een volgende stage een bedrijf treffen dat niet alleen werkt volgens de guidelines van grote bedrijven. Ik had verwacht dat ik tijdens mijn stage zou kunnen werken vanuit mijn eigen creatieve brein. Helaas, bleek dat dit bedrijf alleen voor grote merken werkt en hierdoor weinig vrijheden heeft in het uitvoeren van opdrachten op visueel gebied. WAT KAN IK MET WAT IK GELEERD HEB IN ANDERE SITUATIES? Het leren van processen binnen een bedrijf zullen mij tijdens andere werkzaamheden helpen, omdat ik nu weet hoe een bedrijf, in het bijzonder Chunk, omgaat met opdrachten en met de klant in dit proces. Ook heb ik tijdens mijn stage gezien dat je zakelijk kunt zijn tegen de klant, terwijl dit niet op een serieuze toon hoeft te zijn. Dit kan ik erg goed meenemen en toepassen in komende gesprekken met klanten. Het aanpakken van opdrachten met als begin een goede basis leggen, heeft mij binnen Chunk al heel veel geholpen. Ik zal dit vanaf nu gaan toepassen in al mijn komende opdrachten. Tot slot, weet ik dat ik kritischer zal moeten worden tijdens stagegesprekken of andere vormen van contractlegging. Ik zal vantevoren voor mezelf kritische vragen moeten opstellen na aanleiding van een kort onderzoek naar een bedrijf of een andere partij. Dit zal mij en het bedrijf helpen om een beter verwachtingspatroon te creĂŤren ten opzichte van elkaar.

OVERZICHT VAN ALLE BRONNEN

BIBLIOGRAFIE

CHUNK

Bannersnack (2009). Flash banners vs. GIF banners vs. Static banners II. Geraadpleegd op 4 november 2014, van http://www.bannersnack.com/blog/flash-banners-vs-gif-banners-vs-static-banners-part-ii/ Barnard, J. (2014). How the internet is fuelling global adspend growth. Geraadpleegd op 3 november 2014, van http://www.zenithoptimedia.com/how-the-internet-is-fuelling-global-adspend-growth-jonathan-barnardhead-of-forecasting/ Briggs, R., Hollis,N. (1997). Advertising on the Web: Is There Response Before Click-Through?, Journal of Advertising Research. Gedowload op 28 oktober 2014, van http://www.researchgate.net/publication/258847058_Advertising_on_the_Web_Is_there_response_before_ click-through Georgieva, M. (2014). An introduction to effective calls-to-action. Gedownload op 3 november 2014, van http://www.doitmarketing.com/Portals/42552/Marketing%20ebooks/DO%20IT%20Effective-Calls-toAction.pdf Kim, C., Park, S., Kwon, K., & Chang, W. (2012). An Empirical Test to Measure the Effectiveness of Online Advertising in Online Marketplaces Using a Hierarchical Bayes Model. Expert Systems with Applications. Gedownload op 28 oktober 2014, van http://www.sciencedirect.com/science/article/pii/S095741741001047X Michajlow, J. (2014). Dynamic vs. static. Geraadpleegd op 3 november 2014, van http://www.programmaticmarketing.co/dynamic-vs-static-ads-myth-debunked Raijmakers, M., Shahid, S., Mubin, O. (2013). Interactive vs. Static Location-based Advertisments. Gedownload op 3 november 2014, van http://crpit.com/confpapers/CRPITV139Raijmakers.pdf Reeves, B., Nass, C. (1996). The Media Equation: How People Treat Computers, Television, and New Media Like Real People and Places, Stanford, CA: CSLI Publications and Camsbridge University Press. Gedownload op 3 november 2014, van http://www.researchgate.net/publication/37705092_The_Media_ Equation_How_People_Treat_Computers_Television_and_New_Media_Like_Real_People_and_Places/ links/02bfe50cb6819b96b5000000 Rosenkrans, G. (2009). The Creativeness and Effectiveness of Online Interactive Rich Media Advertising. Geraadpleegd op 3 november 2014, van http://jiad.org/article114.html Sundar, S., Kalyanaraman, S. (2004). Arousal, Memory, and Impression Formation Effects of Animation Speed in Web Advertising. Gedownload op 3 november 2014, van http://www.jstor.org/ discover/10.2307/4189242?uid=3738736&uid=2134&uid=2&uid=70&uid=4&sid=21105112029933

89 The Nielsen Company (2014). Real returns: What matters most in digital advertising. Geraadpleegd op 3 november 2014, van http://www.nielsen.com/us/en/insights/news/2014/real-returns-what-matters-most-indigital-advertising.html Wang, X., Li W., Cui, Y., Zhang, R., & Mao, J. (2012). Click-Through Rate Estimation for Rare Events in Online Advertising. Gedownload op 3 november 2014, van http://www.cs.cmu.edu/~xuerui/papers/ctr.pdf Yun Yoo, Kim, Stout (2004). Assessing the Effects of Animation in Online Banner Advertising: Hierarchy of Effects Model. Gedownload op 3 november 2014, van http://jiad.org/article49.html

DIT WIL IK NOG LATEN ZIEN

BIJLAGEN

BEDRIJFSBEZOEK 92 STAGEPLAN 94 BEDRIJFSFEEDBACK

104

QELP

SITEMAP

108

FLOWCHART

109

WIREFRAMES

110

VODAFONE BRIEFING 116 SCHETSEN

120

WIREFRAME

124

EERSTE OPZET

126

DESIGNS

128

DEFINTIEF DESIGN

130

PREMIUM ZENDERS

132

CHUNK

SCHOOL GERELATEERD

BEDRIJFSBEZOEK Het stagegesprek vond plaats op donderdag 16 oktober om half 11 bij Chunk in Amsterdam. Lenny en ik hielden een gesprek met Frank, UX designer binnen Chunk en tevens eigenaar. Gezamenlijk gingen we zitten in de meeting room. Door lenny haar werkervaring bij Chunk konden we eerst gezellig kletsen over koetjes en kalfjes. Daarna begon Lenny met de vraag of mijn huidige werkzaamheden aansloten bij mijn leerdoelen. We hebben toen gezamenlijk gesproken over de werkwijze bij Chunk. Als conclusie kon gesteld worden dat Frank nog niet kon zeggen wat er de komende week stond te gebeuren, omdat de opdrachten altijd pas vrij laat binnen komen. Hij kon dus ook niet vertellen wat voor werkzaamheden eraan kwamen die eventueel bij mijn leerdoelen zouden kunnen passen. Vervolgens vertelde ik kort wat mijn stageleerdoelen inhielden en mijn werkzaamheden tot nu toe die daarop konden aansluiten. Daarna hebben we gesproken over de mogelijkheden van het eventueel pitchen of presenteren van een opdracht binnen chunk of aan de klant. Dit zou mijn stage extra diepgang bieden en daarnaast ook leerzaam zijn. Frank vond het lastig om mij te laten pitchen voor de klant, omdat hij dat een erg grote verantwoordelijkheid vindt. Hierna hebben we het gehad over het onderzoek wat ik binnen mijn stage kon gaan doen. Ik had een aantal interessante onderwerpen/onderzoeksvragen opgesteld die ik eventueel zou kunnen gaan onderzoeken. We hebben hierna kort gebrainstormd over de mogelijkheden. Frank kwam met een idee over Vodafone Thuis, dat tot nu toe alleen voor de particuliere gebruiker mogelijk is om aan te schaffen. Hij zou het prettig vinden als hier een zakelijke versie van zou verschijnen. Hier zou ik eventueel een onderzoek over kunnen doen. Hierbij zou ik kunnen onderzoeken wat het verschil in de twee abonnementen zou moeten worden en tegen welke aspecten je aan loopt bij het omzetten naar een zakelijk abonnement. Hierbij kun je ook denken aan het verschil in communicatie en product categoriën. Na lang praten over de verschillende ideeën, waren we erover uit dat een van mijn onderzoeksvragen goed aan zou sluiten bij CMD en mijn huidige werkzaamheden bij Chunk. Namelijk: ‘Wat is het verschil in aanzet tot koopgedrag tussen een statische en een geanimeerde banner?’. Hierna hebben we gesproken over de mogelijke indeling en dat één deel deelvraag echt meer dan voldoende is bij een maximaal aantal woorden van 1000. Lenny en Frank hadden geen vragen meer. Ik had ook geen vragen meer na het fijne gesprek met veel uitkomsten. Frank vond wel dat het onderzoek laat aan werd gegeven vanuit school. Lenny vertelde dat dit expres werd gedaan, omdat de stagair zich de eerste periode helemaal op de stage kan richten.

93 Ik vond het gesprek erg fijn met Lenny en Frank. Ik heb een grote stap gezet voor mijn onderzoek door dit gesprek. Ze hebben mij geholpen met het brainstromen over mijn onderzoeksvraag, waardoor ik nu verder kan met het onderzoeken. Daarnaast vind het ik fijn om te weten dat Frank mijn leerdoelen nu ook weet en hij hiermee rekening zou kunnen houden tijdens het geven van opdrachten. Na dit onderzoek hebben Lenny en ik goed aangekaart dat mijn werkzaamheden bij mijn leerdoelen moeten passen, omdat ik anders de kans heb om mijn stage mogelijk niet te behalen.

STAGEPLAN Naam student: Floortje Meijer Studentnummer: 0860862 Portfolio website: fmemeijer.wix.com/portfolio Studieloopbaan coach: Sanka Smeets Bedrijf: Chunk Begeleider: Martijn de Beijer Functie: Managing director websie: www.chunk.nl E-mail: Martijn.debeijer@chunk.nl telefoon: +31 (0)6 25 00 41 42

95 DEEL 1: FINETUNING YOUR PLAN LEERDOEL 1 - PERFECTIONISME WAT Ik wil graag leren hoe ik mijn karaktereigenschap: ‚perfectionisme’ op een goede manier leer gebruiken. Hiermee probeer ik te zeggen dat ik graag trots wil zijn op wat ik maak & dat ik een keer kan zeggen dat iets af is, zonder daar negatief over te zijn of mijn minpunten te benoemen om zo onzekerder over te komen tegenover andere mensen. Als ik deze karaktereigenschap goed onder controle heb, kan ik mij ook verdiepen in de eindkwalificatie ‚signatuur’, omdat ik mezelf dan de kans geef om te experimenteren met mijn eigen stijl. Ik wil dit graag oppakken binnen een visual designopdracht waarbinnen ik binnen een bestaande huisstijl (nieuwe) items moet ontwikkelen. Dit wil ik doen dmv een schetsproces bestaande uit schetsen die ik bewaar en naast elkaar presenteer; vraag daarop feedback; vervolgens ontwerp aanpassen (niet opnieuw beginnen!) en opnieuw presenteren tot dat het goed. Ik doe dit binnen een vastgestelde tijd. WAAROM Omdat ik graag trots wil leren zijn op mijn werk en andere mensen hiervan wil kunnen overtuigen. Ik moet leren dat ik niet eindeloos door kan gaan met verbeteren en iets ook een keer als ‚af’ moet zien. Daarnaast is het ten zeerste van belang om een eigen signatuur te ontwikkelen in deze fase van mijn studie, omdat ik nu andere bedrijven mag verrijken met mijn eigen visie en stijl. WAAR Dit wil ik graag toe kunnen passen in mijn stagebedrijf, omdat zij dan een positief persoon in hun midden hebben die trots is op haar werk en werk af kan maken binnen een bepaalde tijdsperiode. Daarnaast wil ik mijn werk goed kunnen verantwoorden tegenover andere mensen. Als ik al mijn keuzes met een reden heb gedaan, moet ik achter mijn werk staan en zal ik hier overtuigender over praten. HOE Ik wil dit gaan leren door in een stagebedrijf goede feedback te krijgen op mijn werk en een eerlijke mening. Ik zou graag een coach hebben binnen het bedrijf die mij vertelt wanneer zij tevreden zijn en wanneer ik nog een aantal dingen moet verbeteren.

DEEL 1: FINETUNING YOUR PLAN LEERDOEL 2 - EMPATISCH VERMOGEN WAT Ik wil graag dat de interactieve producten die ik in de toekomst zal ontwerpen goed aansluiten bij de doelgroep waarvoor in ontwerp. Dit houdt in dat ik door goed onderzoek, duidelijke wireframes wil maken die zowel aansluiten bij de doelgroep als bij de wensen van de opdrachtgever. Dit is de eindkwalificatie ‚empatisch vermorgen’ bij CMD, die ik graag onder de knie wil hebben om een goede ontwerper te zijn. WAAROM Dit leerdoel sluit aan bij de eindkwalificaties ‚onderzoeken’ en ‚empatisch vermogen’. Dit is ten zeerste van belang, dat je deze eindkwalificaties onder de knie hebt als ontwerper. Zonder goed onderzoek heb je een slechte basis, waardoor latere ontwerpen slecht aansluiten bij de doelgroep en niet gebruiksvriendelijk worden bevonden, waardoor mogelijk de interactieve producten niet fijn gebruikt kunnen worden door de gebruikers. WAAR Ik wil deze eindkwalificaties in mijn stagebedrijf graag leren. Dit ga ik doen door intensief bezig te zijn met ‚empatisch vermogen’ en mezelf goed in te lezen in de voorwaarden van de opdrachtgever en onderzoeksrapporten goed aan te houden. HOE Door beter onderzoek te doen kan ik beter de eindkwalificatie ‚empatisch vermogen’ toepassen. Als gevolg hiervan kan ik betere ontwerpen maken, die beter aansluiten bij de beoogde doelgroep.

97 DEEL 1: FINETUNING YOUR PLAN LEERDOEL 3 - WIREFRAMING WAT Ik wil graag wireframes realiseren voor mobiele applicaties die meteen begrepen worden door opdrachtgevers en programmeurs. Dit betekend dat ik duidelijker moet annoteren in mijn wireframes, zodat dit begrijpelijker wordt. WAAROM Ik zou graag in mijn stage als interaction designer aan de slag gaan en daarom is het belangrijk dat mijn wireframes begrepen worden. Als ik dit niet onder de knie krijg, zou dit kunnen leiden tot verwarring en krijg ik een slechte naam als ontwerper. Als ontwerper is het belangrijk dat je de eindkwalificaties verbeelden en adoptief leren onder de knie hebt. WAAR Ik zou graag bij mijn komende stagebedrijf als interaction designer aan de slag gaan en begrijpelijke wireframes ontwerpen. HOE Door wireframes te maken met duidelijke annotaties en eventuele gestures. Daarnaast wil ik mijn feedback goed doorvoeren in mijn eindontwerpen.

DEEL 2: FINALIZING YOUR PLAN LEERDOEL 1 - PERFECTIONISME WAT Ik wil graag leren hoe ik mijn karaktereigenschap: perfectionisme op een goede manier leer gebruiken. Hiermee probeer ik te zeggen dat ik graag trots wil zijn op wat ik maak en dat ik een keer kan zeggen dat iets af is, zonder daar negatief over te zijn of mijn minpunten te benoemen om zo onzekerder over te komen tegenover andere mensen. Ik wil dit graag oppakken binnen een visual designopdracht waarbinnen ik binnen een bestaande huisstijl (nieuwe) items moet ontwikkelen. Dit wil ik doen door mijn versies te bewaren en continue opnieuw feedback te vragen en daarop mijn ontwerp aan te passen. Ik zou dit graag binnen een vastgestelde tijd willen doen om mijn timemanagement te verbeteren. WAAROM Ik wil graag trots leren zijn op mijn werk, zodat ik andere mensen van mijn kunnen kan overtuigen. Ik moet leren dat ik niet eindeloos door kan gaan met verbeteren.Daarnaast is het ten zeerste van belang om een eigen signatuur te ontwikkelen in deze fase van mijn studie, omdat ik nu andere bedrijven mag verrijken met mijn eigen visie en stijl. WAAR Dit wil ik graag toe kunnen passen in mijn stagebedrijf, omdat zij dan een positief persoon in hun midden hebben die trots is op haar werk en werk af kan maken binnen een bepaalde tijdsperiode. Daarnaast wil ik mijn werk goed kunnen verantwoorden tegenover andere mensen. Als ik al mijn keuzes met een reden heb gedaan, moet ik achter mijn werk staan en zal ik hier overtuigender over praten. HOE Ik wil dit gaan leren door in een stagebedrijf goede feedback te krijgen op mijn werk. Ik zou graag een begeleider hebben binnen het bedrijf die mij vertelt wanneer zij tevreden zijn en wanneer ik nog een aantal dingen moet verbeteren. Door deze feedback zal ik elke keer verbeterslagen maken. Ik zal dit voornamelijk nodig hebben binnen visueel design opdrachten, omdat ik vind dat het gehele plaatje moet kloppen met het plaatje in mijn hoofd

99 WELKE 1) Briefing ontvangen 2) Tijdsperiode vaststellen 3) Debriefing creĂŤren 4) Opdracht starten 5) Versie 1 opslaan 6) Feedback vragen 7) Feedback verwerken voor versie 2 Het proces van stap 4, 5 en 6 zal ik continue herhalen zodat ik kan leren van mijn fouten door mijn opgeslagen versies. Door de ontvangen feedback zal de opdracht steeds een stukje dichter bij het verwachte eindresultaat in de buurt komen. WANNEER Ik denk dat dit leerdoel moet blijven ontwikkelen na mijn stage, maar dat ik in mijn stage grote stappen kan gaan maken. Ik hoop dat ik zelfverzekerder en bewuster van mijn ontwerpen terug kan komen op school en hier dan verder aan kan gaan werken.

DEEL 2: FINALIZING YOUR PLAN LEERDOEL 2 ‘EMPATISCH VERMOGEN WAT Ik wil graag dat de interactieve producten die ik in de toekomst zal ontwerpen goed aansluiten bij de doelgroep waarvoor in ontwerp. Dit houdt in dat ik door goed onderzoek, duidelijke wireframes wil kunnen maken die zowel aansluiten bij de doelgroep als bij de wensen van de opdrachtgever. Dit is de eindkwalificatie ‚empatisch vermorgen’ bij CMD, die ik graag onder de knie wil hebben om een goede ontwerper te zijn. In dit bedrijf zal dit aankomen op het verdiepen in de behoefte van de gebruiker en de gronden om een interactief product te gebruiken. Ik kan me hierin verdiepen door persona’s te creëren of door deskresearch te doen: onderzoeken te lezen en na te gaan wat de hoofdreden is van de gebruiker om het interactief product te gebruiken. WAAROM Dit leerdoel sluit aan bij de eindkwalificaties ‚onderzoeken’ en ‚empatisch vermogen’. Dit is erg van belang, dat je deze eindkwalificaties onder de knie hebt als ontwerper. Zonder goed onderzoek heb je een slechte basis, waardoor latere ontwerpen slecht aansluiten bij de doelgroep en niet gebruiksvriendelijk worden bevonden, waardoor mogelijk de interactieve producten niet fijn gebruikt kunnen worden door de gebruikers. WAAR Ik wil deze eindkwalificaties in mijn stagebedrijf graag leren. Dit ga ik doen door intensief bezig te zijn met ‚empatisch vermogen’ en mezelf goed in te lezen in de randvoorwaarden van de opdrachtgever en onderzoeksrapporten goed aan te houden. Door deskresearch en het maken van een debrief kan ik mezelf nog beter inleven in de gebruiker. HOE Door beter onderzoek te doen kan ik beter de eindkwalificatie ‚empatisch vermogen’ toepassen. Dit onderzoek wil ik doen met behulp van het inleven in de doelgroep door bijvoorbeeld op het internet forums op te zoeken of bepaalde dingen die populair zijn bij die doelgroep te omarmen. Een moodboard zou eventueel kunnen fungeren als een houvast tijdens het ontwerpen. Ook kun je andere voorbeelden gaan bekijken in de vorm van interactieve producten. Als gevolg hiervan kan ik betere ontwerpen maken, die beter aansluiten bij de beoogde doelgroep.

101 WELKE 1) Briefing ontvangen 2) Tijdsperiode vaststellen 3) Debrief maken 4) Guidelines uitgebreid doorlezen 5) Deskresearch naar de doelgroep 6) Opdracht starten WANNEER Dit leerdoel is afgerond als ik weet hoe een proces van begin tot eind werkt bij het onwerpen van een interactief product. Ik zou graag een manier vinden waarop ik mijn doelgroep uitgebreid kan onderzoeken, zonder dat dit heel veel tijd in beslag neemt. Als ik dit een keer onder de knie heb, zou ik het proces aan kunnen houden en toe kunnen passen op andere interactieve ontwerpen. Dit leerdoel is hierna gemakkelijk toe te passen door de stappen die je eerder hebt doorlopen.

DEEL 2: FINALIZING YOUR PLAN LEERDOEL 3 - WIREFRAMING WAT Ik wil graag wireframes realiseren voor mobiele applicaties of websites die meteen begrepen worden door opdrachtgevers en programmeurs. Dit betekend dat ik een manier moet vinden waarop mijn wireframes begrijpelijker worden zonder daar te veel tekst aan toe te hoeven voegen. WAAROM Ik zou graag in mijn stage als interaction designer aan de slag gaan en daarom is het belangrijk dat mijn wireframes begrepen worden. Als ik dit niet onder de knie krijg, zou dit kunnen leiden tot verwarring en krijg ik een slechte naam als ontwerper. Als ontwerper is het belangrijk dat je de eindkwalificaties verbeelden en adoptief leren onder de knie hebt WAAR Ik zou graag bij mijn komende stagebedrijf als interaction designer aan de slag gaan en begrijpelijke wireframes ontwerpen. HOE Ik zou graag van een UX designer leren hoe hij of zij het aanpakt met betrekking tot het maken van wireframes. Ik zou graag handige trucs leren om mijn wireframes te kunnen verduidelijken, waardoor collegaâ&#x20AC;&#x2122;s of klanten gelijk begrijpen wat er bedoeld wordt.

103 WELKE 1) Briefing ontvangen 2) Tijdsperiode vaststellen 3) Debrief maken 4) Opdracht starten 5) Schetsen 6) Feedback vragen op mijn schetsen 7) Feedback verwerken in digitale wireframes (evt. programma) 8) Wireframes optimaliseren met duidelijke elementen (bijvoorbeeld placeholders, buttons, dropdown-menuâ&#x20AC;&#x2122;s). 9) Feedback vragen en verwerken Stap 8 en 9 zal ik meerder malen herhalen om een gewenst eindresultaat te creĂŤren.

BEDRIJFSFEEDBACK 1 VOORTGANGSGESPREK Je bewaakt je stageplan en zorgt ervoor dat je leerdoelen bij de werkzaamheden blijven passen.

Voldoende Eerst deed ik dit meer, dan tegen het eind van mijn stage. Ik bewaak mijn leerdoelen wel, maar maak me minder zorgen of mijn werkzaamheden ook daadwerkelijk bij mijn leerdoelen passen. Dit komt mede doordat ik weet dat mijn werkzaamheden niet altijd bij mijn leerdoelen kunnen passen.

Je onderbouwt je werk en ontwerpkeuzes met overtuigende argumenten en gebruikt daarbij de juiste vaktermen.

Voldoende Ik luister nog erg veel naar anderen, omdat zij meer ervaringen hebben met het ontwerpen. Ik moet leren beter achter mijn keuzes te staan en deze daadkrachtig over te brengen.

Je kunt afleiden wat er verbeterd moet worden en wat al op niveau is, zowel ingedrag als in uitvoering van je werk.

Goed op niveau Op bepaalde ontwerpen krijg ik vaak feedback en moet ik kleine dingetjes aanpassen. Ik kan precies afleiden wat hier niet goed aan is. Mijn gedrag hoeft niks op verbeterd te worden.

Je weet feedback van collegaâ&#x20AC;&#x2122;s en opdrachtgevers aan te passen in je werk en gedrag.

Goed op niveau Ik pak de feedback altijd goed op en wil het beste eindresultaat neerzetten. Ik sta altijd open voor feedback, omdat ik hier ook heel veel van leer.

Je vindt je rol binnen het bedrijf en kan meepraten over het vakgebied.

Voldoende Ik kan mijn rol binnen het bedrijf helemaal vinden en heb deze dan ook al ingenomen. CMD is en blijft een studie die ik erg leuk vindt, maar het is niet mijn passie. Ik zal CMD moeten combineren met mijn passie.

105 Je hebt een onderzoekende houding, maakt gebruik van verschillende informatie- en inspiratiebronnen, legt daartussen nieuwe verbanden.

Goed op niveau Ik heb niet heel veel onderzoek gedaan, maar het onderzoek wat ik heb gedaan, ging erg goed. De inspiratiebronnen kunnen nog wat meer aangehaald worden. Voor veel opdrachten is geen onderzoek nodig.

Je presenteert op een aantrekkelijke manier je inzichten en resultaten uit je onderzoek aan diverse betrokkenen.

Nog niet voldoende Ik heb nog niet moeten presenteren binnen mijn stage. Hier kan ik geen eerlijke beoordeling voor geven.

Je kan omgaan met vaste en minder vaste samenwerkingsverbanden binnen het bedrijf. Je bent een teamplayer.

Goed op niveau Ik kan er goed samenwerken in het bedrijf. Ik pas me aan mensen aan en wil graag de groep bij elkaar houden.

Je kan het werk structureren en er een planning voor maken. Je levert het werk op tijd en netjes af.

Goed op niveau Een planning is vaak niet nodig, omdat iemand anders voor jou de werkzaamheden plant. Maar daarbinnen lever ik altijd alles netjes en op tijd af.

Je kan zelfstandig werken.

Goed op niveau Ik vind het heerlijk om zelfstandig te werken en dit kan ik dan ook erg goed.

BEDRIJFSFEEDBACK 2 EINDGESPREK Miijn eerste bedrijfsvoortgang gesprek vond plaats in een laat stadium van mijn stage. Dit kwam onder andere door drukte. Hierdoor was iik genoodzaakt mijn 2e bedrijfsgesprek en tevens eindgesprek dicht bij mijn eerste bedrijfsgesprek te plannen. Ondanks dat er weinig veranderd was in mijn gedrag ten opzichte van het eerste gesprek, ben ik wel meer voor mezelf op gaan staan. Ik had tijdens dit gesprek, ondanks het niet invullen van het formulieren, genoeg om over te evualeren. Frank was erg tevreden met mij als stagair, maar drukte mij nog een keer op het hard dat ik meer voor mezelf op moest gaan staan en mijn visie op een opdracht of argument moet laten horen. Dit zal na mijjn stage ook zeker moeten in het bedrijfsleven. Ik vertelde dat ik het moeilijk vond om als stagair mijn visie te verdedigen, aangezien ik met mensen werk die al jaren in het vak zitten en dus een hoop ervaring hebben. Ook heb ik het gevoel dat ik niet gehoord wordt en ik niks bereik met het verdedigen van mijn visie. Frank begreep mijn argumenten, maar vond desondanks dat ik moest leren om meer voor mezelf op te komen. Na mijn eerste gesprek heb ik wel geprobeerd om mij meer te mengen in discussies aan de visuele kant. Het gesprek met Frank heeft mij in laten zien, dat ik een eerste stap moet gaan zetten en mijn mening moet laten horen. Ook al ben ik een stagair. Ik sta midden in de actualiteit en leer hier op school veel over bij.

Ik vond het een heel verhelderend gesprek, waarbij ik heb laten hoe ik over bepaalde dingen denk. Het gesprek sloten wij fijn af door te praten over mijn tijd bij Chunk en mijn komende werkzaamheden bij het bedrijf, aangezien ik hier part-time mag blijven werken. Ik heb er heel veel zin in en voel me erg thuis in het bedrijf. Ik hoop dat ik meer verantwoordelijkheid zal krijgen en uitdagendere opdrachten voor mijn neus krijg.

107

QELP - SITEMAP

Products

Knowledge center

Detail pagina

HOME

About

Customers & partners

Job openings

SSP + SEO CCP + Diagnostics

Press room Detail press room

Detail job

MYOD

Contact

disclaimer

request consult

Calculators

Free trial

Request self service audit

Newsletter

109 QELP - FLOWCHART

Homepage header

Calculator

super sentence

Footer

Logoâ&#x20AC;&#x2122;s

Little story + demo

Newsletter

header

Trial

bedrijf email telefoonnummer

Footer

Calculator header

Footer

Product detail page header

Disclaimer header

header

offices

Contact

Products overview header

Footer

Contact

header

About

Management team

Company profile

Footer Customers en partners header

Footer

Request consult header

bedrijf email telefoonnummer

Footer

Press Room Detail

Detail job

header

Footer

header

Footer

Job openings

header

Footer

Press Room header

Footer

Request audit header

bedrijf email telefoonnummer

Footer

Detail page header

Footer

Knowledge center

header

Fiilter

QELP - WIREFRRAMES

111

113

115

VODAFONE - BRIEFING

117

119

VODAFONE - SCHETSEN PROJECT 1

121

PROJECT 2

PROJECT 3

123

VODAFONE - WIREFRAME

125

VODAFONE - EERSTE OPZET DESIGN

127

VODAFONE - DESIGNS DESIGNFASE

129

VODAFONE - DEFINTIEVE DESIGNS

131

VODAFONE - PREMIUM ZENDERS PAGE

133