Brukervennlighet for alle andre Gunnar Bråthen www.e-guiden.no
Kvalitet på nett og offentlige nettsteder Kravene er: Offentlige nettsteder skal være tilgjengelig for alle. Offentlig nettsteder skal presentere informasjon og tjenester på en måte som gjør det enkelt å orientere seg på nettstedet, ----- samt gjør det lett å finne og å anvende nettstedets informasjonsressurser.
eguiden kaster stein i glasshus Utfordringen var å tydeliggjøre faglig ulike temaer uten å miste eguidens identitet Løsningen ble funnet gjennom en fargepalett med farger som passer sammen med eguidens logo som er rød og hvit på blå bakgrunn.
eguiden kaster stein i glasshus
eguiden kaster stein i glasshus Sjalg Hostad foreslår følgende endringer Siden hovedfargen går i blått ville jeg valgt paletter med nødvendig antall sjatteringer i lyse blå pastellfarger. Disse er rolige for øynene og derfor naturlig som bakgrunn. Menyen blir mer lesbar dersom teksten i linkene endres til en gul farge som endrer seg til hvitt når linken er i bruk og til en lys grå farge når linken har vært i bruk. Hvitt og grått matcher alle farger og gult passer godt sammen med blått. Du kan også beholde den blå skriften, men det forutsetter at du bruker relativt lyse blå farger som bakgrunn. En slik endring vil gjøre menyene godt lesbare og sidene lysere og mer innbydende. Hele artikkelen finner du her: http://www.elektroniskhandel.no/cparticle250104-15245.html
Problem: Rød/Grønn fargeblindhet (8% av alle menn og ½% av alle kvinner) http://www.vischeck.com/
sept 1 - forside Logo maskert ut Logo maskert ut Det første designforslaget er basert på vedtatt fargepalett og spesielt den rød/oransje hovedfargen. Dessverre er denne fargen problematisk for rød/grønn fargeblindhet. Forslaget benytter også mye hvit skrift på rød bakgrunn, rød skrift på hvit bakgrunn og hvit/grå skrift på grå bakgrunn. Disse kombinasjonene har store kontrastmessige svakheter. Spesielt gjelder dette brukere med nedsatt syn og fargeforstyrrelse.
Rød/Grønn fargeblindhet (8% av alle menn og ½% av alle kvinner) http://www.vischeck.com/ Rødt transformeres til Grønt Rødt og grønt skal derfor ikke benyttes i kombinasjon Denne tekstfargen på hvit bakgrunn gir samtidig dårlig kontrast. Logo maskert ut Logo maskert ut
Justert designforslag Beholder paletten men forbedrer kontrasten ved å trekke inn palettens brune farge Logo maskert ut Logo maskert ut
ODIN med mellomstor tekststørrelse For liten hvit tekst på mellomlys rød bakgrunn blir dessverre ikke bedre på mellomgrønn bakgrunn for hver 8. man
ODIN med største tekststørrelse Brukere som velger største tekststørrelse (fordi de har et synsproblem) vil sannsynligvis ikke legge merke til at det er en global meny her. Dårlig kontrast og ikke større enn 12pt. 12pt er anbefalt for normal tekststørrelse.
Tekstbasert versjon av nettsider Nettlesere for blinde finner tekstversjonen Uten at dette behøver å være et menypunkt http://www.seoforum.no/index.php?textonly=1 Informasjonen skal helst ligge øverst i kildekoden:
Skatteetaten tekstversjon testet gjennom http://dev.wave.webaim.org ett på sak navigering for de. le bilder (menyelementer) har d beskrivelse
Skatteetaten i smal nettleser (PDA) Simulert med Opera nettleser og View -> Small screen Her kommer menyen øverst. Det vil den ikke nødvendigvis gjøre om du velger utradisjonell menystruktur I nytt design. TA STILLING TIL HVOR MENYEN SKAL PRESENTERES I EN PDA Øverst Nederst
SEOforum.no i smal nettleser Simulert med Opera nettleser og View -> Small screen Her kommer sidemenyen NEDERST. Bare den globale toppmenyen kommer øverst. Grunnen er at siden er Superoptimalisert for søkemotorer og sidemenyen ligger nederst i HTML-koden. Øverst Nederst Kun GLOBAL meny er her presentert øverst Sidemenyen kommer nederst og krever derfor mye SKROLLING
Bare hver 3. husstand har bredbånd Nedlastingstid simulert på: http://www.websiteoptimization.com/services/ I simuleringen får du også vite hva som forsinker nedlastingen Designere forutsetter at leserne også har bredbånd. usk at de med ISDN normalt bare benytter den ene kanalen til internett
Navigasjon fra globale toppmenyer
Relevant plassering i global toppmeny?
KVASIR hotell i loen Betalte oppføringer. Du kan kjøpe deg topplass. Ikke nødvendigvis samsvar mellom søkefrase og søkeresultat. Eksempelvis Gloppeneventyret. Hjelpe og trøste. Hopp over og velg språk. Men hva er alexandra?
Det blir vanligere å søke på fraser Oppføring med kopi av tekst fra Alexandra sin hovedside Hvorfor sende kundene til kataloger som viser alle konkurrentene? Alexandra skulle selv ligget på førsteplass med lenke til alexandra.no
Men da må man tenke på språket Ingen treff på fjordarmer betyr kanskje at Alexandra bare vil ha engelsk- eller nynorsktalende gjester? Skal du være synlig i søkemotorene må du tenke igjennom hva dine potensielle kunder vil søke etter. Disse ordene og frasene må være tilstede i teksten på nettsidene. Dette er en god start men ikke nok.
NB: Alexandra.no har nå fjernet flash intro Alexandra.no Flash intro hindrer indeksering av de øvrige sidene. En søkemotor følger skip intro lenken og Hovedsiden blir liggende på nivå 2. Sider som ligger dypere i strukturen oppfattes som mindre relevante. Flaggene er bilder og lenkene bak bildene indekseres ikke. Flash, Bilder og Javakode er UEGNET som menyelementer Hovedsiden bryter de fleste regler, og flashvideo og java nedtrekksmenyer ødelegger for indeksering. Teksten med søkefrasen ligger i bunnen av 730 linjer med kode og oppleves derfor som lite relevant for en søkemotor.
Lag en relevant og brukervennlig søkemotorvisning
Lag en relevant og brukervennlig søkemotorvisning
Lag en relevant og brukervennlig søkemotorvisning <Title> har tre formål: Å sørge for høy rangering på riktige søkeord og -fraser Å sørge for at surferen velger å klikke på nettopp dette søkeresultatet. Tittelen, (overskriften), i søkeresultatet er det første og sannsynligvis det eneste den som søker ser på. Å bidra til merkevarebygging Ingressen i søketreffet hentes i dette tilfellet fra <description>.
Mange av leserne dine har en eller annen form for synsforstyrrelse som gjør at de ikke ser det samme som deg Her er en god sjekkliste: Benytt fonter uten seriffer (eks Verdana) og la 12pt være standard fontstørrelse Sørg for sterk kontrast mellom bakgrunnsfarge og tekstfarge på den samme bakgrunn Unngå mønstre i bakgrunnen for all tekst La ikke fargen ha stor betydning for budskapet eller det du ønsker den besøkende skal gjøre. Å indikere et felt som må fylles ut bare ved å bruke farger er ikke nødvendigvis en god ide Vær forsiktig med fargekoder for å indikere temaer, sidetyper, ønsket reaksjon etc. Bruk maksimalt 5 ulike farger og vær konsistent gjennom hele nettstedet. Den beste kombinasjonen for lesbarhet er sort tekst på hvit bakgrunn. Om dine besøkende oppholder seg på nettstedet i lengre tid, eller om du henvender deg til eldre lesere, så benytt klare farger. Det er lettere å skille farger fra hverandre om du bruker mørke varianter av blå, rød og rosa og/elle lyse varianter av grønn, gul og oransje Om ulike farger ved siden av hverandre (eller bak hverandre) er viktig så unngå rødt ved siden av grønt eller blått ved siden av gult Ikke bruk grått til tekst, eller gråskalaer for diagrammer med viktig informasjon Unngå blått for liten tekst og for tynne linjer
Tre filmer som demonstrerer hvordan skjermlesere for blinde og svaksynte fungerer. Meget lærerikt. http://www.doit.wisc.edu/accessibility/video/intro.asp http://www.doit.wisc.edu/accessibility/video/screen_magnification.asp http://www.doit.wisc.edu/accessibility/video/screen_readers.asp Web Accessibility verktøy http://www.webaim.org/products/ http://www.nils.org.au/ais/web/resources/toolbar/ http://usableweb.com/