Media, Informatie en Communicatie Ontwerpdocument Beeld Project Het Parool Jerry Leigh Henkes, Demy Verhoogt, Bastiaan Verbeek, Sterre van den Berge, Lucas de Vries, Kathy Gabriel en Hanna Loos. P125 Tutor : Henk Magrijn Propedeuse 28 maart 2013
[titel en naam] 3 Inhoud 1 Inleiding 4 2 Inspiratieverslag 5 3 Moodboards 7 3.1 Overige moodboards 8 4 Visuals website met verantwoording 11 4.1 Verantwoording website BijnaWeekend 16 5 Verantwoording vormgeving winstgevende applicatie: BijnaWeekend 17 6 Verantwoording vormgeving applicatie: FunFacts 20 7 Literatuurlijst 23
[titel en naam] 4 1 Inleiding In opdracht van Het Parool hebben wij een concept ontwikkeld voor een aanvullende website en twee nieuwe mobiele applicaties voor Het Parool. Het concept voor de aanvullende website is ontstaan tijdens een creatieve brainstormsessie en de groepsdiscussie op een van de locaties van de Hogeschool van Amsterdam. Het concept is een website met weekendinvullingen in Amsterdam, voor de doelgroep. De aanvullende site heet BijnaWeekend, met de pijlers: Gezin, Party & Event, Detox, Reizen, Cultuur en Eten & Drinken. Er komt elke donderdag nieuwe content op de site. De twee applicaties die bij het concept horen, gaan over citytrips met Amsterdammers en over de geschiedenis en gebeurtenissen in Amsterdam. In dit verslag wordt uitgelegd hoe en waardoor wij geïnspireerd zijn bij het maken van de website en applicaties. De moodboards die wij hebben gebruikt voor het concept, de website en de applicaties, worden zichtbaar gemaakt door middel van visualisaties.
[titel en naam] 5 2 Inspiratieverslag De inspiratie voor de website en applicaties komt van verschillende plekken. Allereerst is er inspiratie opgedaan uit de groepsdiscussie. Dit was een onderdeel van het onderzoek voor het rapport. Hieruit blijkt dat de voorkeur uitgaat naar een website of applicatie met een strak design. Het ontwerp moet niet te druk zijn en het moet meer beeld dan tekst hebben. Door deze ontdekkingen in de groepsdiscussie werd er onmiddellijk gedacht aan een presentatie aan het begin van deze periode. Hier werd de website Froot.nl gebruikt als een voorbeeld. Froot.nl is een website met veel interessante afbeeldingen en korte stukken tekst. Ook dit is een inspiratiebron geweest. De website is ingedeeld in blokken, wat een overzichtelijk geheel maakt. Ook de website van New York Magazine (nymag.com) is een inspiratie geweest. Dit is een vergelijkbare website met vergelijkbare onderwerpen. NYmag heeft ook ongeveer dezelfde doelgroep. Hoewel die site chaotischer is en meer tekst bevat, is het toch een inspiratiebron geweest. Er wordt namelijk strak gebruik gemaakt van een zwart-wit contrast. Dit geeft een fris en strak design. Als laatste is er nog inspiratie gekomen uit de moodboards. Er zijn moodboards gemaakt die cliché zijn en moodboards die niet cliché zijn. Vooral de collages die niet cliché zijn, zijn gebruikt ter inspiratie. Ook hier komt weer duidelijk naar voren dat zwart en wit gebruikt moeten worden.
[titel en naam] 6
[titel en naam] 7 3 Moodboards In opdracht van het vak Beeld van de opleiding Media, Informatie en Communicatie op de Hogeschool van Amsterdam, heeft iedereen twee moodboards gemaakt die gebaseerd zijn op Amsterdam en de concepten van de nieuwe website. Wij hebben twee moodboards uitgekozen waarmee wij hebben verder gewerkt, waarvan wij denken dat zij het meest passen bij het gehele concept en een specifieke pijler van het concept. Moodboard Jerry Leigh Het hele concept is op een brede wijze vertaald in dit moodboard. Elke pijler komt hierin naar voren. Je ziet sfeerbeelden die horen bij de pijlers events, detox, gezin, eten&drinken en cultuur. Er is veel rekening gehouden met de interesses van de doelgroep. Het gebruik van de kleuren die gebruikt worden voor de website, worden naar voren gebracht. Uit het fieldresearch is gebleken dat deze kleuren de doelgroep aanspreken. Zwart, wit en een andere bijkleur. Moodboard Party Hanna Loos Dit moodboard is gericht op één specifieke pijler van de website. De pijler Party is in dit moodboard vertaald naar beeld en inspiratie. Ook hier is het gebruik van kleur gericht op het nieuwe concept van de website. Er is gekozen voor een strakke opmaak, omdat de sfeerbeelden vrij druk zijn en de doelgroep niet aanspreken.
[titel en naam] 8 3.1 Overige moodboards
[titel en naam] 9
[titel en naam] 10
[titel en naam] 11 4 Visuals website met verantwoording Visual: Home
[titel en naam] 12 Visual: Eten & Drinken
[titel en naam] 13 Visual: Cultuur
[titel en naam] 14 Visual: Gezin
[titel en naam] 15 Visual: Party & Events
[titel en naam] 16 4.1 Verantwoording website BijnaWeekend Er is gekozen voor donkergrijze letters en een lichtgrijze achtergrond, omdat dit rustiger is voor de ogen om te lezen dan een witte pagina met zwarte letters, maar toch duidelijk is. De titels van de pagina s zijn zwart, zodat deze duidelijk naar voren komen. Uit de groepsdiscussie is gebleken dat de doelgroep een strakke website wil, simpel en niet te veel felle kleuren. De pagina s van de website zijn opgedeeld in twee kolommen en de teksten zijn in blokken opgedeeld, die onder elkaar staan. Door deze indeling zijn de pagina s simpel en overzichtelijk. Verder is er geen gebruik gemaakt van felle kleuren, voornamelijk de kleuren lichtgrijs, zwart, wit en lichtgroen. Het logo van parool.nl bestaat uit schreefloze letters. De stukken op parool.nl zijn ook met een schreefloos lettertype geschreven. Omdat de nieuwe site een aanvullende site is op parool.nl, is het belangrijk dat deze een eenheid vormen. Daarom hebben wij voor het schreefloze lettertype Lucida grande gekozen. Dit lettertype heeft mooie ronde afwerkingen van de letters en is duidelijk te lezen. De doelgroep heeft duidelijk aangegeven in het groepsgesprek dat zij visueel is ingesteld. Er is gekozen voor een homepage met veel afbeeldingen. De pijlers zijn aangeven op een afbeeldingen, de gebruiker kan op deze afbeeldingen klikken om naar de verschillende pijlers te gaan. Voor de gebruikers die BijnaWeekend regelmatig bezoeken staat er een extra menu bovenaan de pagina, zodat men snel naar de verschillende pagina s kan gaan. Verder is er gebruik gemaakt van non-cliché beeldmateriaal. Dit geeft de site een aparte uitstraling. De doelgroep heeft aangeven dat zij beeld op de pagina s willen en dat de teksten niet te lang mogen zijn. Op de pagina s staan korte teksten die onderbroken worden met beeld. De lay-out van de site is gebaseerd op de website www.froot.nl. De lay-out van de website sprak ons erg aan en past bij de wensen van de doelgroep. De doelgroep wil dat de site overzichtelijk is en makkelijk is te gebruiken. Op www.froot.nl wordt er gebruik gemaakt van veel beeld, de pagina s zijn overzichtelijk onderverdeel in kolommen en er wordt gebruik gemaakt van de kleuren zwart, wit, grijs en groen. Op de aanvullende website voor parool.nl hebben wij wel meer tekst gebruikt, aangezien dit een aanvullende website is voor een krant, met wie wat te lezen wil hebben.
[titel en naam] 17 5 Verantwoording vormgeving winstgevende applicatie: BijnaWeekend De doelgroep heeft aangegeven te houden van een strak, rustig en overzichtelijk design. Omdat er veel waarde wordt gehecht aan de mening van de doelgroep, is er zoveel mogelijk geprobeerd te voldoen aan de wensen van de doelgroep. In de applicatie is duidelijk te zien dat er gebruik is gemaakt van een strakke lay-out. Er is gebruik gemaakt van glossy effecten en het is overzichtelijk. Er zitten weinig knoppen op zodat er weinig verwarring kan ontstaan. De doelgroep heeft aangegeven graag een waarderingssysteem te hebben in een applicatie. Die functie is toegevoegd evenals een zoekfunctie om gemakkelijk te kunnen navigeren. De logo s en iconen op de applicatie zijn duidelijk en laten weinig aan de verbeelding over; dat geeft duidelijkheid. Omdat er gemakkelijk genavigeerd kan worden door de applicatie, is het overzichtelijk gebleven. Reizen staat centraal in de applicatie en daarom is gebruik gemaakt van veel beelden. De foto s van de reisbestemmingen zijn gebruikt om de doelgroep een goed voorbeeld te geven van hun bestemming. De foto s zijn tevens herkenbaar zodat het gemakkelijk voor de doelgroep te herkennen is welke foto bij welke bestemming hoort. De kleuren zijn in het teken van Het Parool in blauw tinten. Er is ook veel gebruik gemaakt van zwart, grijs en wit. Dat is gedaan omdat de doelgroep duidelijkheid en rust wil. De kleuren zijn neutraal en hebben een goed contrast, waardoor de tekst makkelijk te lezen is. Om in het kader van rustig, duidelijk en overzichtelijk te blijven, is er gebruik gemaakt van Helvetica Neue en Helvetica Neue Light. De lettertypen zijn bekend en erg duidelijk. Bovendien is Helvetica goed geschikt voor digitaal gebruik omdat het schreefloos is. Een schreefloos lettertype draagt ook bij aan de rust en een strak design.
[titel en naam] 18 Visuals applicatie: BijnaWeekend
[titel en naam] 19
[titel en naam] 20 6 Verantwoording vormgeving applicatie: FunFacts Voor de applicatie FunFacts is als hoofdkleur blauw gebruikt. In het logo, maar ook in de applicatie, is gebruik gemaakt van donkerblauw tot lichtblauw. Deze kleur is gekozen omdat het de applicatie een fris, rustig en strak uiterlijk geeft. In de groepsdiscussie is gevraagd naar hoe een applicatie eruit moet zien. Volgens de deelnemers van de groepsdiscussie moet een applicatie weinig verschillende en felle kleuren hebben. De voorkeur gaat meer uit naar rustige kleuren. Het design moet vooral strak zijn. Daarom is bijvoorbeeld de achtergrond van de applicatie blauw overlopend naar wit, en weer terug naar blauw. Hier is bewust voor gekozen om de gebruiker niet af te leiden. Het lettertype van de applicatie is genaamd Janda Manatee. Dit lettertype is vrij speels, maar toch goed te lezen. Tijdens de groepsdiscussie werd er opgemerkt dat een applicatie direct te gebruiken moet zijn, zonder te veel instellingen en vragenlijsten voordat je de applicatie kan gebruiken. De applicatie kan snel gebruikt worden na het downloaden. In het inlogscherm zijn er twee keuzes die de gebruiker kan maken: hij maakt een account aan of logt in via Facebook. Als de gebruiker al een account heeft, hoeft er alleen eenmalig een emailadres en wachtwoord ingevoerd te worden. Om de applicatie zo duidelijk mogelijk te maken is er gebruik gemaakt van grote buttons. Tijdens de groepsdiscussie is naar voren gekomen dat een applicatie niet te ingewikkeld moet zijn. De grote buttons zorgen ervoor dat de gebruiker simpel kan navigeren binnen de applicatie. Er is geprobeerd om per scherm zo min mogelijk buttons te maken om zo de gebruiksvriendelijkheid te verhogen. Er zijn kleine maar duidelijke pictogrammen gebruikt om bijvoorbeeld naar het vorige scherm te navigeren of om naar de instellingen te gaan.
[titel en naam] 21 Visuals applicatie: FunFacts
[titel en naam] 22
[titel en naam] 23 7 Literatuurlijst Froot.nl. (z.j. ). Homepage. Geraadpleegd op: 21 maart 2013, van: www.froot.nl NYmag. (z.j. ). Homepage. Geraadpleegd op: 21 maart 2013, van: http://nymag.com/