Fagdag om universell utforming av nettsider 12. november 2015 - Design og innhald - korleis ta universell utforming inn i prosessen - Netlife Research

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?

LAG NOE ROBUST

Takk for meg!Joakim Bording

@spispeas [email protected]