Design og innhold Hvordan ta universell utforming inn i prosessen
Joakim Bording 12. November 2015
Joakim
Bording Interaksjonsdesigner, pragmatisk frontend-koder og universell utforming entusiast
@spispeas
Netlife Research er mest kjent for
fokus på brukervennlighet
Universell utforming
Bruker-vennlighet❤
Prosessen frem til brukervennlige løsninger
Lag prioriterte løsninger som svarer til mål og målgrupper
La brukerne selv fortelle deg hva som er viktig for dem
Jobb sammen om løsningen på tvers av fag
Test løsningene på ekte brukere
Vær nøye med tekniske tester og lag robuste løsninger
Jobb iterativt, du treffer aldri på første
Jobber dere allerede brukerfokusert jobber dere allerede riktig ✍
dm.protolife.no
Målgrupper er ofte definert basert på interesse
Men sier lite om evne
Skal vi designe for mennesker må vi akseptere variasjon Variasjon er en ibodende egenskap i alle grupper av mennesker
Sansetap
Bevegelse Kognitivt
– Design for extremes. The middle will take care of itself. Dan Formosa
Arbeid med tilgjengelighet vil gagne alle brukerne dine
Få «tilgjengelighet» inn i teametet
Tverrfaglig team er nøkkelen til universell utforming
?
Innhold Design Utvikling Tilgjengelighet
Ansvaret for universell utforming bør aldri ligge på én person Det sikrer ikke leveransen på den beste måten, ei heller arbeidsmiljøet…
Universell utforming er et perspektiv alle bidragsytere bør tilføre i sitt arbeid Alle bør ha et ansvar for universell utforming på egen leveranse.
Selv om ansvaret ikke bør ligge hos en person kan gjerne kompetansen starte der.
? ? ?
Har du sjekket kontrasten på den fargen?
Har du sjekket kontrasten på den fargen?
Det er utfordrende å bli god på universell utforming over natten
– When you say accessibility is slowing your development down. It’s not because of accessibility. It’s because you are learning a new skill. Derek Featherstone
Fortjeneste
Innsats
Sett av tid og ressurser til å lære
✍ uu.difi.no
Interaksjonsdesignere og utviklere - den største jobben ligger på dere
?
??
??
Når grafisk designere misliker universell utforming og når de elsker det
Formatet bør være avklart på forhånd
Har du sjekket kontrasten på de fargene?
Snakk med grafiske designere om universell utforming før første skisse
Begrensninger i et medium hindrer ikke kunst fra å bli skapt
Begrensningene til WWW ligger ikke i teknologien, men i oss som bruk det
✍ AA nivå
✍ colorable
Kan du lese dette?
Kan du lese dette?
Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.
Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.
Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.
Now, one of the peculiar characteristics of the savage in his domestic hours, is his wonderful patience of industry.
✍ Test uten
farger
Unngå å hvile på ett virkemiddel alene for å formidle hensikt med et element
Virkemidler: Farge + Strek
Virkemidler:
Farge + →Symbol + Liste Liste Liste
Virkemidler:
Liste + Kontekst Liste Liste
✍ uu.difi.no
Universell utforming for de som skriver innhold
Melding om eierskifte med original underskrift fra tidligere og ny eier, fortrinnsvis gitt på vognkortets meldingsdel eller en salgsmelding (“Melding om kjøretøy som skifter eier”/ “Melding om køyretøy som skiftar eigar”) (se link nederst på siden), leveres/sendes en av Statens vegvesens trafikkstasjoner senest 3 dager etter eierskiftet.
Denne teksten bryter ingen tilgjengelighets-krav
PERCEIVABLE
OPERABLE
UNDERSTANDABLE
ROBUST
UNDERSTANDABLE
Mulig å oppfatte
Mulig å betjene
Forståelig
Robust
Melding om eierskifte med original underskrift fra tidligere og ny eier, fortrinnsvis gitt på vognkortets meldingsdel eller en salgsmelding (“Melding om kjøretøy som skifter eier”/ “Melding om køyretøy som skiftar eigar”) (se link nederst på siden), leveres/sendes en av Statens vegvesens trafikkstasjoner senest 3 dager etter eierskiftet.
Korte tekster er ikke et mål i segselv Skriv så folk forstår
Bruk ordene folk selv brukerHæ? Aha! Skjønner.
Kjøretøy Bil
Periodisk kjøretøykontroll EU-kontroll
Reisedokumenter Billetter
Avtaletid Bindingstid
Fedrekvote Pappaperm
Reparasjonsvirksomhet for kjøretøy Verksted
A(H1N1) Svineinfluensa
Hvorfor skrive i par? • Du må tenke før du publiserer • Du må faktisk jobbe med innholdet • Felles forståelse av hva innholdet skal gjøre • Tekstene blir mer like hverandre • Du kan dele erfaringer med å skrive for nettet med
andre ✍ skriv ikke
alene
Definisjon av ferdig Når brukeren kan:
• finne svaret • forstå det • vite hva en skal gjøre så
PERCEIVABLE
OPERABLE
UNDERSTANDABLE
ROBUST
Mulig å oppfatte
Mulig å betjene
Forståelig
Robust
Klikk på lenken for å laste ned
Vil du delta? Klikk her
Les mer om korssting
Sving på rattet Anbefales!
Bruk lenketeksten til å informere brukeren om hvor lenken går
Ikke vær redd for å bruke flere ord Lenker på 7-12 ord er ikke for lange.
Jared Spool har gjort en undersøkelse som viste at folk oftere fant fram på sider med lenker med denne lengden.
Lag lenker i teksten
Eyetracking viser at brukerne hopper over navigasjonen og skanner teksten for å finne veier videre
Tekst-alternativer biter ikke
Er bildet menings-
bærende?
?
?
!
!
!
Ikke bruk tilgjengelighet som en brekkstang for brukervennlighet
Vi «må» gjøre det fordi det er et «krav»
Slike argumenter tar livet av gode diskusjoner som leder til bedre løsninger. Det gjør tilgjengelighet til en mystisk lovgivende makt som folk lærer seg å misslike. Det gjør ikke at folk lærer.
De 35 tilgjengelighets-kravene er kjempebra! Men de bør ses på som et verktøy og ikke et mål i segselv
Hvordan vil denne kunne brukes med tastatur?
Har du testet hvordan det ser ut for fargeblinde?
Er kontrasten der god nok for å leses i sollys?
Har du hørt hvordan det vil funke med en skjermleser?
Hvilke alternativer har brukere hvis de ikke finner frem i menyen?