Rapport om opbygning

Mathias Jahn-Nielsen
1. Semester Multimediedesign
Eksamensprojekt
PORTFOLIO REDESIGN
Wireframe
Under udarbejdelsen af denne portfolie har jeg startet med at lave et wireframe af hjemmesiden,
så jeg vidste nogenlunde hvordan jeg skulle designe den, som kan ses nedenfor. Det gode ved et
wireframe er at man nemt kan foretage ændringer i layoutet, uden at det er tidskrævende som
det ville være hvis man designede i Photoshop eller direkte på en hjemmeside. Jeg synes det er en
god måde at komme i gang med ens layout på og vil fremover benytte det når jeg skal designe
hjemmesider.
Mathias Jahn-Nielsen
1. Semester Multimediedesign
Eksamensprojekt
Brugertest – Gangstertest
Pointfordeling:
Testperson:
0 Point – Information fremgår slet ikke af siden
Køn: Pige
1 Point – Information fremgår kun delvist af siden / Svær at finde
Alder: 25
2 Point – Information kunne fremgå tydeligere
Nationalitet: Dansk
3 Point – Information fremgår tydeligt
Beskæftigelse:
Multimediedesign
1. Sidens identifikation: Hvilken side befinder du dig på (kan han se logo navn osv?)
2 (mathiasjahn.dk - Kunne fremgå tyderligere at det er et portfolio)
2. Sektioner: Hvilke overordnede sektioner er der på siden (Designets måde at anvise hvad der
er)
3 (Forside, Læring, Projekter, Om Mig, Showcase, Kontakt)
3. Underside: Hvilken underside befinder du dig på?
3 (Projekter)
4. Lokal Navigation: Hvilke muligheder har du på dette niveau/undersider på samme niveau
(menuer, genveje, knapper og funktioner)
3 (Links)
5. Placeringsindikatorer: Hvor er du i den samlede struktur – hvordan er du kommet dertil (findes
der brødkrummesti, er der overblik i navigationen, markering af aktuel placering osv?)
2 (Markering af projekter)
6. Søgefunktion: Kan du søge på siden, hvor henne og får du de forventede resultater?
0 (Der er ingen søgefunktion)
Mathias Jahn-Nielsen
1. Semester Multimediedesign
Eksamensprojekt
Argumentation for designvalg
Under udarbejdelsen af min portfolio gjorde jeg nogle tanker angående designvalg. Jeg har brugt
farverne hvid, lysegrå, mellemgrå og mørkegrå og derudover valgt en blå farve til at give lidt liv til
siden, så den ikke bliver så kedelig at kigge på. Jeg har valgt den blå farve, da den indikerer
troværdighed og loyalitet, hvilket jeg vil mene min side opfylder. Her kan et farveskema ses over
farverne som er brugt på min hjemmeside.
Angående Typografi har jeg brugt en skrifttype som hedder Myriad Pro i versionerne Semibold og
Bold. Jeg har valgt denne skrifttype da jeg synes det var den som passede bedst til siden og da den
er meget standard og fremtræder klart. Jeg har valgt en skrifttype med sans serif da jeg synes en
skrifttype med serif nemt kan blive for firkantet.
Layoutet ser ud som det gør da jeg gerne ville lave noget lidt mere unikt og jeg derfor valgte jeg at
lave et website med parallax scrolling. Derudover er der mange billeder på hjemmesiden der
opdeler de forskellige sider, hvilket jeg har valgt da jeg synes det er en fed effekt der samtidig
giver noget liv på hemmesiden. Alle billeder er taget af mig selv på henholdsvis min ferie i New
York og vores tur til Louisiana.
Designprincipper
Jeg har brugt følgende Gestaltlove under udarbejdelse af min portfolio:
Loven om Nærhed
Loven om Lighed
Loven om Figur og Baggrund
Loven om Lukkethed
Loven om Forbundenhed
Jeg har brugt Loven om Nærhed idet jeg har placeret ting som hører sammen tæt på hinanden. Et
eksempel kunne være progressbarene og teksten som passer til.
Jeg har brugt Loven om Lighed idet ting som ligner hinanden er placeret nær hinanden. Det kunne
igen være progressbarene som alle er placeret ude i højre side under hinanden. Men også menuen
eller elementerne under showcare eller projekter.
Loven om Figurer og Baggrund har jeg også brugt da teksten er det man først lægger mærke til på
siden frem for baggrunden, da den er meget større. Derudover har jeg valgt en neutral farve som
Mathias Jahn-Nielsen
1. Semester Multimediedesign
Eksamensprojekt
baggrund uden for meget mønster eller støj, så der er en stor kontrast til teksten og på den måde
ikke irriterer brugeren når personen besøger siden. Dette har jeg også tænkt på da jeg skulle lave
logo’et oven på billedet og har derfor brugt både sort og hvid, da man på den måde er sikker på
brugeren kan læse teksten.
Loven om Lukkethed har jeg også i den grad brugt ved at lukke indholdet på de forskellige sider af
med billederne, da man på den måde får en ramme for hver side man er inde på.
Jeg har også brugt Loven om Forbundenhed ved de forskellige billeder der deler indholdet idet de
er samme størrelse og scroller igennem på samme måde. Derudover er der også en form for
forbundenhed med tekststørrelsen idet tekst der har samme størrelse opfattes som forbundne.