Designdoc travellu

Page 1

Travellu DESIGN DOCUMENT CRIA VSD

Travellu DesignDocument Naam: Jelle Lugten Studentnummer: 514331 Klas: CRIA -md Datum: 18/09/2013


INLEIDING Opdrachtgever Travellu wil een website aanbieden voor

uitgewerkt worden. Vier schermen zullen in dit document

backpackers. Om een uniek concept neer te zetten voor

uitgewerkt worden met daarbij een uitleg in beeld en tekst

Travellu zal eerst research gedaan moeten worden en een

van de functies de ze zullen bevatten bij uitwerking. Kortom,

concept wordt uitgedacht.

welke interactie -mogelijkheden zijn er bij de 4 uitgewerkte pagina’s.

In dit Design -document zal de casus van Travellu verder

2


INHOUD Opdracht ....................................................................................................................................................................................................................... 4 Doelstelling .................................................................................................................................................................................................................. 5 Homepage .............................................................................................................................................................................................................. 6/7 footer homepage ........................................................................................................................................................................................................... 6/7 Roll over homepage .........................................................................................................................................................................................................8/9 RIA zoek&boek................................................................................................................................................................................................................... 4 t/15 RIA blog ................................................................................................................................................................................................................... 16t/m19 Mobile ................................................................................................................................................................................................................. 21 Reflectie ........................................................................................................................................................................................................................ 22 Bijlagen .................................................................................................................................................................................................................. 23 t/m29

3


OPDRACHT De opdracht in dit document is om de research en concept

navigatie, kleur, lettertypen etc. Al deze elementen gaan we nu

waaruit de designstudy volgde verder uit te werken in een

samenvoegen in het uiteindelijke ontwerp.

definitef ontwerp.

Werk voor alle pagina’s de designs uit tot in detail uit. Hoe ziet de gebruiker de pagina straks op het scherm. Zoom in op

Onderdeel 1 - Designdocument

complexe/rijke interface-elementen. Licht deze schermen toe

Afgelopen weken ben je bezig geweest met het opzetten van

met tekst waarin je refereert naar je ontwerpdoelstellingen uit

een user interface design voor de Travellu applicatie. In ver-

het concept.

schillende deelopdrachten heb je ontwerpen gemaakt m.b.t.

4

DOELSTELLING De doelstelling van dit document is om een eventuele op-

dit op een betreffende manier is toegepast. D.m.v de eerdere

drachtgever een duidelijk beeld te geven van het ontwerp van

documenten is het doel om een zo goed mogelijk uitgewerkte

de Travellu website. Ook worden van de uitgewerkte pagina’s

ontwerp neer te zetten met bijbehorende omschrijvingen.

alle button’s en andere elementen verder uitgelicht en waarom


CONCEPT

5

In de eerste mindmap die ik gemaakt heb over Travellu

gedaan d.m.v. reacties op berichten en mogelijkheid tot het

kwamen een aantal kernwoorden aan het licht. Ook enkele

plaatsen van eigen blogs op de website. Daarmee komen we

sub -kernwoorden kwamen hieruit voor zoals u kunt zien in de

meteen op het volgende kernwoord; Registratie. Men zal deze

afbeelding van de mindmap.

functionaliteiten alleen tot zijn of haar beschikking krijgen

Travllu wil niet alleen een dienstverlenende en informerende

wanneer ze bij Travellu geregistreerd staan.

website zijn, ook is de bedoel dat er een Travellu -communitie

Duurzaamheid zal worden uitgestraald door een

uit voort komt. Dit zal gestimuleerd worden door het gebruik

monochromatisch kleurgebruik.

van social media en de eigen pagina’s binnen deze vorm van

En als laatst de full service. Voor, tijdens en na de reis

media.

zullen klanten en met name de geregistreerde klanten de

Als volgt moet er mogelijkheid zijn tot interactie. Dit om de

mogelijkheid tot full service krijgen. In de mobiel applicatie zal

vorming van de community ook te versterken. Dit kan worden

er in het hoofdmenu ook een snelle koppeling staan naar hulp.


6


HOMEPAGE De homepage is opgebouwd in een eenvoudige grid.

contrast te bereiken t.o.v. de achtergrond -foto. Hier wordt

Vierkante blokken worden gebruikt tot het weergeven van

de slogan en de merk -boodschap van Travellu uitgedragen.

informatie en/of beelden.

Deze inleidende zal op elke pagina, met andere content, verschijnen.

De achtergrond heeft een grijstint als kleur. Dit om een origineel contrast te geven en niet teveel drukte met kleuren

De content zelf van de homepage bestaat uit vierkante

te laten ontstaan ten opzichte van de voorliggende elementen

blokken. In de gekleurde (merkkleur of segment -kleur)

op de pagina.

blokken staan de menu -items van Travellu. Ik heb gekozen

De afbeelding zelf is een foto van een lange weg waar je het

voor het gebruik van monochramie in de kleuren omdat dit

einde op een gegeven moment niet meer van ziet. Hier loopt

rust en duurzaamheid uitstraalt. De kleur groen is de eerste

een persoon op die onderweg is naar het einde dat hij nog

toepaste kleur vanwege de natuurlijke uitstraling. Echter bij

niet ziet of kent. Het gestalt -principe gestalt wordt hierbij

verdere segmentatie kunnen deze kleuren worden aangepast

goed benut en de boodschap van Travellu wordt hiermee

zolang het maar monochromatisch blijft.

uitgebeeld. Buiten de menu -items staan de laatst toegevoegde blogs van Rechts bovenaan de content van de pagina staat een witte

Travellu -geregistreerden. De foto die de schrijver bij de blog

tekst. Deze bestaat uit een kop (hector, merkstijl Travellu)

heeft toegevoegd verschijnt op homepage. Bij een roll over zal

en broadtekst (helvetica, duidelijk en betrouwbaar). Deze

de inleidende tekst, land en de naam van de schrijver getoond

introtekst is in het wit geschreven om een maximaal

worden. Geinteresseerde lezers kunnen op lees verder klikken.

FOOTER HOMEPAGE Onderaan de homepage staat een footer in een licht -paarse

Om de rest van de content hieronder te zien moet er wel een

kleur. Ik heb voor deze kleur gekozen omdat dit een eigen en

roll -over plaatsvinden. Wanneer men dit doet zal de complete

origineel contrast gaf met de achtergrond. Ook is hierdoor

map van de website te zien zijn. We zien hoofd en sub items

overduidelijk te zien dat het om een ander element op de

van de website netjes bij elkaar geplaatst.

homepage gaat.

Rechts van deze map staan alle koppelingen naar de eigen Travellu social -media pagina’s. Pinterest voor afbeeldingen,

De footer bestaat uit twee delen. Het bovenste deel is de

Youtube voor filmpjes, twitter voor mooie kreten en social

header van de footer. Deze is altijd te zien op de homepage,

media voor een verdere ondersteuning van de community van

hier is geen roll -over voor nodig.

Travellu.

Links in dit eerste deel staat het logo/merknaam van travellu , dit om het op elke pagina twee keer te laten voorkomen

Ik heb in het onderste deel van de footer gekozen voor het

zodat het snelle herkenbaar zal zijn voor de klant. Rechts van

fonttype “Courier�. Dit omdat het een erg eigen karakter heeft

de merknaam staan nogmaals de menu items met hun icon

en goed leesbaar is. Doordat ik dit lettertype alleen in de

ernaast. Dit zal handig navigeren zijn wanneer men zich niet

footer heb gebruikt weet men ook meteen dat het om de map

op de homepage bevindt.

in de footer gaat en niet iets anders.

Rechts van de menu -items staat het nummer van de servicelijn van Travellu. Deze is ook altijd zichbaar, handig

Ik heb weer gekozen voor een witte typografie om een mooi

wanneer er directe hulp nodig is.

contrast te krijgen met de paarse kleur in de achtergrond van de footer.

7


8


ROLL OVER HOMEPAGE #1 Zoals vele elementen op de Travellu website hebben de vier-

Onder het kader voor de broadtekst staat een witte blok met

kante blokken op de homepage ook de roll -over navigatie in

het kernwoord van dit element. In dit geval is het de log in

zich.

-functie. Dit is een koppeling naar de inlogpagina waar men met gebruikersnaam en wachtwoord kan inloggen.

Als eerste element waarbij dit werkt op de homepage is het vierkant links bovenin. Hierin staat de merknaam in het fonttype

Als iemand nog niet geregistreerd is kan er geklikt worden

Hector. Hiervoor is gekozen omdat het een “Hoog” lettertype

op de koppeling rechts -onderaan het witte kader. Ik heb het

is en doordat de stroke van de letters gelijk is zal het duidelijk

woord “registreer” onderstreept om het blauw. Hierdoor zal,

leesbaar zijn. Het fonttype bevat ok enkele spikkels, dit vond

ondanks dat het een kleine typografie is, het toch opvallen en

ik erg goed toepasbaar bij backpack reis. Men gaat hier toch

duidelijk zijn dat het om een koppeling gaat.

de natuurlijk in en je zal niet bang moeten zijn voor een beetje

Deze koppeling zal lijden naar de registratie -pagina. Hier kan

modder of viezigheid.

men zijn of haar gegevens invullen en zich hierna registreren.

Ik heb hier gekozen voor een witte kleur in het font om weer

Eenmaal geregistreerd zullen er voordelen optreden die verder

een hoog contrast te bereiken met de achtergrond van het

in dit document worden beschreven.

vierkant. Bij een roll -over slaat dit blok soepel om en toont in een zwart transparant kader de broadtekst waar dit element om gaat. Door dit transparante kader kan men nog wel zien om wel element het in de pagina gaat.

ROLL OVER HOMEPAGE #2 Een ander element op de homepage waarbij de roll over

stukje van de blog. Onder deze tekst staat in een kleiner zelfde

navigatie toepasbaar is zullen de foto’s zijn. Deze horen bij een

lettertype de tekst “lees verder...” Wanneer hier op geklikt

recent geschreven blog en de meest recente 100 blogs zullen

wordt zal er verder genavigeerd worden naar de individuele

random op de homepage getoond worden.

blog zelf. In het witte kader staan de naam van de schrijver v/d blog

Wanneer de foto omgeklapt is gelden dezelfde principes als

bovenaan. Hieronder staat het land waar de blog over gaat.

uitgelegd is in de eerste stap. Enkele content items zijn echter

Recht hiervan staat het icoon om welk menu -item het gaat.

anders. In het zwarte transparante kader staat het eerste

Dit alles voor de verduidelijking waar men zich bevindt.

ROLL OVER HOMEPAGE #3 Een ander element op de homepage waarbij de roll over

In het zwarte transparante vak zal een inleidende tekst

navigatie toepasbaar is zullen de menu -items in de gekleurde

getoond worden waarom men een blog bijhoudt. In de witte

vierkanten zijn.

rechthoek staat de naam van het menu -item. Zo ziet men altijd waar het roll -over element over gaat.

Bij een roll -over zal ook dit blok net als de foto’s omklappen. Het zelfde transparante blok met de witte rechthoek eronder zal verschijnen.

9


RIA ZOEK & BOEK

10


STATE #1 In de eerste state zal er na het verschuiven van het eerste puz-

leesbaar zijn en de data zijn eenvoudig te selecteren.

zelstuk een pop -up verschijnen. Hierin zal gevraagd worden wanneer men deze reis wil gaan doen. en de betreffende

Mocht men een reis willen maken met meerdere tussenpunten

bestemmingen kunnen geselecteerd worden. Wanneer men

hierin dan is dit heel gemakkelijk toe te voegen met de mid-

vanuit het lezen van een blog op een reis terecht komt zullen

delste optie. Hier kan men zoveel tussenpunten toevoegen

deze bestemmingen al automatisch ingevuld zijn.

als ze willen en geeft hen de mogelijkheid echt een eigen reis

Bij het klikken op het icoon van de kalender zal er een kleine

samen te stellen.

pup -up verschijnen van een kleine kalender. Deze zal goed

STATE #2 In state twee kan men op een eenvoudige en leuke manier

deze hoeveelheden gedaan met iconen omdat dit een leuke

aangeven uit welke gezelschap de reis zal bestaan. Hoeveel

interactieve manier is voor het aangeven van informatie. Dit is

volwassenen man/vrouw(18+), kinderen en/of dieren zullen

veel minder saai dan simpel een getal aan te geven. De iconen

er meegaan tijdens de reis. We hebben het aangeven van

geven ook een speels en enthousiast uiterlijk aan deze state.

STATE #3 In state 3 zal de manier van vervoer kunnen worden gese-

een roll over van de muis zal, net als bij accomodaties, een pop

lecteerd. Per boot, trein, vliegtuig of bus. Deze keuze die hier

-up verschijnen die verschillende opties biedt van aanbieders

gemaakt wordt heeft invloed op de totaalprijs van de reis. Bij

van de betreffende vorm van reizen.

11


RIA ZOEK & BOEK

12


STATE #4 In state 4 komt stap 4 aan de orde. Op een simpele en vlugge manier geeft men aan hoeveel service en bediening zij tijdens

Boven de drie opties staat de zin ‘Wat wil ik?’ . Deze zin is een

deze reis willen hebben. Deze selectie zal ook invloed hebben

koppeling naar een uitleggende pagina over wat elke keuze

op de prijs van de reis.

inhoudt.

STATE #5 In state 5 zal men de locaties te zien krijgen waar ze langs zul-

Naast de hotel -naam staan icoontjes die in dit formulier

len komen op hun reis. De plekken worden hiervan duidelijk

gebruikt zijn. Wanneer er een icoon van iets staat wil dit

aangegeven door een herkenbaar icoon (zie google) Bij een

aangeven dat het voor dit type segment geschikt is. Wanneer

roll over van elk icoon zal er een pop -up verschijnen. In dit

er geen icoon bij staat zal dit hotel niet de optimale match zijn

kader zullen alle aanwezige hotels in deze omgeving worden

met het betreffende segment.

getoond. De naam van het hotel staat naast een miniatuurfoto van het hotel bovenaan elke optie. Hieronder staan de ho-

Eenmaal een hotel aangeklikt zal er verder genavigeerd

eveelheden sterren die de hotels bevatten.

worden na een boeking -pagina.

STATE #6 In state zes zal er na het verhuiven van het puzzelstuk stap 6

ervaring en hoe hoger hun niveau dus zal zijn.

zich door middel van een pup -up openen. Hierin zal er gevraagd worden aan de gebruiker hun niveau van backpacken aan

Boven deze iconen staat een zin. ‘Welk niveau ben ik?’ Mocht

te vinken. De niveau’s worden uitgebeeld in zwarte iconen die

men het niet snappen dan kan er op deze zin geklikt worden.

ook gebruikt worden in het uniform van klassingeringen in het

Dit is een koppeling en er zal een pagina getoond worden met

leger. Hoe meer strepen iemand aangeeft te hebben hoe meer

verdere uitleg van wat elk niveau inhoudt.

13


RIA ZOEK & BOEK

14


STATE #7 In state 7 krijgt men de opgeloste schuifpuzzel te zien. In het

matie getoond worden. De iconen die in deze stap benut zijn

laatste witte kader komt weer in een zwarte typegrafie tekst

zullen in miniatuur achter de informatie weergeven worden.

tevoorschijn. Deze wordt er geen stap in tekst omschreven

Zo is het duidelijker om wel opgegeven informatie het gaat.

maar de bevestiging dat de schuifpuzzel is opgelost. Door middel van flash zal het leuk zijn dat wanneer deze state is

Dit wit kader van overzicht bevat een header en een footer. De

bereikt de puzzelstukjes niet meer van elkaar los blijven staan

header geeft de titel “overzicht” weer. Dit geeft duidelijkheid

maar verbonden worden zodat er een solide plaatje getoond

aan de gebruiker om wat voor een formulier het hier gaat.

wordt en de voldoening van de gebruiker nog meer benaderd

In de footer staat een sluitende koppeling die lijdt naar de

wordt.

volgende pagina. Het is de bevestigings -button.

Links van de opgeloste puzzel staat in de content een overzicht van de gegevens die de gebruiker heeft ingevuld. Dit

Voordat men op deze button klikt wordt er gemotiveerd te

overzicht is overzichtelijk verdeeld in 6 vakken waarin elke

registreren en uw Facebook pagina te koppelen met Travellu.

stap de opgegeven informatie getoond wordt.

Bij het aanvinken van “Koppelen Facebook” vliegt de oude prijs transparant wordend uit beeld en zal de nieuwe prijs met 10%

Er zal in zwarte tekst in het witte kader de opgegeven infor-

korting getoond worden.

15

STATE #8 In de laatste state van de zoek & boek engine zullen enkele

Links boven de content van de pagina staat weer een kern-

foto’s getoond worden in de vierkante schuifpuzzel -stijl van

boodschap in tekst over de betreffende pagina. Hierdoor is het

Travellu.

duidelijk in welke stap men zich bevindt van het formulier.

Deze foto’s zullen net als bij de homepage een koppeling

Verder staan de blokken in de ordening dat het lijkt alsof er

zijn naar geschreven blogs als individu op een pagina. Net

een duim word opgestoken.

als op de homepage zal de navigatie binnen deze elementen hetzelfde zijn. De blogs die getoond worden zullen wel al reeds gefilterd zijn. Dit door het invullen van het boek -formulier. Gaat iemand naar Thailand? Dan zullen er blogs getoond worden die in Thailand zijn beleefd. Heeft men zich nog niet geregistreerd en zal deze bij niveau “die -hard” invullen, dan zal er verder gefilterd worden op blogs die door de die -hards zijn geschreven.


RIA BLOG

16


STATE #1 De hoofdpagina van het onderwerp blogs geeft een overzicht

mochten ze deze reis ook willen maken.

van de laatste blogs die gepubliceerd zijn door geregistreerde Travellu reizigers. Deze hebben door hun registratie de

De lezers kunnen ook blogs filteren. Dit kan in drie vormen

mogelijkheid via hun eigen Travellu -pagina blogs toe te

gedaan worden. Deze opties staan in drop -down -boxes links

voegen aan de website.

boven de blogs. Ik heb voor drop down boxes gekozen omdat deze weinig ruimte in beslag nemen en dit vond ik op mijn

In eerste instantie worden alleen de foto’s getoond, hier

one -page website er logisch om te gebruiken. Er kan gefilterd

kan men direct op klikken. Ook is er de mogelijkheid een

worden op land, schrijver of niveau. Zo krijgt kan iederen

roll -over met je muis toe te passen. Bij een roll -over van

bij de verhalen terecht komen die hem of haar het meest

de muis zal het blok waar de muis zich bevindt omklappen

interesseren.

en de introducerende informatie tonen aan de kijkers. In dit kader kan men ook weer klikken en verder gaan naar de

Boven de filter -boxes staat een inleidende tekst. Deze

vervolgpagina waar de betreffende blog staat met eventuele

bestaat uit een kop (hector, merkstijl Travellu) en broadtekst

foto’s.

(helvetica, duidelijk en betrouwbaar). Deze introtekst is in het

Wanneer een geregistreerde backpacker een blog heeft

wit geschreven om een maximaal contrast te bereiken t.o.v. de

geplaatst zonder foto zal deze niet op de publieke pagina van

achtergrond -foto.

Travellu komen. Hierdoor wordt het toevoegen van foto’s bij

Als laatst is er een horizontale scroll -balk. Deze is in de altijd

een blog gestimuleerd en geeft ook lezers een beter beeld

goed toepasbare kleur grijs met de lichte merkkleur groen.

17

STATE #2 Wanneer men heeft besloten verder te lezen komen ze op

zullen zijn.

de pagina waar de betreffende blog als individu staat. Links boven van de content van de pagina staat weer de inleidende

Bovenaan de blog staat de naam van degene die de blog heeft

tekst die motiverend is voor nog -niet delende reizigers.

geplaatst. Deze naam is ook een koppeling. Wanneer men

De content van deze pagina bestaat uit eventueel

hierop klikt zal er naar de persoonlijke Travellu -pagina van

toegevoegde foto’s en de blog zelf. Links staat de foto’s die de

deze Travellu -geregistreerde worden gegaan.

reiziger bij de blog heeft toegevoegd. Wanneer dit meer dan

Hieronder volgt de titel van de geschreven blog. Deze is in

6 foto’s zijn zal er automatisch een scroll -balk onder de foto’s

de merkstijl van Travellu vormgegeven, kleur groen en font

verschijnen waardoor men gemakkelijk door de foto’s heen

Hector. Zo ziet men direct dat dit een blog van Travellu is.

kan scrollen. De foto’s staan net als met alle anndere pagina’s een klein stukje van elkaar. Dit om het schuifpuzzel -principe

Onderaan de blog zullen geregistreerden een reactie kunnen

te handhaven.

plaatsen. Dit zal door degene die de blog heeft geplaatst op zijn of haar persoonlijke pagina ook gemeld worden. Bij

De blog is in een wit kader gezet die goed is uitgelijnd met

instellingen van de persoonlijke pagina kan ook ingesteld

de rest van de content op de pagina. Ik heb gekozen voor de

worden dat je een mail ontvangt bij een reactie op je blog.

kleur wit om het contrast met de achtergrond weer maximaal

Buiten het tekstkader staat onderin het witte tekstkader de

te krijgen en de teksten in dit kader duidelijk en overzichtelijk

button die navigeert naar het formulier boeken.


RIA BLOG

18


STATE #3 Als de lezer foto’s die naast de blog staan beter wil zien dan

Er is gekozen voor een driehoek omdat dit minder ruimte in

kan hier simpel op geklikt worden. Na het klikken op een foto

beslag nam dan een vierkant. Ik heb ervoor gekozen deze

zal deze vergroot worden. Dit in het formaat van het witte

sluitings -optie los van de foto te houden omdat met het ge-

tekstkader waar de blog in staat.

bruik van de merkkleur het bij sommige foto’s voor een slecht

De foto staat ook in een wit kader en heeft dezelfde margin als

contrast zorgt.

de tekst in het blog -kader. De foto heeft ook bij deze hoek dezelfde margin als overal Rechts bovenin dit kader voor de foto staat een optie om de

bij het witte kader. Dit om eenzelfde structuur aan te houden

vergroting weer te sluiten. Deze optie staat in een driehoek

binnen de pagina.

rechts bovenin dit kader, deze positie is gekozen omdat in de meeste gevallen de optie tot sluiten op deze positie staat.

19


20


MOBILE De uitwerking van de homepage op de mobiele variant heeft

De content bestaat uit de vierkante blokken die ook in de

dezelfde blokkenstijl als binnen de website aangehouden.

website gebruikt zijn. De handeling om deze blokken om te

Bovenaan is in een rechthoekige balk in de merkkleur het

laten klappen is echter anders. Omdat er op een smartphone

kader voor de headers gemaakt. Deze is samen met de footer

geen muis beschikbaar is zal een roll over niet mogelijk zijn.

als enige in een rechthoek veranderd. Zo zal het namelijk

Nu is het zo dat wanneer men over het betreffende vierkant

zo min mogelijk verticale ruimte in beslag nemen. In de

heen -sweept met zijn of haar vinger, het vierkant om zal

rechthoek staat de merknaam ‘Travellu’ in het midden. Links

slaan met de betreffende informatie. Wil men verder lezendan

van de merknaam staat in een herkanbare stijl het icoon dat

tapt men simpelweg op het gewilde vierkant en zal er verder

een overzicht geeft van alle functionaliteiten van de mobiele

genavigeerd worden.

applicatie. Rechts van de merknaam staat een vraagteken. Dit een een button die zal navigeren naar een hulp -pagina. Zo

De footer is in dezelfde vormgeving als op de website. De

zullen Travellu -reiziger elk tijdstip en waar dan ook informatie

content bevat echter alleen iconen. Dit omdat het minder

kunnen vinden om hun verder te helpen of om hulpinstanties

ruimte in beslag neemt en we ervan uitgaan dat mensen die

te bereiken.

de Travellu applicatie hebben gedownload als redelijk bekend zijn met de website en het icoon -gebruik hierbinnen.

21


REFLECTIE Het doen van de drie handelingen van deze course waren

feiten toch fijn omdat het anders een slecht ontwerp zou zijn

voor mij erg leerzaam. In eerste instantie had ik in mijn hoofd

geworden zonder toegevoegd waarden.

dat al het ontwerpen uit je eigen hoofd moest komen voordat je kon zeggen dat jij het gemaakt had. Dit blijkt in het hele

Van deze course neem ik de reeds genoemde punten mee in

ontwerpen niet zo te zijn. Inspiratie vinden ging steeds beter

het project. Verder zal het openstaan voor andere ideeen altijd

en uit steeds meer elementen kon ik een eigen draai geven en

goed zijn. Als ik ergens van overtuigd was dan paste ik dit

toepassen in mijn eigen ontwerp.

vroeger hoe dan ook toe. In deze course heb ik geleerd dat dit niet handig is. De beste krachten kunnen van externe en niet

Het regelmatig feedback vragen bij mensen vond ik erg bruikaam. In het begin deed ik dit nog niet zoveel, maar later merkte ik dat dit een hele fijne draai aan een idee of uitwerking kan geven. Hierna heb ik niet alleen aan de docent om feedback gevraagd maar ook aan vrienden en familie. Wat ik ook lastig vond is om in de gehele website eenzelfde stijl aan te houden binnen elementen. Wanneer dit niet gedaan werd zag ik dat het er niet meer professioneel en inefficient uitzag en ook was. Ontwerp heeft dus ook veel invloed op de efficiente van de website en niet alleen de functies maken dit verschil. Wanneer ik mij echt in iets ging verdiepen vond ik het ook leuk

22

worden. Zoals de schuifpuzzel -navigatie na een feedback van de docent heb ik mij hier erg in verdiept en ook bij meerdere mensen om feedback gevraagd. Conclusies die je niet hoopte te krijgen kwamen hieruit en dan werd het vaststellen van

verdiepte personen komen.


BIJLAGEN

23


24


25


26


27


28


29


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.