r e i l u m r o f s s t
n i k
e bo
e k c i t
r o vo
g e i l v
15 0 2 I 2 AR t U h R c B FE dra even 5 1 op r ho dijk s p e or els oe n d h r f g va rex muf ees k re sa erh a s i v m al ca lu
1
/
15 feberuari 2015
/
GRoepsopdracht 2
>>>> Het concept <<<<<<<<<<<<<<<<<<<<<<<<<< Je koffers pakken en naar het vliegveld vertrekken zonder
voor niet is gemaakt. Deze website biedt daarom online
vliegticket om deze vervolgens pas op het aller laatste mo-
de allerlaatste tickets aan naar verschillende Europese
ment op het vliegveld te boeken; het geeft risico, maar kan
bestemmingen.
ook heel aantrekkelijk zijn. Van te voren niet weten waar je reis naar toe zal gaan en tegen een erg lage prijs een vlieg-
De vliegtickets die op de website worden aangeboden zijn
ticket boeken, maken deze manier van reizen aantrekkelijk.
van vluchten waarvan het nog minimaal vijf uur duurt voor
Het is vooral weggelegd voor de avontuurlijke reiziger met
deze vertrekt, zodat de gebruiker nog wel de mogelijkheid
een klein budget.
krijgt naar het vliegveld te reizen en op tijd in te checken.
Het kan gebeuren dat er op het laatste moment een
Het gaat om kleine vluchten binnen Europese steden. Om
boeking voor een vlucht wordt afgezegd of dat een vlieg-
dit overzichtelijk te presenteren aan de gebruiker worden
tuig niet vol zit. Deze tickets worden op het vliegveld nog
de meest actuele vliegtickets weergegeven op een kaart
aangeboden tegen een concurrerende prijs. Echter kan de
van Europa. De reisbestemmingen worden weergegeven
stap om naar het vliegveld te vertrekken zonder zekerhe-
door middel van locatiepinnen op de kaart. Hoe korter
id te groot zijn. Zonder prijsindicatie of een idee waar er
de tijd is voor het vertrek van de betreffende vlucht, hoe
vluchten heen gaan, op Schiphol staan, geeft problemen
groter en opvallender deze markering zal zijn. Door middel
met inpakken of planning. Het zou zo maar eens kunnen
van een uitgebreid zoekmechanisme, is er de mogelijkheid
zijn dat er geen aantrekkelijke bestemming tussen de
om naast de kaartweergave uitgebreid te zoeken in de
aangeboden vluchten zit, of dat er überhaupt geen vlucht-
aangeboden tickets. Zo kunnen gebruikers aangeven wat
en zijn die op dat moment tickets aanbieden.
voor budget ze hebben of op welk moment het vliegtuig zal vertrekken. Wanneer er op deze manier gezocht wordt,
Daarom zou het ideaal zijn om dit vanuit al huis te kunnen
zullen de vluchten in een overzichtelijke lijstweergave
doen. Wél de aller laatste tickets aangeboden krijgen, maar
getoond worden.
nog niet het risico lopen dat de reis naar het vliegveld
2
/
14 feberuari 2015
/
GRoepsopdracht 2
>>>> interactie <<<<<<<<<<<<<<<<<<<<<<<<<<<< A
Mensen willen steeds goedkoper met het vliegtuig. Veel maatschappijen kunnen niet meer concurreren met prijsvechters als Ryanair en Transavia, met als gevolg dat wanneer het gaat om Europese vluchten, er minder boekingen zijn. Het kan gebeuren dat er op het laatste moment een boeking wordt afgezegd of dat een vliegtuig niet vol zit. Deze tickets kunnen op Schiphol nog worden aangeboden voor een concurrerende prijs. Echter is dit voor veel mensen een drempel, omdat ze zonder prijsindicatie of een idee waar er vluchten heen gaan op Schiphol staan, dit geeft problemen met inpakken of planning. De
b
huidige website biedt daarom online allerlaatste tickets aan naar verschillende Europese bestemmingen. Het is hierbij belangrijk dat de gebruiker de tijd heeft om in te pakken en naar Schiphol of een ander vliegveld te reizen. De tickets die worden aangeboden vertrekken daarom maximaal 5 uur na boeking. Na het testen van de wireframes kwam naar voren dat gebruikers graag de optie zouden hebben waarbij kan worden aangegeven waar ze graag naartoe willen. Ook bleek dat
c
het handig is om de optie van andere vliegvelden te includeren, wanneer men makkelijk vervoer kan regelen naar een ander vliegveld en daardoor meer opties heeft. Wel is duidelijkheid gewenst wanneer de vertrekhaven afwijkt van de gekozen optie. Dit is daarom toegevoegd. Wanneer de webpagina wordt geladen, kan de gebruiker aangeven van welke luchthaven hij wil vertrekken, waarheen, hoeveel tijd hij heeft en of er andere luchthavens in het zoeksysteem moeten worden meegenomen. Dit is te zien in wireframe A. Wanneer de gegevens zijn ingevuld worden er verschillende
d
opties geladen, het laadscherm is te zien in wireframe B. Op het startscherm kan de gebruiker aangeven hoe de zoekresultaten moeten worden weergegeven door te klikken op een van de tabs. Dit kan in een lijstweergave zoals wireframe C of als kaartweergave op wireframe D. Op deze weergave betekenen de groottes van de rode markeringen de tijd over hoe lang het vliegtuig vertrekt. Hoe groter de markering, hoe eerder de vertrektijd. In dit scherm kunnen gebruikers rechtsboven een bestemming aanklikken waarna meer informatie volgt. In de lijstweergave klikken deelnemers op ‘’meer informatie’’. In het laatste scherm staat meer informatie over de vlucht, vertrektijden, bagage en boarding tijd. Mensen kunnen dan rechtsonder klikken op ‘’boeken’’ en het proces wordt afgerond. Dit is te zien in Wireframe E.
3
/
15 feberuari 2015
/
GRoepsopdracht 2
e
>>>> grafisch <<<<<<<<<<<<<<<<<<<<<<<<<<<<< F
De insteek van het project is gemakkelijk en snel een last minute vlucht te kunnen vinden en boeken. In het daadwerkelijke grafische ontwerp is dan ook veel moeite gedaan om de layout overzichtelijk en netjes te houden. Er zal in dit deel uitleg gegeven worden over de gekozen kleuren van de website, de typografie, grid en als laatste over het design van de kaartweergave-functie. Zoals eerder verteld is er gekozen voor een ‘rustig’ ontwerp. De gekozen kleuren zijn daarom niet te schreeuwerig. De primaire kleur is een neutrale
G
blauwachtige kleur (HEX: #195962), waarop witte letters afgebeeld kunnen worden. Wit is gekozen vanwege het hoge contrast wat het leesplezier verbeterd. De accentkleur moet natuurlijk altijd goed op kunnen vallen en daarvoor is een tint rood goed geschikt (HEX: #E93C4F). Voor het lettertype is gekozen voor Open Sans. Dit lettertype is sans serif en daarom makkelijker te lezen op beeldschermen. Om de website overzichtelijk te houden is deze helemaal in Open Sans (met uitzondering van het logo, deze is in het lettertype Bebas). Titels en paragrafen verschillen in dikte en pixelgrootte van elkaar. Ook bestaan paragrafen uit een iets lichtere kleur. Op afbeelding F is het design van de home pagina te vinden. Het design is gebaseerd op een 960 pixel grid met 12 columnen van 60 pixels breed en 20 pixels tussen elkaar. Hierdoor is er gedesigned met structuur op de achtergrond. Op afbeelding G kunt u de grid lijnen zien lopen. Naast het ontwerpen van de homepage, is er ook een design van de kaartweergave (afbeelding H). Hier is weer goed gebruik gemaakt van de accentkleur. Daarbij zien we verschillende locatiepinnen; hoe kleiner de locatiepin is, des te groter is de maximale vertrektijd. De website is dus met het oog op eenvoud ontworpen. Door milde kleuren, rustig lettertype en de structuur van een grid straalt de website rust uit. De kaartweergave geeft een goed beeld van een van de belangrijkste functie’s op de website; snel en gemakkelijk een last minute vlucht vinden.
4
/
15 feberuari 2015
/
GRoepsopdracht 2
H
>>>> technisch <<<<<<<<<<<<<<<<<<<<<<<<<<<< Het boeken van een vliegticket is meestal een relatief saai proces. Hier kan verandering in gebracht worden door de klanten de locatie te laten kiezen door middel van een interactieve wereldkaart. Er zal in dit deel gekeken worden hoe haalbaar het is om een interactieve kaart te maken en of dit relatief simpel en eenvoudig kan. De vereisten functies zijn een simpel filtering systeem, grootte van de markers bepaald het aantal uur tot vertrek en het hoeft enkel de map van Europa te zijn. Na kort zoeken kan al snel tot de conclusie gekomen worden dat er relatief veel aanbieders van map creator software zijn. Veel van deze software biedt ook zakelijke licenties aan. In principe is het dus ook aannemlijk om voor de betreffende software te kiezen. Nu zal voornamelijk gekeken worden naar iMapbuilder, omdat deze het meest overeenkomt met het geschetste idee. De kaart op zich zal gemaakt kunnen worden met iMapbuilder, iMapbuilder heeft daarentegen ook een aantal beperkingen. Alhoewel het mogelijk is om markers te plaatsen op de kaart is het nog niet mogelijk om de grootte daarvan direct te bepalen. Dit zou opgelost kunnen worden door de grootte van de markers vaste waarden te geven. Bijvoorbeeld de vertrektijd van 0-1 uur geeft de marker een bepaalde grootte en hiervoor kan dan ook een vooraf bepaalde marker geïmporteerd worden in iMapbuilder. In principe zou de map op de site in eerst instantie handmatig bijgehouden moeten worden. Wat aangenaam en aannemelijker is, is om dit zoveel mogelijk te automatiseren met informatie die beschikbaar is van de actuele tickets. Het zou dan zo zijn dat de vertrektijd uit een database wordt gehaald en dat deze direct de grootte van de markers update. iMapbuilder beschikt over een simpel filtering systeem. Deze kan worden gekoppeld aan de vertrektijd en hiermee kan de gebruiker bepalen in welke range de vertrektijd van de weergegeven markers moet liggen. Hiernaast een visueel voorbeeld hiervan.
5
/
15 feberuari 2015
/
GRoepsopdracht 2
