Design og innhald - korleis ta universell utforming inn i prosessen ved Joakim Bording i Netlife Research. Du kan sjå opptak av foredraget på uu.difi.no

1. Design og innhold
Hvordan ta universell utforming inn i
prosessen
Joakim Bording
12. November 2015

2. Joakim
Bording
Interaksjonsdesigner,
pragmatisk frontend-koder
og universell utforming
entusiast
@spispeas

6. Netlife Research
er mest kjent for
fokus på
brukervennlighet

8. Universell
utforming
Bruker-
vennlighet
❤

9. Prosessen frem til
brukervennlige
løsninger

10. Lag prioriterte løsninger
som svarer til mål og
målgrupper

11. La brukerne selv fortelle
deg hva som er viktig for
dem

12. Jobb sammen om
løsningen på tvers av fag

13. Test løsningene på ekte
brukere

14. Vær nøye med tekniske
tester og lag robuste
løsninger

15. Jobb iterativt, du treffer
aldri på første

16. Jobber dere
allerede
brukerfokusert
jobber dere
allerede riktig ✍
dm.protolife
.no

18. Målgrupper er
ofte definert basert
på interesse
Men sier lite
om evne

19. Skal vi designe for
mennesker må vi
akseptere variasjon
Variasjon er en ibodende egenskap i alle grupper av mennesker

20. Sansetap
Bevegelse Kognitivt

22. – Design for extremes. The
middle will take care of
itself.
Dan Formosa

23. Arbeid med
tilgjengelighet vil gagne
alle brukerne dine

24. Få
«tilgjengelighet»
inn i teametet

25. Tverrfaglig team er
nøkkelen til universell
utforming

26. ?
Innhold Design Utvikling Tilgjengelighet

27. Ansvaret for universell
utforming bør aldri ligge
på én person
Det sikrer ikke leveransen på den beste måten,
ei heller arbeidsmiljøet…

28. 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.

30. Selv om ansvaret ikke bør
ligge hos en person kan
gjerne kompetansen
starte der.
? ? ?

31. Har du sjekket
kontrasten på
den fargen?

32. Har du sjekket
kontrasten på
den fargen?

33. Det er utfordrende å bli
god på universell
utforming over natten

34. – 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

35. Fortjeneste
Innsats

36. Sett av tid og
ressurser til å
lære
✍
uu.difi.no

37. Interaksjonsdesignere og utviklere
- den største jobben ligger på dere
?
??
??

38. Når grafisk designere
misliker universell
utforming og når de
elsker det

41. Formatet bør
være avklart
på forhånd

43. Har du sjekket
kontrasten på
de fargene?

44. Snakk med grafiske
designere om
universell utforming
før første skisse

45. Begrensninger i et
medium hindrer ikke kunst
fra å bli skapt

46. Begrensningene til WWW
ligger ikke i teknologien,
men i oss som bruk det

49. ✍
AA nivå

50. ✍
colorable

51. Kan du lese dette?
Kan du lese dette?

54. 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.

55. 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

56. Unngå å hvile på ett
virkemiddel alene for
å formidle hensikt
med et element

57. Virkemidler:
Farge + Strek

58. Virkemidler:
Farge + →Symbol + Liste
Liste
Liste

59. Virkemidler:
Liste + Kontekst
Liste
Liste

60. ✍
uu.difi.no

61. Universell utforming
for de som skriver
innhold

63. 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 tekstenbryter ingentilgjengelighets-krav

64. PERCEIVABLE
OPERABLE
UNDERSTANDABLE
ROBUST
UNDERSTANDABLE
Mulig å oppfatte
Mulig å betjene
Forståelig
Robust

65. 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.

66. Korte tekster er ikke
et mål i segselv
Skriv så folk forstår

67. Bruk ordene folk selv
bruker
Hæ? 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

70. 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

71. Definisjon av ferdig
Når brukeren kan:
• finne svaret
• forstå det
• vite hva en skal gjøre så

72. PERCEIVABLE
OPERABLE
UNDERSTANDABLE
ROBUST
Mulig å oppfatte
Mulig å betjene
Forståelig
Robust

73. Klikk på lenken for å laste ned

74. Vil du delta? Klikk her

75. Les mer om korssting

76. Sving på rattet Anbefales!

77. Bruk lenketeksten til å
informere brukeren om
hvor lenken går

79. 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

81. Tekst-
alternativer
biter ikke

82. Er bildet
menings-
bærende?

83. ?
?
!
!
!

84. Ikke bruk
tilgjengelighet som
en brekkstang for
brukervennlighet

85. 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.

87. De 35 tilgjengelighets-
kravene er kjempebra!
Men de bør ses på som et verktøy og ikke et mål i
segselv

89. Hvordan vil
denne kunne
brukes med
tastatur?

90. Har du testet
hvordan det
ser ut for
fargeblinde?

91. Er kontrasten
der god nok
for å leses i
sollys?

92. Har du hørt
hvordan det
vil funke med
en
skjermleser?

93. Hvilke
alternativer
har brukere
hvis de ikke
finner frem i
menyen?

94. LAG NOE
ROBUST

96. Takk for meg!
Joakim Bording
@spispeas
joakim@netliferesearch.com