Moderne systemutviklingsmetoder Kirsten Ribu 2007 Hio 2007 Kirsten Ribu 1 Hio 2007 Kirsten Ribu 2 Hio 2007 Kirsten Ribu 3 Hio 2007 Kirsten Ribu 4 Velkommen til nytt kurs systemutvikling fra et brukerperspektiv brukermedvirkning universell utforming HCI og brukbarhets-testing Innhold Universell design SCRUM Utforming av tilgjengelige nettsteder Prototyping Hio 2007 Kirsten Ribu 5 Hio 2007 Kirsten Ribu 6 1
Tigjengelighet for alle Brukertesting Hio 2007 Kirsten Ribu 7 Hio 2007 Kirsten Ribu 8 Personvern Hio 2007 Kirsten Ribu 9 Hio 2007 Kirsten Ribu 10 Hva skal vi lære? (Mål) I dag Introduksjon til kurset og sentrale begreper Tilgjengelige nettsteder Dannelse av prosjektgrupper (4-5 pr gruppe) Introduksjon til første gruppe-oppgave: Universelt utformet nettsted med innhold Hio 2007 Kirsten Ribu 11 Hio 2007 Kirsten Ribu 12 2
Vansker med tilgjengelighet Eldre Dyslektikere Bevegelseshemmete Parkinsonere Blinde Svaksynte Døve Lese- og skrivevansker Lese- og skrivevansker er utbredt. Nesten 30 prosent av den voksne befolkningen i Norge har problemer med lesing og skriving i en eller annen form. Tallene finner vi i internasjonale undersøkelser initiert av OECD hvor Norge har deltatt (SIALS 2000 og ALL 2005). Se: Fakta om lesing og skriving, Vox Læring for arbeidslivet http://www.vox.no/templates/commonpage.aspx?id=164 1-5. mai 2006. Hio 2007 Kirsten Ribu 13 Hio 2007 Kirsten Ribu 14 Anti-diskriminering Arbeidet med en egen disrkiminerings- og tilgjengelighetslov for personer med nedsatt funksjonsevne pågår som planlagt. Denne loven vil etter planen bli lagt fram i 2007. Diskrimineringslovutvalget Vernet mot diskriminering på grunnlag av personlige egenskaper eller oppfatninger er i dag spredt på ulike lover. Vi har lovfestede forbud mot diskriminering på grunn av kjønn, etnisitet, nasjonal opprinnelse, avstamning, hudfarge, språk, religion, livssyn, politisk syn, medlemskap i arbeidstakerorganisasjon, seksuell orientering, funksjonshemming, alder, midlertidig ansettelse eller deltidsansettelse. Diskrimineringsvernet er ulikt avhengig av hva som er grunnlaget for diskrimineringen. En samlet lov mot diskriminering, inkludert spørsmålet om eventuelle nye grupper bør omfattes av lovens diskrimineringsvern. Hio 2007 Kirsten Ribu 15 Hio 2007 Kirsten Ribu 16 Selvbetjeningssamfunnet Forbrukerne forventes å utføre arbeid som tidligere ble utført av firmaer og offentlige organer: Selvbetjente bensinpumper og billettmaskiner minibankautomater handel over Internett selvbetjente vinmonopol selvbetjent innlevering av selvangivelsen Min side Moderniseringsdepartementet har lansert "Min Side", som portal til offentlig informasjon Norge. Hio 2007 Kirsten Ribu 17 Hio 2007 Kirsten Ribu 18 3
Fordeler Fordeler med denne utviklingen kan være: uavhengighet av åpningstider mindre innsyn fra utenforstående spare penger. Ulemper brukerne må ha tilgang til spesielt utstyr at tjenestene er bare er brukbare for enkelte "invidde" grupper at tjenestene er utilgjengelige for personer med nedsatt funksjonsevne. Hio 2007 Kirsten Ribu 19 Hio 2007 Kirsten Ribu 20 Hvorfor selvbetjening? Er det virksomhetenes behov for å rasjonalisere og å kutte kostnader som er drivkraften i utviklingen? Brukernes behov kan lett komme i annen rekke. Det viktig at løsningene får en størst mulig grad av universell utforming. Hio 2007 Kirsten Ribu 21 Hio 2007 Kirsten Ribu 22 Problemet http://edtech.tennessee.edu/~set11/intro11.htm Video-eksempel Beste offentlige nettsteder 2006 http://itnytt.no/arkiv/2006/12/beste_offentlige_nett steder_2006 Hio 2007 Kirsten Ribu 23 Hio 2007 Kirsten Ribu 24 4
Antallet funksjonshemmete øker 750 million worldwide are disabled 10-30% of the general population has limitations 10% of the population has severe limitations These are limited by inaccessible web pages Aging populations in many countries mean the numbers of disabled are increasing Hio 2007 Kirsten Ribu 25 Hio 2007 Kirsten Ribu 26 Universell utforming Universell utforming er utforming av produkter og omgivelser på en slik måte at de kan benyttes av alle mennesker, i så stor utstrekning som mulig, uten behov for tilpassing eller spesiell utforming. (The Center for Universal Design, North Carolina State University) Hio 2007 Kirsten Ribu 27 Hio 2007 Kirsten Ribu 28 Hvordan er brukeropplevelsene? Husk at brukere i stor grad selv kan styre hvordan nettsider skal vises. La brukeren være en medspiller og tilby muligheter til selv å bestemme innenfor de rammene du legger opp til. Lag en utforming som ser riktig ut på de vanligste nettleserne, men som samtidig gir brukeren lov til å velge. Hva på siden kan endre størrelse? Tenk over: Hva vil brukere ønske å endre via innstillinger i nettleseren? Og hvilke behov vil de i tilfelle henge sammen med? Hio 2007 Kirsten Ribu 29 Stilark /CSS Bruk Cascading Style Sheets CSS til mest mulig. Stort sett alt lar seg gjøre med CSS. Ved å bruke CSS i separate stilark er det enklere å presentere ulike layouter og å gjøre endringer. Hvis du fortsatt bruker tabeller for å holde designet på plass, må du forholde deg til hvordan de vil bli lest opp, én og én celle om gangen. (Bruk helst ikke tabeller). Bruk relative enheter i stilark. Bruk for eksempel em i stedet for pixel eller punkt. (Ved å benytte samme relative enhet blir det enklere å sikre ensartet skalering av nettsidens enkeltelementer). Hio 2007 Kirsten Ribu 30 5
Tilgjengelige nettsteder Riktig bruk av farger og bilder er med på å gjøre nettsidene mer tilgjengelige for mange brukere. www.csszengarden.com Her eksperimenteres det med ulike design til ett og samme HTMLdokument. Hio 2007 Kirsten Ribu 31 Hio 2007 Kirsten Ribu 32 Tommelfingerregler Undersøk alltid mulighetene for å lage tilgjengelige løsninger. Macromedia og Adobe har foreksempel veiledninger som viser hvordan tilgjengelig innhold kan lages med Flash og Acrobat. Det må sørges for alternative løsninger for personer som ikke kan bruke bestemte elementer på nettsiden Ressurser css.maxdesign.com.au Her finnes det en rekke CSS veiledninger/tutorials og flere eksempler på hvordan menyer kan bygges opp med CSS. HTML.dk inneholder en rekke veiledninger/tutorials, artikler m.m., blant annet om bruk av CSS. www.html.dk/tutorials/css/ Hio 2007 Kirsten Ribu 33 Hio 2007 Kirsten Ribu 34 Andre muligheter Brukere som har behov for å tilpasse nettsidens visuelle layout kan ta i bruk egenproduserte stilark for å formatere et nettsted. I Internet Explorer finnes denne valgmuligheten i menyen: Verktøy > Alternativer for Internett > Tilgjengelighet >stilark. Hio 2007 Kirsten Ribu 35 Hio 2007 Kirsten Ribu 36 6
Optimalisering Det kan være situasjoner der brukeren ut fra eget behov optimaliserer nettleseren og dermed endrer nettstedets utseende. Noen av disse innstillingsmulighetene kan testes ved hjelp av Web Accessibility Toolbar Den gjør det for eksempel mulig å se en nettside uten bilder, uten bruk av stilark/css, i gråtoner, på mindre skjermer med mer. Hio 2007 Kirsten Ribu 37 Hio 2007 Kirsten Ribu 38 Linken http://www.visionaustralia.org.au/info.aspx?page=1569#downloade Hio 2007 Kirsten Ribu 39 Menyer Mange nettsteder bruker aktive menyer av typen drop-down eller menyer som folder seg ut. De er som oftest basert på javascript, plug-ins eller java-applets og de er derfor ikke tilgjengelige for alle. Slike menyer er ofte basert på bruk av mus og reagerer ikke på tastatur. De vil derfor kunne utelukke brukere som ikke kan benytter mus, feks synshemmede. Hio 2007 Kirsten Ribu 40 Menyer Menyer av denne typen er også svært følsomme og lukkes med en gang markøren beveges utenfor menyen. Det gjør at slike menyer er veldig vanskelige å benytte for mange, feks nybegynnere, eldre og andre med dårlig hånd- og armfunksjon. For blinde er det dessuten et problem at skjermleserne ikke finner menypunktene. Hio 2007 Kirsten Ribu 41 Hio 2007 Kirsten Ribu 42 7
Hvordan gjøre menyer tilgjengelige? Det må sørges for en alternativ meny for dem som ikke har mulighet til å kunne bruke den teknologien som er brukt for å lage menyen. Menyer må kunne betjenes ved hjelp av tastaturet. Menyoverskriften lages som en lenke som kan betjenes via tastaturet, og som sender brukeren til en side med tilgjengelige menyvalg. Hio 2007 Kirsten Ribu 43 Hio 2007 Kirsten Ribu 44 Accessible DHTML Meny Flere programleverandører leverer tilgjengelige menyvarianter basert på DHTML. Det er dermed ikke nødvendig å programmere slike menyer fra bunnen av. Søk etter accessible DHTML menu på nettet. Ressurs Separating Style from Content http://accessat.c-net.us/articles/css.html Hio 2007 Kirsten Ribu 45 Hio 2007 Kirsten Ribu 46 Ressurs Accessing The Inaccessible http://www.curlewcommunications.co.uk/caccess.html WAI Web Content Accessibility Guidelines (WAI) http://www.w3.org/wai/ Hio 2007 Kirsten Ribu 47 Hio 2007 Kirsten Ribu 48 8
Plan framover Forelesning torsdag 23. og tirsdag 28. Ingen forelesning torsdag 30., og den påfølgende uke (Kirsten er på konferanse) Arbied med første prosjektoppgave: Lag et tilgjengelig nettsted med innhold: Et informasjonssted om universell design Hva er digitale skiller? Hva sier loven om offentlige anskaffelser og universell utforming? Gruppeoppgaven Bruk nettet som ressurs Opprett en hjemmeside på et studentområde Lag en gruppemappe på Fronter Prosjekgruppa skal ha et NAVN Legg link til nettstedet i mappa Nettstedet skal ha et NAVN Kommuniser med Kirsten på mail, ved spørsmål etc. Hio 2007 Kirsten Ribu 49 Hio 2007 Kirsten Ribu 50 Ukeoppgaver Surf på nettet bare ved hjelp av tastatur. Skriv ned hvordan det oppleves. Hvor stopper det? Finn ukas horror-program på nett. Noter lenken og presenter i klassen på torsdag. Er HiOs nettsted tilgjengelig for alle? Er Fronter universelt utformet? Tilgjengelig? Hio 2007 Kirsten Ribu 51 Hio 2007 Kirsten Ribu 52 Torsdag Vi fortsetter med tilgjengelige nettsteder Hio 2007 Kirsten Ribu 53 9