Analyse rapport RSD Sarah Lenderink
1
Inh oudsopgave Ana ly s e r a p p o r t 1. inleiding blz. 4-5 2. opdrachtanalyse blz. 6-7 3. programma van eisen blz. 8-9 4. doelgroepanalyse blz. 10-13 5. gevoel van humor blz. 14-15 5. concurrentieanalyse blz. 16-21 6. SMART conclusie blz. 22-23 7. mindmap blz. 24 8. moodbord blz. 25 9. concept blz. 26-27 10. contentmatrix blz. 28-29
Ont w er p r a p p o r t 11. interacties blz. 30-31 12. flowchart blz. 32-35 13. navigatie blz. 36-37 14. schetsen blz. 38-41 15. wireframes blz. 42-45 16. ontwerp photoshop blz. 46-49
Test r a p p o r t 17. testen blz. 50 18. reflectie testrapport blz. 51
Eindp r o d uct 19. screenshots eindproduct blz. 52-55 20. reflectie blz. 56-57
2
3
4
Inleiding In dit analyse rapport leest u over de voorbereiding voor het maken/verbeteren van een website. Deze website ga ik maken naar aanleiding van een schoolopdracht. Voor deze schoolopdracht mochten we kiezen uit drie casussen: een goed doel, een Chineese webshop en een Duits reisbureau. Ik heb voor het Duitse reisbureau: RSD gekozen, omdat mijn interesse wel ligt in reizen. Ik had ook meteen al leuke ideeën bij het verbeteren van hun website. Zo sprak deze casus mij het meest aan. Deze casus luidde als volgt: “Een Duits Reisbureau op het Nederlandse Web Gekmakend, zo wordt de Nederlandse regelgeving door veel buitenlandse ondernemingen ervaren. Niet eerder dan in 2014 is het een buitenlandse reisaanbieder gelukt om met dezelfde garanties als Nederlandse bedrijven hebben, zich op het web te profileren. RSD-reizen is een Duitse aanbieder van educatieve reizen. Maar hoe verleid je De Nederlander om reizen bij een Duitse aanbieder te boeken? Op de Nederlandse website is te lezen waar deze aanbieder zich in onderscheidt, maar is het geven van informatie wel de beste manier om De Nederlander te overtuigen reizen van RSD te boeken? Na het lezen van de theorie Seductive Interactions en jouw research, weet jij dat er betere manieren zijn om dat te doen. Met het ontwerpen van deze casus ga je in op een prijsvraag van RSD om via een verleidelijke interactieve website de nieuwe doelgroep te activeren een reis te boeken. Bron: http://www.rsd-reizen.nl/nl/reizen/highlights geraadpleegd 30 oktober 2014 ANVR verwelkomt RSD-Reisen als eerste buitenlandse reisonderneming (Persbericht maandaag 10 maart 2014) ‘Voor het eerst is een volledig buitenlandse reisorganisator lid geworden van de ANVR. Het lidmaatschap geeft de Nederlandse consument die een reis koopt van deze buitenlandse reisonderneming dezelfde zekerheid en kwaliteit zoals de klant van een Nederlandse ANVR-reison-
derneming mag verwachten.De Duitse touroperator RSD-Reise Service Deutschland uit München is de eerste volledig buitenlandse reisonderneming die lid wordt van de ANVR RSD-Reise Service Deutschland is het eerste bedrijf zonder formele vestiging in Nederland en vanuit Duitsland actief wordt op de Nederlandse markt. ‘ Horst Zsifkovits, directeur van RSD-Reise Service Deutschland: “De toelating van RSD-Reisen bij de ANVR was complex, omdat een buitenlandse onderneming bijvoorbeeld geen deelnemer kan worden bij het Nederlandse Garantiefonds SGR. (…)” Het doel van deze opdracht is om te leren hoe webdesign in elkaar zit, hoe je een analyse uitvoert voor het bouwen van een website, hoe je een website bouwt en hoe je de gebruiker van een website kunt verleiden om bijvoorbeeld iets te kopen, te boeken, ergens aan mee te doen enz. In de opdrachtanalyse wordt informatie gegeven over de huidige website en wordt er een probleemstelling en een doelstelling geformuleerd. Daarna heb ik een programma van eisen aan de website opgesteld hier komen zowel functionele als de niet-functionele eisen aan bod. Hierna kon ik aan de slag met het analyseren van de doelgroep, hier kunt u lezen hoe de gekozen doelgroep in elkaar zit. Ik heb ook persona’s gemaakt, zodat ik mij goed kon inleven in de gekozen doelgroep. Daarna heb ik gekeken hoe het zit met het gevoel van humor bij deze doelgroep, en heb ik wat clichés geformuleerd. Bij de concurrentie analyse heb ik gekeken naar verschillende websites en daaruit gekeken wat een website juist goed maakt of slecht. Hierna heb ik gekeken naar de SMART conclusie. Daarna heb ik een mindmap en een moodbord gemaakt en daaruit het concept geformuleerd. Naar aanleiding van al deze dingen heb ik een content matrix gemaakt over de website die ik ga ontwerpen voor RSD. Hierbij is gekeken naar alles wat ik heb geanalyseerd. 5
Opdrachtanalyse Opdrachtgever De opdrachtgever is Horst Zsifkovits, directeur van RSD (Reise Sevice Deutschland). RSD is een internationaal opererende onderneming dat actief is op de Duitse, Franse, Oostenrijkse, Scandinavische, Belgische en Nederlandse markt. Het hoofdkantoor van RSD is gevestigd in München. RSD is de grootste organisator van educatieve reizen in Duitsland en heeft per jaar meer dan 300.000 tevreden klanten. RSD concentreert zich op een klein aantal zorgvuldig gekozen bestemmingen. RSD heeft daarom veel kennis van de desbetreffende landen en veel contact met hun zakenpartners ter plaatse. RSD richt zich op een goede prijs-kwaliteitverhouding voor klanten. Veeleisende reizigers die highlights, studie- en avontuurlijke reizen zoeken komen daarom naar RSD. RSD is de eerste buitenlandse reisorganisator die lid is geworden van ANVR. Dit lidmaatschap geeft de Nederlander een zekerheid van kwaliteit.
Situatieschets
Aanleiding van de opdracht RSD is de eerste buitenlandse reisorganisatie die lid is geworden van de ANVR. Dit zorgt ervoor dat Nederlanders zekerheid hebben bij het boeken van een reis bij RSD, ANVR garandeert namelijk dezelfde kwaliteit zoals de klant van een Nederlandse
ANVR-reisonderneming mag verwachten. Nu moet er alleen voor gezorgd worden dat “de Nederlander” gestimuleerd wordt om daadwerkelijk een reis bij RSD te kopen. De website wordt gemaakt voor een prijsvraag van RSD, met als doel: via een verleidelijke interactieve website de nieuwe doelgroep te activeren een reis te boeken.
Wanneer je de website van RSD bezoekt zie je als eerste de header en een aantal voorbeeld reizen. In deze header is het logo te vinden met daarnaast een aantal stockfoto’s. De website is op dit moment simpel ingericht met onopvallende, misschien saaie, kleuren. De kleuren licht beige, wit, donkerrood en donkerblauw komen het meest op de website voor. Als je op de website komt is er sprake van veel tekst met middelgrote afbeeldingen. Als je op startpagina klikt kom je meteen uit bij de “highlight” reizen. Er staat ook een kopje met “aanbiedingen”, maar hier is geen aanbieding te vinden. Onderaan de website zijn links te vinden naar andere onderdelen van de website te vinden. Dit valt alleen niet erg op, omdat het met kleine grijze letters helemaal onderaan de website staat. Hier staat bijvoorbeeld een linkje naar “over ons” en “uw voordelen” die zo minder snel bezocht zullen worden. De website beschikt wel over genoeg informatie, maar dit is alleen op een saaie manier gepresenteerd. Als op een reis geklikt wordt is er uitgebreide informatie te vinden over de desbetreffende reis. Links van de informatie over de reis
6
zijn kleine afbeeldingen te vinden. Wanneer je met de muis over deze afbeeldingen gaat worden de afbeeldingen groter. Zo zijn de afbeeldingen wel beter te bekijken, maar komt de afbeelding wel voor de tekst. Rechts van de website is informatie te vinden over RSD zelf. Er staat informatie over de klantenlijn, contact, een klantentevredenheidsoordeel, een linkje naar “ons zelf”(die onderaan de website ook al staat vermeld onder een andere naam), nieuwsbrief en dergelijken, een linkje naar informatie over reisverzekeringen en een ANVR keurmerk. Wanneer je op een bepaalde reis hebt geklikt, komt er rechts ook te staan wat er inbegrepen zit bij die reis en informatie extra services van zeer voordelige speciale voorwaarden.
Wensen opdrachtgever De Nederlandse klant verleiden om zo een reis bij hun Duitse reisbureau te boeken. En daarbij kijken wat de beste manier is om “de Nederlander” te overtuigen. “De Nederlander” moet overtuigd worden door een verbeterde interactieve website die wordt aangepast op de doelgroep en gebruiksvriendelijk wordt.
Belangrijkste doelstelling De Nederlandse klant via een doeltreffende manier overtuigen om een reis bij RSD te boeken.
O p d r a c h t f o rm u l e r i n g i n e i -P r o b l e e m s t e l gen woorden ling Hoofdvraag:
De Duitse reisorganisatie: RSD wil dat zijn website wordt verbeterd. Dit willen ze doen zodat de website betrouwbaar wordt onder de Nederlander. De website moet ook de Nederlander overtuigen om dan een reis bij RSD te boeken. De website moet overzichtelijker en makkelijker in gebruik worden. De stockfoto’s moeten worden vervangen door meer sprekende foto’s. De kleuren moeten worden veranderd. De aanbiedingen moeten worden bijgewerkt. De links onder de website moeten opvallender worden. De informatie moet leuker worden gepresenteerd. Er moeten recensies op de website komen en de website moet doelgroepgerichter in gebruik worden.
Hoe verleid je via een Duitse website “de Nederlander” om een reis bij RSD te kopen?
Deelvragen: -Wie is “de Nederlander”? -Hoe wordt “de Nederlander” nu verleid? -Wat vind “de Nederlander” aantrekkelijk? -Waar schrikt “de Nederlander” van af? -Waarom boeken Nederlanders nu liever een reis bij een reisorganisatie in eigen land?
7
Programma van eisen Fu n c t i on e le e is en
Niet-functionele eisen
- Via de navigatiebalk kan de gebruiker naar het contactformulier, naar de zoekfunctie naar de reizen, aanbiedingen, recensies enz. - De gebruiker kan een zoek & boek invullen, zo kunnen er eisen aan een reis worden gesteld en komt een bijpassende reis uit. - De gebruiker kan zich aanmelden via een nieuwsbrief. - De gebruiker kan inloggen en reizen bewaren op zijn/haar account - De gebruiker kan de website makkelijk vinden. (bv. google) - De gebruiker kan via een zoekfunctie reizen zoeken.
- Snelle laadtijd. - Overzichtelijk ingedeeld, alles is makkelijk te vinden. - Alles moet goed leesbaar zijn, groter lettertype als gemiddeld. - Duidelijke ,maar ook uitgebreide informatie over de verschillende reizen. - Grote afbeeldingen, goede resolutie. - Mogelijkheid om bewaarde reizen te ordenen, door te mailen. - Keurmerken duidelijk zichtbaar. - Slide-show met foto’s van de bestemmingen. - Zoek & boek rechts van de website, navigatiebalk bovenin.
8
9
Doelgroepanalyse RSD gaat zich op ouderen richten, omdat de reizen die RSD aanbiedt het best voor ouderen geschikt zijn. De website moet dus meer op ouderen gericht worden.De groep ouderen heb ik opgedeeld in drie segementen: de 50-plusser, de gepensioneerde en de oudere reiziger.
De Nederlandse 50-plusser Deze persoon is boven de vijftig jaar oud en heeft een jongvolwassen kind. De 50-plusser is getrouwd en woont in een twee-onder-een-kap of vrijstaand huis. Deze persoon heeft echte “Nederlandse” trekjes. Hij/zij besteed graag tijd aan activiteiten met leeftijdsgenoten, zoals biljarten, zwemmen ,bowlen of een bezoek aan een filmhuis. De 50-plusser heeft een gemiddeld tot hoog inkomen van werk en woont in een rustige buurt buiten de stad. S ’ochtends voor werk leest hij/zij een regionaal dagblad. Wanneer deze persoon terug is van werk kijkt hij/zij op televisie naar NPO met zijn/haar partner. Er wordt s ’avonds Nederlands gegeten ,zoals aardappelen met spinazie en een gehaktbal. Soms doet hij/zij eens gek en eten ze buitenlands, zoals chinees of een pasta. Deze 50-plusser is een levensgenieter en houdt er ook van om een wandeling te maken of lekker te borrelen bij een café. Deze persoon houdt van educatieve reizen waar hij/zij tot rust kan komen, maar toch informatie op doet over een bepaalde cultuur. De 50-plusser wil graag nieuwe dingen proberen, maar heeft daarmee wel een grens. Het inkomen is goed en hun geld geven ze graag
uit aan reizen, dagjes weg of aan hun kinderen. Deze persoon kan redelijk goed met internet overweg, maar houdt niet van ingewikkelde onoverzichtelijke websites. De 50-plusser wil graag “met de tijd meegaan” en beschikt daarom over een computer en/ of een tablet, per dag wordt er ongeveer twee uur aan internet besteed. Deze uren gaan vooral op aan het bekijken van aanbiedingen, weetjes en interessante reizen.
10
media accounts van zijn/haar kinderen De Nederlandse gepensioen kleinkinderen. De Nederlandse oudere neerde De Nederlandse gepensioneerde is soreiziger wieso 60-plus en heeft een baantje ge-
De Nederlandse oudere reiziger is een persoon boven de 50 jaar oud. Deze persoon is altijd al avontuurlijk en sportief geweest en is dat nu nog steeds. Hij/zij heeft een enthousiaste, positieve en moderne instelling en gaat met de tijd mee. Hij/zij houdt er van om nieuwe ervaringen op te doen en dingen te proberen. De oudere reiziger woont in een twee-onder-een-kap buiten de stad, samen met een partner die ook zo avontuurlijk is. Aan de muren hangen foto’s van de reizen die hij/zij heeft ondernomen. Deze persoon is alleen niet vaak thuis, omdat ze iedere dag veel activiteiten ondernemen. Hij/zij heeft geen of één kind dat al het huis uit is. De oudere reiziger heeft een gemiddeld inkomen, maar neemt vaak een weekje vrij. S ‘avonds na werk wordt er buitenlands en gevarieerd gegeten, er wordt graag “gek” gedaan en alles wordt wel een keer geprobeerd. Het verdiende geld word voornamelijk besteed aan avontuurlijke reizen. Hij/zij houdt er ook van om nieuwe mensen te ontmoeten. Met deze mensen bespreek hij/zij de avonturen die hij/zij heeft meegemaakt. In zijn/haar vrije tijd wordt er veel tijd aan sport besteed, zoals wielrennen of fitness. Deze persoon heeft daarom een goede conditie en dat is ook erg belangrijk voor hem/haar. De oudere reiziger houdt ervan om met zijn/haar prestaties te pronken. Hij/zij houdt ook de nieuwste ontwikkelingen en nieuwtjes in de gaten en heeft een sociale media account. Per dag wordt er een uurtje aan internet besteed, dit uur gaat naar het lezen van blogs van reizigers. De rest van de tijd wordt besteed aan het vergelijken van toekomstige reizen. Voor het slapen gaan wordt er National Geografic gelezen.
had met een gemiddeld inkomen. Deze persoon is getrouwd en heeft kinderen en kleinkinderen. Hij/zij houdt ervan om tijd te besteden met zijn/haar kinderen en kleinkinderen en verwend ze ook graag. De gepensioneerde woont in een seniorenflat buiten de stad met meer leeftijdsgenoten en goede service. Hij/ zij vindt het leuk om andere ouderen te ontmoeten en op gezamenlijke groepsreizen te gaan. Deze reizen gaan veel naar het Duitse Sauerland, maar hij/zij zou ook wel graag wat verder weg willen gaan. Hij/zij houdt van gezelligheid en organiseert regelmatig etentjes met hun familie. Zijn/haar inkomen is hun pensioen, maar deze persoon heeft ook veel geld gespaard. Overdags houdt de gepensioneerde vooral van rust en worden er wandelingetjes en uitstapjes naar de supermarkt gemaakt. S ‘avonds wordt er thuis stamppot gegeten, er wordt liever niet “te gek” gedaan. Een paar keer per week gaat de gepensioneerde naar een seniorenavond om te bingoën of te kaarten. De gepensioneerde geeft geld uit aan activiteiten of reizen voor henzelf en ook aan hun kinderen en kleinkinderen. De gepensioneerde kan eerst terughoudend overkomen, maar zal uiteindelijk toch graag dingen willen ontdekken. Sommige middagen gaat de gepensioneerde naar een computer cursus. Thuis beschikt deze persoon over een vaste computer waar ze vooral eind van de middag een paar keer per week op surfen. Ze hebben niet erg veel computer kennis en zien het liefst grote, duidelijke letters met grote afbeeldingen. Als hij/zij gebruik maakt van de computer wordt er naar activeiten en reizen gezocht, maar er wordt ook gekeken naar de sociale 11
Persona’s
E l s , 5 1 j a a r Gerard, 72 jaar
Mijn naam is Els. Ik ben 51 jaar en ik woon met mijn man in Hengelo. Samen met mijn man heb ik twee kinderen van 20 en 22 jaar oud, die sinds kort het huis uit zijn. Ik woon in een vrijstaand huis en werk 36 uur per week als docent Frans op de middelbare school. Voordat ik naar het werk ga lees ik nog even de krant en drink ik mijn thee op. Als ik van werk terugkom begin ik met koken. Mijn man houdt erg van boerenkool met rookworst en dit maak ik regelmatig voor hem. In mijn vrije tijd zwem ik wel eens met een vriendin van mijn leeftijd. Dit doe ik vaak s ’avonds en in de weekenden sochtensds. Als ik niet zwem kijk ik met mijn man televisie, we kijken samen meestal naar Pauw, Ove mijn lijk en Opspring verzocht. Voor het slapen kijk ik even op mijn tablet of telefoon. Ik stuur dan een appje naar mijn kinderen. Als het vakantie is ben ik vaak te vinden in een stukje natuurgebied ergens in Nederland. Daar doe ik aan fietsen ,maar soms wandel ik daar ook. Twee keer per jaar gaan mijn man en ik op vakantie. Onze vorige vakantie zijn we met een groepsreis naar Kroatie geweest om de cultuur daar op te snuiven en te genieten van het platteland en monumenten.
Ik ben Gerard en ik ben 72 jaar oud. Ik woon in een gezellige flat in Deventer met meer leeftijdsgenoten. In deze flat woon ik met mijn vrouw Janie. Mijn vrouw en ik hebben samen drie kinderen en een paar kleinkinderen. Mijn kinderen en kleinkinderen komen iedere week langs mijn flat en meestal geef ik ze dan een kleinigheidje mee. In mijn vrije tijd biljart ik met een aantal vrienden, na het biljarten drinken we meestal een glaasje jenever. Sinds kort zit ik op een computer cursus, ik ga namelijk graag met de tijd mee. Op de computer zoek ik leuke uitstapjes voor de week. Maar ik hou ook van eens in de zoveel tijd een leuke reis met mijn vrouw. Meestal gaan we naar Sauerland, maar wat verder weg zou ook leuk zijn. We houden er namelijk van om cultuur op te snuiven en nieuwe mensen te leren kennen. Na de computercursus maakt mijn vrouw standaard stampot voor me, mijn lievelingsgerecht! Ik vind het altijd wel gezellig als mijn kleinkinderen dan mee-eten. Na de stampot kijken we even kort tv, meestal ga ik vroeg slapen terwijl mijn vrouw nog een boek leest.
12
Ha ns, 67 j a a r
Hallo, ik ben hans en ik ben 67 jaar oud. Ik ben pas met pensioen, ik werkte een paar jaar geleden als onderdirecteur bij een bedrijfje in Den Haag. Dit verwachtte de meeste mensen niet van mij, omdat ik in mijn vrije tijd veel bezig ben met reizen, wielrennen en de natuur. Vroeger heb ik veel gebackpackd. Ik woon een stukje buiten de stad met mijn vriendin. Samen houden we wel van een lange wandeling door de natuur en een lekker wijntje bij het eten. Ik heb een kind, uit een eerder huwelijk, maar hij is al een hele tijd uit huis. Ik zit sinds kort op een cursus Spaans samen met mijn vriendin. Dit is natuurlijk leerzaam, maar ook gezellig om met mensen over onze interesses te praten. Stiekem vind ik het wel leuk om mijn reisverhalen een tikkeltje te overdrijven. Via social media, zoals facebook upload ik regelmatig foto’s van eerdere reizen. Als ik nog een beetje tijd over heb lees ik National Geografic.
13
Gevoel van humor http://www.pinterest.com/sarahlenderink/de-nederlander/
“Nederlanders zijn gierig” “VS: SEKS EN DRUGS LEVEREN NEDERLAND MEER OP DAN KAAS”
“Nederlands zijn ruimdenkend” “NEDERLAND WERELDKAMPIOEN “LUIHEID” VOLGENS ONDERZOEK”
“Nederlanders zijn tolerant” “HOLLANDSE HUMOR: GOOGLE NAPS, EEN WEBSITE VOOR DUT LOCATIES”
“Meer winst dan eer, meer verstand dan slimheid” “TULPEN, KAAS, KLOMPEN, FIETSEN, MOLENS”
14
15
Concurrentie analyse
16
Ik vind dat deze website, over een dierenopvang, er heel vrolijk uitziet. De website ziet er erg netjes uit, met een apart tintje. De website is net niet slordig te noemen.
donkergroen of rood gekleurd en de normale tekst niet. - sprekende afbeeldingen - leuk vormgegeven tekst, dit komt door de aparte lettertypes en de verschillende kleurtjes. Toch is het wel fijn dat de normale tekst zwart is, dat is het prettigst lezen.
Sterke punten - duidelijk, omdat er gekozen is voor een duidelijk lettertype en er is niet te veel gebruik gemaakt van symbolen. Bovenaan de pagina staat een navigatiebalk, alle verschillende pagina’s die daarin gelinked zijn, zijn duidelijk beschreven met woorden.
Zwakke punten - kan slordig overkomen, omdat er soms te veel van het goede wordt gebruikt. Dit komt door veel decoratie elementen (verschillende printjes, kleuren, kruletjes in fonts) door elkaar. De printjes worden vooral te veel onnodig gebruikt. Er staan teveel elementen op de website die geen waarde toevoegen. Zo ontstaan af en toe een slordig effect.
- overzichtelijke indeling van de website. De tekst en afbeeldingen staan steeds op de zelfde plek bij verschillende pagina’s. De koppen zijn dik gedrukt, zo valt meteen op wat belangrijk is. Het is ook handig dat de aandacht daardoor eerst naar de kopen gaat, dit komt doordat het groot in het midden staat. Daarna gaat de aandacht naar de normale tekst (in kleinere letters naar links uitgelijnd), zo weet de gebruiker al of het hem intereseert en waar het precies over gaat.
Conclusie
- apart (de combinaties van de lettertypes en kleuren). Er is gebruik gemaakt van een kleurenschema met twee tegenovergestelde kleuren. Het groene en rode zorgen daarom voor een apart gevoel, dat ook erg bij de website past. De lettertypes, die gebruikt zijn, zijn ook erg verschillend. Voor de koppen is een apart lettertype gebruikt, een beetje handgeschreven. De normale tekst is in tegenstelling tot dat een heel serieus normaal lettertype. De koppen zijn ook
De website zou misschien iets hebben aan: “Less is more”. De website is erg mooi, maar af en toe te veel van het goede. Het zou misschien beter zijn om wat decoratie elementen weg te laten die geen waarde toevoegen. De verschillende kleuren zijn wel leuk, maar het moet ook niet “too much” worden. Daarom zou het beter zijn om voor een paar hoofdkleuren te kiezen, in plaats van twintig verschillende kleuren. 17
Zwakke punten
Dit is een aparte website dar gaat over schilderen en schilderijen. De eigen stijl van de schilder komt door de website meteen naar voren. De website ziet er erg verzorgd uit, met veel kleurgebruik.
- Vervelend lettertype om lange teksten te lezen. Dit lettertype heeft te veel krulletjes en onnodige elementen. Zo wordt het voor de gebruiker storend om te tekst te lezen en kijken ze eerder naar de afbeeldingen dan naar de tekst. De aandacht van de lezer wordt dus niet bij de tekst gehouden.
Sterke punten - De eigen stijl van de schilder is makkelijk te herkennen, dat is dus makkelijk voor klanten. Klanten kunnen zo meteen verwachten wat voor soort producten de schilder maakt. Het valt meteen op dat de schilder van verschillende soorten kleuren houd met een donker tintje. De schilder schildert vooral dieren en dit is overal op de website te zien.
- “te modern” ouderen snappen de website zowiezo niet. Deze website is misschien “te modern”, omdat jongeren zichzelf hebben aangeleerd om te swipen van de ene afbeelding naar de andere. Daar maakt deze website veel gebruik van. Sommige mensen zouden zo de website niet optimaal kunnen gebruiken.
- mooi gebruik van wit op de kleuren van de schilderijen van de schilder. Dit zorgt voor een mooi contrast, omdat de schilderijen donker geschilderd zijn. De witte letters springen er zo extra uit en de aandacht gaat daarna naar het werk van de schilder. Dat maakt dit contrast zo mooi.
Conclusie Het is een erg mooie en unieke website dat op de stijl gericht is van de schilder. De website is alleen niet voor alle doelgroepen toegangkelijk. Dit komt omdat de website “te modern” is, het zou handiger zijn als er pijltjes gebruikt zouden worden om van de ene afbeelding naar de andere te gaan. Het lettertype zou ook aangepast moeten worden, zodat de aandacht bij de tekst wordt gehouden. De witte tekst op de donkere afbeeldingen geeft wel een mooi effect.
- De website is netjes opgebouwd. Alle informatie die een gebruiker zou zoeken is makkelijk te vinden door middel van de navigatiebalk bovenaan de pagina. Vervolgens zijn alle pagina’s ongeveer het zelfde ingedeeld qua tekstblokken en afbeeldingen. - De website is mooi gedecoreerd met gedeeltes uit de schilderijen van de schiler. Dit zorgt ervoor dat alle decoratieve elementen ook nog wat vertellen over de inhoud van de pagina. Er wordt zo niet op een onnodige manier decoratie gebruikt.
18
19
20
Deze website ziet er erg meisjesachtig en vrolijk uit. Er zijn bloemtjes printen en veel roze te zien. Toch ziet de website er heel simpel en overzichtelijk uit.
weer. - niet te veel poespas, er is geen gebruik gemaakt van decoratie elementen behalve de origami symbolen. De product foto’s hadden ze waarschijnlijk genoeg decoratie gevonden. Dit geeft immers wel een “rust” sfeer in de website.
Sterke punten - doelgroep gericht, de doelgroep is makkelijk af te leiden. Dat zijn namelijk vrouwen van zestien tot 25 jaar oud. De website is helemaal gebouwd in de stijl van deze doelgroep. Dit is te zien aan het kleurgebruik, het roze, en de printjes, bloemen.
Zwakke punten - de symbolen in de vorm van orgimani zal niet iedereen begrijpen. je zou je eerst in het product moeten verdiepen dat de website aanbiedt. Daarna zou het verband gelegd moeten worden met de origami. Dit zwakke punt zou misschien ook een uitdaging kunnen zijn voor de gebruiker, maar het zou jammer zijn als niet iedereen het snapt.
- fijn lettertype om te lezen, het heeft een rustige uitstraling. Dit lettertype geeft een rustige uitstraling, omdat er veel gebruik is gemaakt van witruimte. Er zitten ook geen gekke krulletjes of streepjes in dit lettertype. Dit zorgt ervoor dat dit lettertype goed en makkelijk leesbaar is.
- misschien te saai, alles is bijna wit en er is niet echt sprake van decoratie.
-veel witruimte, zorgt voor een ontspannen sfeer. Over de hele website heen is veel gebruik gemaakt van witruimte. Dit is te zien in bijvoorbeeld de navigatiebalk, teksten en tussen de producten door.
Conclusie
- grappige symbolen in de vorm van origami. Deze symbolen verwijzen meteen naar het product van deze website. Dat product is namelijk gedrukt papier om creatief mee bezig te zijn. Deze symbolen geven dus het eigen tintje van de webshop
De website is bijna helemaal goed, toch zou een achtergrondje of een beetje decoratie wel leuk zijn. Er is wel te zien dat er echt over de website is nagedacht met de doelgroep. 21
Smart conclusie Specifiek De website van RSD moet worden vernieuwd. De website moet gericht worden op ouderen. Er moet dus rekening worden gehouden met de lettertypes, overzichtelijkheid en de kleuren. Ook moet het aanbod van de reizen op ouderen worden afgestemt. Hierbij is te denken aan groepsreizen en educatieve reizen. Ouderen houden ook erg van aanbiedingen. Dit kopje staat al op de website, maar moet bijgewerkt worden.
Meetbaar Alle punten bij het specefiek gedeelte kunnen worden toegepast. De website moet immers simpel in gebruik worden, omdat ouderen niet van ingewikkelde websites houden. Het moet goed te begrijpen zijn voor ouderen.
Acceptabel Voor deze dingen is wel draagvlak, omdat de website zich nu in een slechte omstandigheden bevindt. Hierdoor zullen waarschijnlijk ook minder reizen worden verkocht. Met dit idee zullen er zowieso meer reizen worden verkocht aan ouderen.
22
Realistisch/relevant Waarschijnlijk kan alles wat ik wil veranderen aan de website. Ik ga vooral letten op de duidelijkheid van de website, omdat dat het belangrijkste is voor ouderen. Daarnaast wordt er naar de leesbaarheid en de verzorgheid gekeken. Dit kan makkelijk worden gedaan.
Ti jdgebonden ĂŠen jaar nadat de vernieuwde website in gebruik wordt genomen, wil ik dat onder de catergorie 50-plusser 20% meer reizen worden geboekt.
23
Mindmap
24
Mo odbord con cept
25
Concept Nederlandse ouderen via een duidelijke, rustige en complete website op een simpele en verleidelijke manier overtuigen om een reis te boeken bij RSD reizen.
26
27
Contentmatrix Design Elements
Bij de design elements is te zien dat ik voor twee blauwe tinten en een groene tint heb gekozen. Hiervoor heb ik gekozen ,omdat oudere mensen meer van rustige kleuren houden. Deze kleuren die ik heb gekozen zijn daarom ook pasteltinten. Ik vind ook dat deze kleuren goed bij mijn concept passen, deze kleuren moeten een ontspannen en rustige sfeer uitstralen. Toch moeten ouderen wel overtuigd worden om een reis te boeken, daarom heb ik ook weer niet voor simpel wit, beige of grijs gekozen. Het blauwe en groene passen goed bij vakanties die RSD aanbiedt. Ik heb ook de psychologische betekenissen van de kleuren opgezocht. Hierover heb ik een citaat: “Groen staat
voor hulp, ontspanning en bemiddeling. Harmonie, raad en evenwicht. Vertrouwen, groei en kalmte. Blauwe staat voor Rust, ontspanning en trouw. Integriteit, afstand en wijsheid. Expressie, waarheid en communicatie.” De gevoelens die deze kleuren oproepen passen dus goed bij een vakantie. Blauw kan ook afgeleid worden als de kleur van de zee en het groene als de kleur van de natuur. Ik heb voor de grootste koppen en langere teksten voor het lettertype: Corbel ,gekozen. Dit is een lettertype met veel witruimte en dat geen krulletjes of streepjes bevat. Dit zorgt er voor dat het een lettertype is dat makkelijk te lezen is en ook niet storend is bij het lezen van lange teksten. Vijaya Regular, heb ik gebruikt bij de middelste koppen. Dit is een wat sierlijker lettertype dat een wat vrolijkere en chique sfeer moet overbren-
gen. Dit lettertype is niet fijn bij lange teksten, maar bij de middelste koppen met maar een paar woorden is dat geen probleem. Het zorgt er juist voor dat de gebruiker deze kop langzamer zal lezen. Als er ook alleen gebruik zal worden gemaakt van het lettertype: corbel, zullen de teksten misschien een wat saaie uitstraling krijgen. Op de website wil ik graag veel gebruik maken van witruimte. De gebruiker moet immers een ontspannen en rustig gevoel krijgen bij de website. Daarom is witruimte van belang.
Iconic Elements
Bij iconic elements heb ik ervoor gekozen om de knoppen in de navigatiebalk gewoon met tekst te laten. Dit is het makkelijkst voor de ouderen die de website gaan bezoeken, iconen zullen namelijk niet alle ouderen begrijpen. Deze tekst wordt groot in een duidelijk en goed leesbaar lettertype, wanneer er met de muis over deze linkjes wordt gegaan verandert het linkje van kleur. Zo wordt het duidelijk dat het linkje “klikbaar” is. Voor de social media linkjes heb ik wel gekozen voor een icoontje. De jongste groep ouderen maken vaak wel gebruik van social media, deze icoontjes worden duidelijk neergezet en in de kleur van het desbetreffende social media logo. Zo zullen deze groep ouderen de icoontjes wel begrijpen. Een verstuur-knop , bij bijvoorbeeld een contactformulier, geef ik wel een echte “knop” uitstraling, zodat het duidelijk wordt dat via die manier een formulier verzonden kan worden. Verder wil ik zo min mogelijk gebruik maken van icoontjes en het meest van tekst zodat alles goed te begrijpen valt voor de ouderen die de website gaan bezoeken.
Content
Bij de content, worden er product foto’s laten zien van de reizen die RSD aanbied. Deze foto’s worden groot en opvallend gepresenteerd, omdat zo
28
de gebruiker wordt overgehaald om een reis bij RSD te boeken. Een foto zegt namelijk meer dan duizend woorden. Deze content foto’s voegen dus allemaal waarde toe aan de inhoud van de website. Onderaan elke reis wil ik graag een mapje zetten waar de bestemming zich precies bevindt. Ze wordt er duidelijkheid gecreëerd bij de gebruiker en weten ze meteen hoever de bestemming van huis is. Er komt ook een afbeelding van de directeur of een ambasadeur van RSD op de website. Dit moet bijdragen aan het vertrouwen van de gebruiker naar RSD.
Texture/Decoration
Ik wil het liefst zo min mogelijk gebruik maken van decoratie op de website. Wel wil ik graag een leuke wallpaper, die slaat op RSD reizen. Daarom heb ik voor een soort antiek paspoort achtergrond gekozen. Dit slaat dus weer op de reizen die RSD aanbiedt. En ouderen vinden dit ook interessant om te bekijken. Op de website komen al grote afbeeldingen van de bestemmingen zelf, daarom zullen niet-inhoudelijke afbeeldingen niet nodig zijn. Kortom: de vernieuwde website van RSD wordt dus een rustige en ontspannen website. Er wordt gedacht aan het citaat “Less is more”. Toch komen er mooie afbeeldingen op de website en wordt er gebruik gemaakt van kleuren die een betekenis geven aan de website. De website wordt goed te begrijpen voor ouderen. En het lezen van lange teksten wordt geen probleem.
29
Pumpinteracties Mac Donalds Dit is PUMP ,omdat de gebruiker persoonlijk wordt aangesproken: “bij jou in de buurt”. Hierdoor wordt de gebruiker nieuwsgierig waar het dichtstbijzijnde restaurant in de buurt van die persoon bevindt. MacDonalds onderhoud zou een relatie met de klant, omdat ze er zo voor zorgen dat de klant een bezoek brengt in hun restaurant. Het ziet er interessant uit, het is een apart lettertype en bepaalde woorden zijn groter dan andere woorden.
Ikea Dit is PUMP, omdat de gebruiker persoonlijk wordt aangesproken: “Wil JIJ IKEA beter leren kennen?”. De gebruiker wordt dan nieuwsgierig wie de mensen achter de IKEA zijn, ook doordat het gezicht steeds verandert onder het kopje “Ieder zijn verhaal”. De relatie met de klant wordt zo vergroot, omdat IKEA een soort van persoonlijk kijkje achter de schermen laat zien. Het ziet er ook interessant uit ,omdat je steeds de verschillende gezichten van IKEA ziet.
30
Coca Cola Dit is PUMP, omdat dit bij de gebruiker een soort groepsgevoel met het merk creëert: ”Ontdek hier hoe we gezamenlijk een energiebalans kunnen bereiken”. De gebruiker wordt zo nieuwsgierig en actief aan het denken gezet. Ze willen weten hoe die energiebalans nou bereikt kan worden met Coca-Cola. De relatie met de klant wordt zo sterker, Coca-Cola zorgt ervoor dat mensen samenkomen en dingen te bereiken. Het is ook mooi vormgegeven in de kleuren van Coca-Cola met een persoonlijke afbeelding erachter.
31
Horizontale Flowchart Na aanleiding van de eerdere opdrachten en analyses heb ik een horizontale flowchart ontworpen. Hierbij heb ik gedacht aan de behoeften van de doelgroep: ouderen. Ik heb onderzocht waar ouderen naar zoeken wanneer ze van plan zijn een reis te maken. Ik heb ook onderzocht wat ouderen nu juist missen aan een site van een reisbureau. Dit heb ik allemaal in deze horizontale flowchart verwerkt.
32
Home
--> korte inleiding over RSD reizen
33
--> opgeslagen reizen (verlanglijstje) -->”winkelmandje”
--> lastminutes --> aanbiedingen --> highlights --> groepsreizen --> busreizen --> rondreis --> kort weg en dichtbij reizen
Jo uw RSD Reizen
--> meest geboekt --> foto’s --> tips en ideeën
I n spir a tie
RSD --> vakantiefoto’s --> recensies --> keurmerken
Klantevredenheid
--> info RSD --> contact --> nieuwsbrief --> persberichten --> reisinformatie --> brochure --> vraag en antwoord
O ver ons
Verticale Flowchart Scenario Hans heeft zin om met zijn vriendin op een avontuurlijke en educatieve reis te gaan. Hij heeft nog niet een idee wat voor bestemming hij precies wil bezoeken en staat nog open voor ideeën. Via google zoekt Hans op: “aanbieding educatieve reizen”. Hij ziet meteen RSD reizen staan met daaronder een pakkende tekst. Hij klikt daarom op de link van RSD reizen. Op de startpagina ziet hij meteen een aantal aanbiedingen, maar Hans weet niet precies wat hij wil en zoekt verder. Bovenaan in de navigatiebalk ziet hij “zoek & boek” staan. Hij vult hier in wat voor eisen hij heeft aan zijn toekomstige reis. Hij vult in: groepsreis, land niet bekend, twee weken, vlieg/huurauto-vervoer, juni/juli. Nadat Hans dit heeft ingevuld komt hij bij een aantal passende reizen uit. Deze reizen zijn gepresenteerd met grote afbeeldingen en leuke teksten die bij de reis passen. Hans raakt geïnspireerd door deze reizen en vindt het fijn dat hij meteen krijgt wat hij precies zoekt. Uit alle uitkomsten kiest hij één reis naar Kroatië. Hans klikt op de link van deze reis en ziet allerlei afbeeldingen van deze bestemming. Hij ziet een kopje staan met recensies van deze reis en klikt hierop, hij is benieuwd hoe vorige reizigers deze reis hebben ervaren. Hans raakt overtuigd na het lezen van deze recensies en maakt een jouw-RSD account aan. Bij het aanmelden voor de RSD-account wordt hij ook meteen lid van de nieuwsbrief, omdat hij de reizen van RSD inspirerend vind en de nieuwste aanbiedingen wilt ontvangen. Na het aanmelden slaat hij de reis naar Kroatië op bij jouw reizen. Wanneer de vriendin van Hans ook thuiskomt kan Hans zo meteen zijn gekozen reis erbij pakken. Samen met zijn vriendin kijkt hij nog naar de bestemming zelf en de accommodatie. Onderaan ziet hij een mapje staan waar de locatie zich precies bevindt. Hans vindt dit wel handig omdat hij meteen ziet hoever de bestemming zich van de zee bevindt en zo kan hij meteen op ideeën komen over activiteiten in de buurt. Hans wil toch nog even een kijkje nemen bij de populairste reizen van RSD, hij kijkt daarom bij “meest geboekt”. Hier ziet hij ook meteen “tips en ideeën” staan, hier staat Hans wel voor open. Hij ziet tips staan bij Kroatië, de reis die hij misschien wil boeken! Hier staan locale tips, activeiten in de buurt, locale delicatessen en wandelroutes. Hans raakt hierdoor overtuigd ,omdat hij zoveel ideeën krijgt over zijn toekomstige reis. Hans gaat daarom naar “jouw-RSD” klikt zijn reis naar Kroatië aan en gaat naar boeken. Hij vult de precieze datum in en zijn persoonlijke gegevens, hierna betaalt hij met iDeal. Meteen krijgt hij bevestiging, Hans weet nu dat het boeken is gelukt. Een maand voor de reis krijgt een nog een reisbescheiden en een aantal tips opgestuurd om goed voorbereid op reis te gaan. In Juni is het dan zover en gaat hij op reis. RSD heeft hem goed op weg geholpen en zijn reis verloopt zoals gepland. Hans is zeer tevreden en laat een recensie achter op de website van RSD, hij zet in deze recensie zijn ervaringen en andere ideeën. 34
Bekijken meest geboekt
Bekijken tips en ideeën
Bekijken kaart bestemming
Boeken opgeslagen reis
RSD Aanbiedingen Zoek en boek Eisen van de reis invullen Reis selecteren
Reis opslaan “jouw RSD”
Bevestiging Reis
Account aanmaken Recensies lezen
35
Feedback in vorm van recensie
Navigatie Ontwerp Dit ontwerp komt bovenaan het hoofdmenu te staan. Het komt er simpel uit te zien, in ĂŠĂŠn oogopslag is te zien wat RSD te bieden heeft. Ik wil gebruik maken van tekstuele knoppen, omdat ouderen vaak niet weten wat alle iconen en pictogrammen betekenen. Zo blijft het voor iedereen duidelijk. Onder de navigatie komt een header met een grote afbeelding. In de navigatie staat ook een zoekbalkje, wanneer iemand iets speciaals wil vinden op de website hoeft die persoon niet eerst de hele website door te zoeken. De navigatiebalk krijgt de kleuren blauw en grijs, uit het kleurenschema dat ik heb ontworpen.
36
37
Schetsen Schets rondreizen
38
Schets homepage
39
Schets inspiratie
40
Laatste schets homepage
41
Wireframes Toen de schetsen af waren ben ik begonnen met de wireframes. Dit laat zien welk onderdeel ik op welke plek van de website wil hebben. De website wordt op ouderen gericht dus moet alles duidelijk en goed vindbaar zijn. Er moeten alleen onderdelen op de website komen die nodig zijn. Bij deze wireframes heb ik gedacht aan de quote: “Less is more�
42
43
44
45
Ontwerp Photoshop Dit ontwerp heb ik gemaakt in adobe photoshop naar aanleiding van de wireframes. Ik wil op de website duidelijke lettertypes hebben daarom heb ik gekozen voor de lettertypes: Raleway en Corbel. Deze lettertypes worden groter als gemiddeld, omdat ouderen dat prettiger lezen vinden. Voor de grootste kop heb ik een grote van 40pt, de tweede kop 30pt, de derde kop 30pt en de vierde en vijfde kop 15pt. De normale tekst heeft een grote van 12pt, dat lijkt klein maar dat valt mee bij het lettertype corbel. Ik wil graag mooie,sprekende afbeeldingen op de website van de reizen die RSD aanbiedt. Als header wil ik één grote afbeelding over 100%. Bovenaan de website wil ik ook het logo hebben, zodat het goed opvalt. Het logo wil ik nog gaan vernieuwen. De navigatie word makkelijk in gebruik en er wordt in één oogopslag duidelijk wat RSD te bieden heeft. Zo blijft de website simpel voor de ouderen.
46
47
48
49
De trellotest Ik heb de trello test afgelegd met Vera van Embden, Iris Craanen en Yoni Hillen. Ik heb de ontwerpen, wireframes en het navigatieontwerp laten zien en er toelichting bij gegeven. Dit heb ik gedaan door middel van een powerpoint. Daarna hebben ze een beoordeling gegeven over de ontwerpen die ik tot nu toe heb gemaakt.
Uit de trello test is gebleken dat ik de goede weg op ben met mijn website, maar er nog een aantal dingen veranderd moeten worden. Het goede van mijn ontwerpen waren dat ik constant rekening heb gehouden met mijn doelgroep: ouderen en dat mijn website overzichtelijk is. Qua content zag de website er netjes uit, de teksten waren goed doelgroepsgericht. Je kan redelijk goed vinden wanneer je opzoek bent, maar dat nog iets beter. De interaction mag ook iets duidelijk worden. Qua seduction was de website goed. De website brengt een echte vakantie sfeer over. Dit zorgt voor een prettig en vrolijk gevoel. Dit was ook de bedoeling van mijn ontwerpen. Door de kopjes en quotes voelt de gebruiker zich persoonlijk aangesproken. Ze vonden mijn website overzichtelijk, omdat ik alle onderdelen van de website goed heb verdeeld over de beschikbare ruimte. Ik heb ook niet teveel onnodige onderdelen erop
gezet. Ik heb ook een aantal afbeeldingen laten zien die ik wil gebruiken voor de website. Die vonden ze ook heel mooi, omdat het goede, sprekende afbeeldingen zijn over de bestemmingen die RSD aanbiedt. De navigatie van mijn website moet nog verbeterd worden met daarmee de plek van het RSD logo. Op dit moment staan deze onderdelen teveel door elkaar en dat maakt het eerste gedeelte van de website rommelig. En dit past niet bij de rest van de website, omdat de rest van de website netjes geordend is. Ik moet de letters in de navigatiebalk lichter maken, zodat het beter te lezen valt. De navigatiebalk moet in ĂŠĂŠn geheel boven de website komen met daaronder de header afbeeldingen. Het logo komt in de navigatiebalk in het midden. Op deze manier wordt alles netjes geordend en wekt het geen verwarring op bij de gebruiker. De website geeft een rustige uitstraling weer en dit was ook mijn doel.
50
51
Screenshots Eindproduct
52
53
54
55
56
57
Reflectie Nu ik de website heb afgerond ben ik best wel tevreden over het resultaat. Aan het begin van de periode had ik niet verwacht dat ik zo’n website zou kunnen bouwen. Ik vond het in het begin erg lastig om met html en css te werken. Maar naar veel oefenen is het mij toch gelukt! Nu ik html en css wat beter onder de knie heb vind ik het toch erg leuk om mee te werken. Het bouwen van de vernieuwde RSD website was soms wat frustrerend, maar gelukkig kwam ik uiteindelijk overal wel uit. Ik heb bij het bouwen van de website rekening gehouden met alles wat ik heb geleerd bij webdesign. Zoals de PUMP interacties, de flowcharts, mijn programma van eisen, de mindmap en de doelgroep analyse. Ik heb steeds nagedacht over hoe de doelgroep de website zou ervaren. Toen de website af was heb ik mijn ouders en mijn opa en oma er nog naar laten kijken. Ik heb gevraagd of ze de website duidelijk vonden en of er misschien nog wat ontbrak. Hierna heb ik een paar kleine dingetjes aangepast. Ze wouden bijvoorbeeld nog een google recensie op de website zien. Als
ik terug kijk naar het verloop van dit project, vind ik dat het wel redelijk goed is verlopen. Ik heb geprobeerd mij aan de planning te houden die ik aan het begin van dit semester heb gemaakt. Deze planning staat hiernaast. Het houden aan de planning heeft mij wel goed geholpen, zodat ik niet te veel uit zou stellen. De volgende keer zou ik waarschijnlijk wel meer aandacht besteden aan de photoshop ontwerpen. Ik had niet verwacht dat deze ontwerpen zo handig zouden zijn bij het maken van een website. Ook zou ik meer letten op de netheid van mijn html code. Af en toe zaten hier wat slordigheid foutjes in waardoor de website niet meer goed functioneerde. Als ik hier vanaf begin af aan al naar had gekeken had het mij veel tijd bespaart. Later had ik pas heel precies naar mijn html code gekeken en de kleine foutjes eruit gehaald ook had ik door middel van tabs en spaties de code overzichtelijker gemaakt. Maar alsnog ben ik aardig tevreden over het uiteindelijke resultaat.
58
59
60