INTERNETT VERDEN Problemstilling: Hvor stort fokus burde en nettsides ha på design for presentasjon av tema og innhold på sin nettside? Og mer presist, hvordan presenteres temaet kvantefysikk på nett? 17-MED-14 Bilde fra: https://www.flickr.com/photos/bgarry/6131646487
Innhold Innledning:... 3 Hva er et «bra» design?... 3 Hva er en «bra» skrifttype?... 5 Fargebruk på nett... 6 KHAN ACADEMY ANALYSE... 7 Generelt... 7 Design... 8 Målgruppe... 9 Hvordan lærer dette nettstedet deg kvantefysikk?... 9 SPACE AND MOTION ANALYSE... 10 Generelt... 10 Design... 10 Målgruppe... 11 Hvordan lærer dette nettstedet deg kvantefysikk?... 11 Avslutning... 12 Bibliografi:... 12
Innledning: I denne fordypningsoppgaven skal jeg ta for meg to nettsider av ulik kvalitet. Ved å se på disse nettsidene, skal jeg studere hva som er en god og hva som er en dårlig måte å presenterer og kombinere informasjon og design. Målet med denne fordypningsoppgaven er å finne ut hvordan kvantefysikk blir representert på nett. Dette skal jeg presentere gjennom to nettsider, først nettsiden «www.khanacademy.org», deretter «www.spaceandmotion.com». De to nettsidene står sterkt i kontrast til hverandre, og skal derfor analyseres hver for seg. Denne oppgaven er delt inn i fem deler, og starter med en forklaring om hva et bra design er. Hvordan kan en skille bra skrifttype og fargebruk på nett fra mindre profesjonelt bruk. Disse avsnittene skal gi en dypere forståelse rundt de to nettsideanalysene. Deretter vil jeg i denne oppgaven analysere de to nettsidene nevnt tidligere. Problemstillingen i denne oppgaven er: Hvor stort fokus burde en nettsides ha på design for presentasjon av tema og innhold på sin nettside? Og mer presist, hvordan presenteres temaet kvantefysikk på nett? Strukturen i analysene skal starte med litt generell informasjon om nettsiden, fortsatt av en presentasjon av designet til nettsiden, så målet til nettsiden og til slutt forklares det hvordan kvantefysikk legges frem på nett. Tekstene: Design, skrifttype og fargebruk skal ha en liten introduksjon og en generell del som inneholder fakta, drøfting og eksempler. Analyse tekstene skal være under design, skrifttype og fargebruk. Det gjør jeg for å gi leseren en kompetanse innenfor analyse delen. Under analysene er det en avslutning hvor det er en oppsummering av hele oppgaven, generelt hvordan kvantefysikk ble presentert og hvordan man kunne presentert kvantefysikk bedre. Til slutt er det en liste med kilder. Hva er et «bra» design? Socrates said, Know thyself. I say, Know thy users. And guess what? They don t think like you do. ( Joshua Brewer / sitat fra: 99designs / nr.12 / 04.01.2017) Hva som defineres som bra design kan oppfattes på forskjellige måter. Det kommer an på hvem en er, med tanke på personlig bakgrunn, oppvekst og verdier. Dette kan forklares ved for eksempel at en ser på en nettside med et design som en liker veldig godt, en annen person som
ser på den samme nettside, vil kanskje ikke like siden. Dette skjer fordi ingen er like og alle har vokst opp på forskjellige måter. Noen mener at en nettside med et spesifikt design er dårlig, mens andre mener det samme designet er bra. En kan si at alt faller til smak og behag. Dette forklarer Helligar i avsnittet nedenfor som er et sitat. "To have an opinion is to basically state how you see the world. Everybody sees the world from a different place. Even when looking at the same object, no two people see that object exactly the same, because no two people can stand in the exact same location to see the object. So since everybody sees the world differently, it is not surprising that opinions would also be different." I dette sitatet beskriver Helligar hvorfor vi har egne meninger og da skriver han at to personer er på samme sted, til samme tid, som ser på samme objekt, kan se på to forskjellige ting. Han skriver at alle ser verden forskjellig, som fører til at alle har ulike meninger. Boken Don t Make Me Think er en bok skrevet av Steve Krug, denne boken handler om nettopp hva et bra design er. Tittelen i seg selv har et viktig poeng for hvordan en kan definere bra design. Fordi, "Dont Make Me Think", er akkurat hva en nettside vil formidle. Med denne påstanden kan brukeren av nettsiden skjønne hva de skal gjøre når de ser på en nettside, derfor uten å måtte tenke mye på hvordan en skal gjøre det. Det er lett å skille mellom «bra» og «dårlig» design ved å bruke denne påstanden som bakgrunn. For eksempel, fordi en nettside med «dårlig» design vil ha mindre organisert struktur, og det vil være vanskeligere å finne frem til det en leter etter. Målgrupper er en stor del av bra design. For eksempel, et design som appellerer til unge er ikke like forståelig for eldre mennesker. Mens nettsider som er designet for eldre, appellerer mindre til yngre generasjoner. Grunner som kan forklare dette er, fordi når en er ung har en en annen mening enn når en er eldre. En kan argumentere for at en har også fått flere erfaringer etter hvert som en vokser opp, noe som kan være med på å endrer hvordan en tenker. Et annet eksempel er at en ung person kan være mer nysgjerrig, og derfor igjen kan det være enklere for en ung person å forstå en nettside med mer avansert design. Som Joshua Brewer siterer Socrates, "Know thyself" da skriver han "Know thy user", kan dette være viktig når man skal designe en nettside, fordi som Brewer selv sier, brukeren tenker ikke som designeren "They don t think like you do." Så designet man skal lage, må bli laget med hensikt om å appellere til en målgruppe. Fordi hvis man er usikker på hvilken målgruppe man
skal fokusere på kan det bli en forvirrende og uoversiktlig nettside. Så et «bra» design burde være gjennomsiktig for bruken, det skal være noe mer enn det vanlige og samtidig være pent å se på. Kilder brukt i dette emnet: Sitat: https://99designs.no/blog/creative-inspiration/10-famous-design-quotes/ https://www.quora.com/why-does-different-people-have-different-choices-and-opinions Hva er en «bra» skrifttype? En skrifttype sier mye om en nettside på mange måter, for eksempel kan det være at en skrifttype som er spesielt visuelt behagelig å se på, kan hjelpe til med å fremstille et design som et «bra» design. Dette eksempelet skal bli forklart videre i teksten. Målet med dette emnet er å gi et lite svar på hvilket tegn som sier om en skrifttype er bra. En «bra» skrifttype er noe man kan diskutere, fordi hvis en skrifttype blender inn med nettsiden kan en påstå at dette er en fordel. En skrifttype som ikke passer inn der den er, er «dårlig» for det den ble valgt til. En kan bruke eksempelet der en går inn på en nettside, ser at skrifttypen i headeren (header er hodet til en nettside) til nettsiden bruker comic sans. Da mister en kanskje litt tiltro til siden, basert på at en trodde på den mer før du så comic sans skrifttypen, som kan regnes som en mindre profesjonell skrifttype. Hadde dette vært en renere skrifttype, så ville en mest sannsynlig ikke merket skrifttypen på samme måte, en hadde muligens hatt mer tiltro til nettsiden, men en skal ikke se bort ifra andre upassende design valg som ødelegger tiltroen også. En visuelt fin skrifttype er noe som redder et ellers dårlig design på mange måter. En skrifttype kan redde et design ved at den ser mer seriøs ut eller useriøs basert på hvilken retning nettsiden går for. Her er det viktig å nevne at en skrifttype som passer til en nettside er ikke alltid passende for en annen side. Her kan man spørre seg selv om man har en seriøs side eller useriøs side? Et godt eksempel er at en har en seriøs skrifttype, men har den på en nettside som skal fremstå som mindre høytidelig. Her kan dette gjør mer skade for siden, fordi det passer bedre å ha en munter og mindre alvorlig skrifttype som da for eksempel comic sans. Har en en informativ og profesjonell side er det ikke et godt salgstriks å bruke comic sans i headeren sin. Dette er fordi en formidler ikke hva nettsiden handler om. Ta for eksempel en person som leter etter en bank,
den første banken har skrifttypen comic sans, som sender meldingen at de er useriøse og ikke til å stole på. Hvis banken hadde brukt en mer profesjonell skrifttype, som Ariel Black kunne de formidlet at de er en seriøs bank. Farger kan også påvirke skrifttypens budskap, fordi hvis en skrifttypefarge står i stor kontrast til resten av siden, og skaper en usystematisk opplevelse av nettsiden, vil dette påvirke brukeren av nettsiden på en negativ måte, og brukeren vil se på nettsiden i sin helhet som en mer useriøs nettside. En lettleselig skrifttype er viktig å ha, fordi det motiverer de som leser. Dette skjer fordi hjernen skanner setninger og setter det sammen. Dette er enkelt for hjernen hvis teksten har en lettleselig skrifttype, fordi da trenger en ikke å jobbe like hardt med å forstå teksten. Dette er enda en grunn til at en «bra» skrifttype kan redde et «dårlig» design. Hvis man har en uleselig skrifttype derimot, så reverserer det effekten en lettleselig skrifttype har. Da vil det ikke være umulig å lese det. Det vil være slitsomt å lese tekstene, også kan det potensielt ødelegge bildet en bruker har rundt et nettsted og bedriften i seg selv. Dette er kanskje fordi hvis en leser en tekst med en irriterende skrifttype, som ikke er lett å lese, kan dette for det første få leseren til å bli mer opptatt av skrifttypen enn det en leser, og det er også slik at hjernen må jobbe mye mer med setningsanalysen og sette mening bak ordene som leses. Teksten blir derfor igjen kanskje sett på som mindre seriøs. Noen viktige spørsmål å stille seg selv før en publiserer en nettside, kan være: presenterer skrifttypen faktisk hva nettsiden min handler om? Er skrifttypen lettleselig? Passer skrifttypen til mottakeren av denne nettsiden? Kilder brukt i dette emnet: https://crew.co/blog/the-science-behind-skrifttypes-and-how-they-make-you-feel/ Fargebruk på nett Fargebruk på nett er veldig viktig i dag. Hvis en bruker feil farger på nettsiden, så formidler man informasjonen til nettsiden på feil måte. Nesten alle nettsider i dag bruker farger bevisst. Dette er noe vi som forbrukere ikke merker med der første, så i dette avsnittet skal jeg forklare om hvorfor bestemte farger har fått forskjellige oppgaver på nettsider.
Farger har en merkbar effekt på oss som personer og hvordan vi gjør ting i livet. Som mennesker vokser vi opp med farger rundt oss, hvor alle fargene blir kodet inn med beskjeder. For eksempel, om en kjører bil og møter et lyskryss, dette lyskrysset har lyssignalene grønt, oransje og rødt som farger. Her sier fargen grønn at en kan kjøre, oransje sier at en skal gjøre seg klar til å kjøre eller snart må en stoppe og rødt sier stopp. Dette har blitt kodet inn i oss under oppveksten vår. Et annet eksempel er nettsiden til «www.elkjop.no», som er at av Norges største nettbutikker. Elkjøp Nordic AS er et godt eksempel, fordi nettbutikken bruker fargene blå og grønn. Nettbutikken bruker disse fargene fordi igjen, grønn sier «kjør på» eller «kjøp produktet» og fargen blå blir assosiert med at en kan stole på bedriften. Med disse eksemplene kan man forstå hvordan fargebruk er viktig å bruke bevisst. Hvis en bruker flere ulike farge på en nettside så ser den ikke veldig planlagt ut, og det kan fort bli uoversiktlig. Ved å bruke Elkjøp Nordic AS som eksempel igjen, kan en se at om de hadde endret fargene sine og nå brukt rød på kjøpeknappen og på logoen sin, hadde dette gikk signalet stopp. Da kan dette gjøre at brukeren ikke kommer til å kjøpe produktet likevel. Kilder brukt i teksten: http://www.colour-affects.co.uk/how-it-works http://www.incredibleart.org/lessons/middle/color2.htm KHAN ACADEMY ANALYSE Generelt Nettsiden Khan Academy baserer seg på å lære leserne alt fra vitenskap til historie. Nettsiden har videoer der noen snakker om det som skal læres bort og samtidig ser man en visuell presentasjon i videoen. Artikler blir brukt i noen tilfeller men det er mest videobasert. Servicen er gratis, dette kommer fra at de tar imot donasjoner. Nettsiden har et rent design, og er enkel å navigere. Jeg skal ta for meg denne siden og analysere hvordan den presenterer temaet kvantefysikk ved hjelp av de virkemidlene som er nevnt i oppgaven tidligere.
Design Designet til siden er enkelt, dette kan man se fordi det er et rent og lettleselig design som en kan lett navigere seg igjennom. Målgruppen til Khan Academy er unge mennesker, da gjerne studenter, men dette er noe jeg skal komme tilbake til senere. Nettsiden har duse farger og noen få svakt mørke farger. Khan Academy bruker også fargen lilla, noe som kan være med på å lette stemningen til nettsiden. Dette er fordi fargen lilla er en subtil kontrast fra resten av nettsidens farger. Dette er merkbart etterhvert når du sitter og navigerer igjennom siden, for noen steder dukker fargen lilla opp. Grunnen til at jeg nevner dette er fordi lilla gir siden mer liv der den står i sterk kontrast fra nettsidens andre farger, noe som kan være med på å vekke opp brukeren. Skrifttypene Khan Academy nettsiden bruker ser veldig profesjonelle ut og det gjør at brukerne stoler mer på dem som en bedrift. Skrifttypene de bruker er konstant brukt gjennom hele nettsiden, noe som nettsiden et klart system, og hjelper til med en enklere navigasjon gjennom nettsiden. Selv om skrifttypene gir det et system, så er det ikke skrifttypene som er systemet. For en har en knapp som heter "Fag"(www.khanacademy.org / 11.12.2016 kl.14.58) denne knappen åpner et vindu med mange tekstlinker. En ser kategorien, og i underkategorien ligger linkene til forskjellig læringsmaterialer. Det er her hovedsystemet og fag-knappen kan trykkes på når som helst og hvor som helst på siden. Grunnen til at jeg nevnte dette er fordi skrifttypen de bruker i dette systemet er systematisert for å være enkelt å forstå. Et godt eksempel på dette er: En trykker på «Fag» (Khan Academy) knappen som gir menyen der en kan velge tema og en trykker deretter på det en vil lære. Skrifttypene Khan Academy bruker er lignende til Arial Rounded MT Bold og er litt tykkere enn vanlig Arial skriftskrifttype. Når en har trykket på det en vil lære om, kommer en til en side hvor en har en video på toppen til høyre, og oversikt over hva en har gått igjennom og lære på toppen til venstre. Under videoen til høyre ser en tittelen på hva en lærer og beskrivelse om hva videoen handler om. Under tittelen og beskrivelsen ser man et kommentarfelt hvor nettsiden selv oppfordrer den som skal lære til å spørre spørsmål. En har også valget til å skrive en takkemelding eller et tips.
Målgruppe Når man går inn på siden for første gang ser lesere " Du trenger bare å vite en ting: Du kan lære hva som helst.", som betyr at selskapet som laget servicen ser etter å gi lærdom til alle. En ser også at målet til nettsiden er å gi gratis tilgang til kunnskap og at nettsiden ikke krever penger fra brukeren av nettsiden, " Gratis. For alle. For alltid." Khan Academy sin nettside har et system rundt på hele siden, for en har navigasjonsmenyen hvor læringstemaene velges. Men noe en kan lett legge merke til med dette er at designet er enkelt og systematisk. Det er selvfølgelig systemer man må sette seg inn i, men det tar ikke lang tid. Dette går igjen ut på at alle systemene til Khan Academy er lett forståelige. Nå til mitt hovedpunkt med dette avsnittet, som er at dette selskapet gikk for et enkelt design, som gjør at nettstedet er lett aktuelt for alle som vil lære noe nytt. Hvordan lærer dette nettstedet deg kvantefysikk? I dette emnet vil jeg trekke inn hvordan design og enkelhet gjør denne nettsiden aktuell for læring av kvantefysikk. Fra dette nettstedet lærer du med hjelp av videoer og noen få tekster, dette har jeg utdypet i emnet om design tidligere i oppgaven. Det som fungerer bra med disse videoene er at video er dagens nøkkel for læring. Du kan også se hva du har lært og det hjelper med å kunne gå tilbake på noe du har glemt. Så dette nettstedet gir en god og utdypende læring i kvantefysikk. Det er et enkelt og pent design, som gjør at man har lyst til å bli på nettsiden. Jeg synes denne nettsiden representerer temaet kvantefysikk veldig bra og gjør det enkelt å forstå. Nettsiden vender seg bort ifra det folk flest tenker når de hører ordet kvantefysikk; et tema en aldri i livet vil forstå. Khan Academy gjør det tunget tema om kvantefysikk om til noe spennende og forståelig, med sin lettleselige skrifttype, og fargerike fremvisning av temaet. Hos Khan Academy er det tvert imot et tørt tema, for så lenge du forstår hvordan en pc fungerer har du forstått kvantefysikk. Kiler brukt i dette emnet: www.khanacademy.org
SPACE AND MOTION ANALYSE "Hi and welcome everyone (March, 2015) This website is about truth and reality - about how you and everything around you exist in space. We have an extensive collection of pages on many of the greatest minds from history, with thousands of brilliant quotes that are both inspiring and profoundly important. More than this though, we provide a simple solution to many of the problems of knowledge that have caused humanity so much conflict and confusion. And yes, we do realise that people are skeptical of websites on truth and reality. But the solution is obvious once known - it just takes our minds a while to adjust to new ways of thinking." (http://www.spaceandmotion.com/) Generelt Nettsiden Space and Motion, www.spaceandmotion.com, lærer også bort et bredt spekter av generell kunnskap. Nettsiden ble opprettet i 1997 og er fortsatt gående, men det har ikke blitt endret på designet. Designet er gammeldags og en kan lett se at designet til space and motion er et umoderne design. Design Når en ser denne nettsiden for første gang, møter en et utdatert design. Dette designet har ulike skrifttyper, farger og oversiktslister. Nettstedet selv sier "Copyright 1997-2012" hvor 1997 er grunnleggings året og 2012 er den siste oppdateringen. Nettsiden har en header hvor skrifttypen ligner på Times New Roman og har vannbølger som bakgrunn. Midtdelen under headeren er fylt med tekst fra topp til bunn og har noen bilder her og der. Bakgrunnsfargen er hvit og fargen på teksten er svart, noe som gir det en kontrast. Teksten har et lite system hvor dato, år og tid er i parentes. Den vanlige teksten til nettsiden er veldig rett og enkel, men sitatene er skrevet i skrifttypen comic sans. Dette er noe man fort legger merke til, og det kan lett gi nettsiden et er useriøst preg over seg, selv om en kan argumentere for at det passer med resten av designet og fargene til nettsiden. Til venstre for midtdelen ser man et panel hvor det står "Subjects" (Space And Motion / topp til venstre). Dette er noe vi kjenner igjen fra
"Khan Academy" men da hadde den en annen plassering. Panelet inneholder hvilke temaer nettsiden tar for seg. Dette gjør det enkelt å finne fram til det en vil lære. Til høyre har en enda et panel, det har to funksjoner. En av dem er å vise en liten Facebook-knapp, den andre funksjonene er å vise hva som er i temaet en valgte. Eksempel: En velger kvantefysikk som tema, på høyre side ser en da at det står kvantefysikk. Under der ser en små bilder av personer og ting som representerer innholdet, en ser også navnet til personen og tittelen på innholdet. Hvis en trykker på et av valgene, ruller midtseksjonen seg ned til teksten. Denne nettsiden ser utdatert ut første gang en ser den, men etter hvert blir det bedre. Dette har nok noe med systemforståelse å gjøre, og at det blir lettere ettersom man lærer å forstå nettsiden, men i motsetning til Khan Academy, som var en nettside som en kunne finne frem til målet sitt kjapt og enkelt, vil det ta mer tid å bruke Space and Motion. Målgruppe Nettsiden, sammenliknet med Khan Academy, har også et mål, som for eksempel kan være å lære bort kvantefysikk. Det virker mer som om Space and Motion er en nettside for de som allerede kan kvantefysikk, selv om dette muligens ikke er målet deres. Grunnen til at en trekker denne konklusjonen er fordi designet er vanskelig å forstå, og det blir lett uoversiktlig. Det at designet er vanskelig å forstå, leder til at flere forlater nettsiden fortere. For å forsvare påstanden ovenfor, så skal jeg nevne noen detaljer. Jeg har nevnt skrifttyper, farger og system, skrifttypene var passende men fortsatt veldig utdatert, så nettsiden bruker Times New Roman som er meget populært, men så bruker de comic sans for sitater. Comic Sans ser automatisk veldig useriøst ut. Så her kan man se enten at de ikke har oppdater designet fra 1997 eller gjorde et bevist valg. Hvis Space and Motion sin målgruppe var studenter, vil nettsidens design mest sannsynlig være for utdatert til å konkurrere mot nettsider som Khan Academy. Hvordan lærer dette nettstedet deg kvantefysikk? Dette nettstedet lærer bort kvantefysikk på en svært avansert måte. Noe som betyr at studenter som studerer kvantefysikk kan forstå innholdet bedre, og at det går dypere inn i temaet
kvantefysikk. Som igjen gjør at en kan konkludere med at nettsiden har fokusert på mye informasjon og ikke i like stor grad på nettsidens design. Kilder brukt i emnet: www.spaceandmotion.com Avslutning Denne fordypningsoppgaven gikk ut på hvor stort fokus en nettside burde ha på design for presentasjon av tema og innhold på sin nettside, og om hvordan temaet kvantefysikk blir presentert på nett? Jeg har tatt for meg de nettsidene som ble analysert, skrevet om hva en kan definere som et «bra» design, hva en mener med «bra» skrifttype og hvorfor det er viktig å bruke farger riktig på nett. Analysene har gitt generell informasjon om hvordan og hvorfor det er viktig å ha et passende design til nettsiden sin, hvor design i stor grad inkluderer farge, skrifttype og valg av størrelser på nettsidens forskjellige tekster. Til hvordan en kan presentere kvantefysikk på nett, et enkelt svar er at en kan ta et oversiktlig design og kombinere det med informasjon. Jeg vil konkludere med at det at en nettside har et usystematisk design, kan ha konsekvenser. Det kan skje fordi hvis en person ser en nettside for første gang, og designet er lite visuelt attraktivt, kan han eller hun miste tillitten til nettsidens informasjon. Bibliografi: 99designs Blog. (2008). 17 famous graphic design quotes. [online] Available at: https://99designs.no/blog/creative-inspiration/10-famous-design-quotes/ [Accessed 6 Jan. 2017]. Khan Academy. (2016). Khan Academy. [online] Available at: http://www.khanacademy.org [Accessed 13 Des. 2016]. Crew Blog. (2017). The science behind skrifttypes (and how they make you feel) Crew Blog. [online] Available at: https://crew.co/blog/the-science-behind-skrifttypes-and-how-they-make-
you-feel/ [Accessed 10 Jan. 2017]. Adolfsen, J. (2017). Bedre nettsider med riktige farger. [online] Idium.no. Available at: https://www.idium.no/blogg/nettsider-idium-web/2015/bedre-nettsider-med-riktige-farger/ [Accessed 13 Jan. 2017]. Spaceandmotion.com. (2012). On Truth & Reality: Philosophy Physics Metaphysics of Space, Wave Structure of Matter. Famous Science Art Quotes.. [online] Available at: http://www.spaceandmotion.com/ [Accessed 10 Des. 2017]. Incredibleart.org. (2017). Symbolism of Color: Using Color for Meaning. [online] Available at: http://www.incredibleart.org/lessons/middle/color2.htm [Accessed 18 Jan. 2017]. Helligar, A. (2017). Why does different people have different choices and opinions?. [online] Quora. Available at: https://www.quora.com/why-does-different-people-have-differentchoices-and-opinions [Accessed 18 Jan. 2017]. colour-affects. (2017). How It Works. [online] Available at: http://www.colour-affects.co.uk/how-it-work [Accessed 18 Jan. 2017].