Kapittel 9-11 Flashcards
Hva mener vi med oppløsningen til et bilde?
Hvis vi viser samme bilde i 100 % størrelse på to skjermer der den ene har høyere oppløsning enn den andre, på hvilken av skjermene vil bilde se størst ut, altså dekke størst del av skjermen?
Oppløsning oppgir ofte i punkter/pixler. Dataskjermer har forskjellig oppløsning. Skjermer med lav oppløsning blir bilde størst da det har færre pixler. Men skjermer med god oppløsning har mange pixler derav bilde blir mindre.
Skjermen med lav oppløsning
Hva kan være viktig å tenke på når vi lagrer bilder for bruk på et nettsted?
Det er flere ting som er viktig å tenke på når vi skal bruke et bilde på en nettside. Dert første er at det kan vises bra på forskjellige enheter og skjermtyper. Filstørrelse må være så liten som du kommer unna med mhp kvalitet. Farger og kontraster særlig mtp grafikk, tekst og logo. Til slutt er det viktig å tenke på opphavsretten på bilde. Jpeg eller png. Må kunne gå raskt når vi laster ned siden, viktig at ikke bilde har altfor stor størrelse. PNG passer godt for bilder som har store områder med lik farge, og gir da mindre filstørrelse enn JPG. For fotografier kan filstørrelsen imidlertid bli svært stor. … PNG er å foretrekke fremfor JPG for bilder med tekst, mønstre eller skarpe kanter. Formatet støtter ikke animasjon slik GIF gjør. Jpeg anbefalt på nett fordi det ikke bruker like mye data.
Hva mener vi med brukskvalitet (usability)? Foreslå tre ting vi kan gjøre på et nettsted for å få god brukskvalitet?
Brukskvalitet (usability) handler om hvor enkelt det er å ta i bruk menneskeskapte objekter
- Det skal være lett å lære seg
- Å være effektivt å bruke
- Å være lett å huske fra gang til gang
- Å føre til få brukerfeil, og gjøre det lett å hente seg
inn etter feil
-Behagelig å bruke
-Å være sikker å bruke (ikke skade brukeren)
-Å være nyttig (tilby brukeren det de ønsker)
Hvordan kan vi lage nettsted slik at de får god brukskvalitet?
-Godt bruk av farger
-Bruke metaforer (bilder, analogier) for å gjøre det lettere
å forstå, f.eks handlevogn når vi er i en nettbutikk
-«Gjøre det samme på samme måte» (konsistens), for
eksempel legge noe i handlevognen på samme måte på
forskjellige nettsteder.
-Ha sikkerhetsrutiner som f.eks å spørre «er du sikker på
at du vil gjøre dette» når brukeren er i ferd med å gjøre
noe drastisk, feks forlate en nettbutikk uten å lagre
handlevogna eller legge inn bestilling.
-Gjøre det lett å finne frem – navigasjon!
-Layout som gjør det lett å forstå innholdet og finne frem.
Forklar kort stegene i en typisk webutviklingsprosess samt strategier?
Når man skal planlegge en nettside deler jeg det opp i flere kategorier og strategier:
Planlegge med to ulike metoder:
Waterfall:
Hvis du følger en fossefall-modell, vil du planlegge hele prosjektet på forhånd, og du vil legge opp løpet i bolker, hvor hovedoppgaven innen hver bolk helst skal være ferdig og godkjent før du går videre til neste. Det er vanlig å dele opp i bolkene «krav», «design», «utvikling», «verifisering», «lansering» og «vedlikehold». Når du så går i gang med prosjektet, beveger du deg fra bolk til bolk, som i et fossefall – og det er ikke vanlig å bevege seg tilbake i rekken av bolker.
Agile
Hvis du derimot følger en agil modell, legger du ikke detaljerte planer for hele prosjektet, men deler det opp i flere miniprosjekter – kalt iterasjoner eller sprinter. Her er målet å ha et ferdig produkt eller en ferdig del av produktet etter hver sprint. Dere skal kun bruke en kort periode i starten til å legge overordnede planer og sørge for at hele teamet har den samme visjonen, før dere går i gang med de sykliske fasene. En av de største fordelene med agile metoder ligger i navnet, nemlig at de er smidige og tilpasningsdyktige. Hvis kunden kommer med nye krav eller ønsker etter hvert, enten basert på det dere allerede har levert, eller fordi forutsetningene er endret, trenger dere ikke gjøre om på omfattende, langsiktige planer. Når dere jobber agilt, kan dere tilpasse sprintene til de nye forutsetningene. En agil metode vil passe best når målet er raskt å ha et produkt som kan lanseres for sluttbrukerne.
Planlegge webutviklingsprosess:
- Målgruppe - ulik målgruppe krever ulikt
brukergrensesnitt. - innhold
- Skrifttype og fargevalg
- Skisse og layout
Informasjonsinnhenting:
• Hvem er kunden, hva ønsker de å få ut av
nettstedet?
• Hvem er brukerne og hva ønsker de å få ut av
nettstedet?
• Økonomiske rammer, tidsskjema, annen praktisk
informasjon.
Planlegging og design:
• Ta utgangspunkt i informasjonsinnhentingen og
bestemme oppbygging og hvordan informasjonen
skal presenteres, velge teknologier, lage skisser
(wireframes, storyboards).
• Velge fonter og farger (gjerne en fargepalett),
andre deler av det visuelle uttrykket.
- Et godt brukergrensesnitt
Utvikling:
• Lage logoer, bilder, lydfiler, videofiler osv.
• Implementere designet.
Testing og forbedring:
• Teste produktet, gjøre eventuelle forbedringer.
Drift:
• Når produktet er bra nok kan det settes i drift.
Universell utforming/brukerkvalitet (usability)
Wireframes og storyboards
• En wireframe er en skisse som fokuserer på
oppbyggingen av en nettside.
• Du kan tegne for hånd eller bruke programvare.
• Eksempel
• Et storyboard forteller en brukerhistorie, gjerne ved
hjelp av wireframes.
• Eksempel
Hva mener vi med universell utforming? Foreslå tre ting vi kan gjøre på et nettsted for å få universell utforming?
- Enkelt og intuitivt i bruk. Utforming skal være lett å
forstå uten hensyn til brukerens erfaring, kunnskap,
språkferdighet eller konsentrasjonsnivå - Forståelig informasjon. Utformingen skal
kommunisere
nødvendig informasjon til brukeren på en effektiv
måte. - Toleranse for feil. Utformingen skal minimalisere
farer og skader som kan gi ugunstige
konsekvenser, eller minimalisere utilsiktede
handlinger. - Like muligheter for alle. Utformingen skal være
brukbar
og tilgjengelig for personer med ulike ferdigheter. - Fleksibel i bruk. Uansett individuelle preferanser og
ferdigheter. Den synshemmede skal kunne høre,
den hørselhemmede se og så videre. - Lav fysisk anstrengelse. Utformingen skal kunne
brukes effektivt og bekvemt med minimum besvær. - Størrelse og plass for tilgang og bruk
Hensiktsmessig
størrelse og plass skal muliggjøre tilgang,
rekkevidde,
betjening og bruk, uavhengig av brukerens
kroppsstørrelse, kroppsstilling og mobilitet.
WCAG krav om at en nettside i Norge må være universell utformet samt oppfylle en rekke krav.
Forklar hvorfor man bør gjøre brukertester av nettsteder, og foreslå hvordan man kan gå fram?
Vi kan gjøre automatiske tester som xt eller bruke valideringstjenester for å sjekke koden.
- Vi kan gjøre brukertester. Dette er veldig nyttig! Brukere
reagerer ofte veldig annerledes enn du tror på det du
har laget. Eksempel på gjennomføring:
- Finn brukere i målgruppene, gjerne forskjellige (alder,
datakunnskap, utdanning osv.).
- Spør dem om litt bakgrunns info (tidligere erfaring med
lignende nettsteder, kunnskap om temaet o.l.).
- Be dem løse en eller flere oppgaver på nettstedet mens
du observerer. Du kan gjerne be dem tenke høyt jobber.
Du kan også filme dem hvis du ber om tillatelse først.
Eksempel: Kjøp en høyttaler. Finn ledige jobber. Ikke
forstyrr eller hjelp (med mindre de står helt fast), du skal
bare observere.
- Intervju dem etterpå. Hvordan opplevde de nettstedet?
Hva var lett, hva var vanskelig? Har de forslag til
endringer?
