Universell utforming FTW! Redesign av blindeforbundet.no
•
1 like•3,374 views
Du får unik innsikt fra et web-prosjekt hvor den primære målgruppen er blinde og svaksynte. Foredraget vil ta for seg hvordan arbeidet med universell utforming bidro til innovasjon i nye metoder og løsninger. Foredraget ble holdt på Yggdrasil konferansen i Sandefjord 14. april 2015. Av Joakim Bording og Nikolai Krister Strandskogen fra Netlife Research
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (16)
Similar to Universell utforming FTW! Redesign av blindeforbundet.no
Similar to Universell utforming FTW! Redesign av blindeforbundet.no (20)
Universell utforming FTW! Redesign av blindeforbundet.no
- 1. Universell utforming FTW! Redesign av blindeforbundet.no Joakim Bording Nikolai Krister Strandskogen Yggdrasil 14. april 2015
- 5. Universell utforming og brukervennlighet er to sider av samme sak #1
- 6. Mange elefanter i rommet når det gjelder universell utforming
- 7. – Tilgjengelighet er fint, men hvor mange blinde er det egentlig?
- 9. – Vel og bra, men hvem er egentlig dere?
- 10. Joakim Nikolai
- 11. Hvordan få universell utforming inn i et prosjektløp? Lær mer på UU- skolen etter lunsj
- 15. Målgrupper 1. Synshemmede og pårørende 2. Medlemmer 3. Den interesserte almuen 4. Givere
- 16. Prioriterte mål 1. Flere medlemmer 2. Aktivt og selvstendig liv for den enkelte 3. Øke kunnskapen 4. Øke inntektene, redusere utgiftene
- 18. Alle har ansvar for universell utforming #2
- 19. Start med innholdet og ikke stopp
- 21. Prosjektstart Brukerintervju Spørreundersøkelse Mål og målgrupper Overordnet konsept Bakgrunnsdokumenter
- 22. De viktigste oppgavene Forskning på øyehelse og syn Hjelpemidler for blinde og svaksynte. Hva finnes, hvor selges det? Symptomer på synshemninger og øyesykdommer Å leve med synshemming (råd og tips) Øyesykdommer og synshemninger: råd og fakta om min diagnose Uleselig (kampanje for større skrift) Rettigheter: Hvilke rettigheter har jeg som blind eller svaksynt? Behandling av øyesykdommer gging, risikofaktorer og arvelighet ved synshemninger og øyesykdommer m kan brukes av blinde og svaksynte (apper, klokker, mobiltelefoner o.l.) 0 % 10 % 20 % Topp 25% 797 respondenter
- 24. Hør mer om Kjernemodellen i morgen
- 31. Gi redaksjonen kunnskap til å lage tilgjengelig innhold #3
- 34. – Har du sjekket kontrasten på de fargene?
- 36. Ikke utsett universell utforming til slutt #4
- 37. Thord
- 39. Forstørrelse av skjermen Forstørrelse innebygget i nettleseren Annet Egne innstillinger for farger og fontstørrelse Skjermleser på datamaskin Skjermleser på mobiltelefon eller nettbrett Leselist Invertering av farger Talestyring Tekstnettleser 0 % 5 % 10 % 15 % 40% av målgruppen bruker tilleggsutstyr Fra en undersøkelse med 537 deltakere av Blindeforbundets medlemmer utført av Netlife Research i 2014. Spørsmålsformulering: «Bruker du noe av utstyret i følgende liste, når du surfer på nett? Du kan hake av på flere.»
- 49. Innhold og design inn i én felles prototype
- 50. Protoype i HTML
- 58. – Jeg kan ikke HTML
- 59. Skisser Leveranse Designretning Designprinsipper Designsystem Form Innhold Funksjon Prototype Teste og evaluere
- 60. Kjernemodellen bygd inn i CMS
- 61. Som også ble implementert i produksjon
- 62. Ny startpakke for å jobbe med innhold
- 63. Ny startpakke for å jobbe med innhold
- 64. – Dette må da ha tatt altfor mye tid??
- 65. Fonter og farger for blinde
- 67. – Alt dette visuelle høres bra ut, men hva med oss som ikke ser? Styremedlem
- 68. Stil og tone Prioritering Struktur Video og lyd Rekkefølge Antall valg Antall steg Fokus Status Størrelse Flater Farger Typografi Symboler Grafisk Innhold Interaksjon
- 69. Gi meg innholdet jeg er ute etter så kjapt som mulig Or else …
- 78. =For tastatur- brukere Ingen har gjort dette tidligere
- 79. – Jeg liker denne best fordi den går «rett til kjernen» Medlem i referansegruppen Men det trengs mer testing …
- 83. kampanjerigg
- 89. The Sans
- 92. blindeforbundet.no Rasjonelt Mange bruksoppgaver Forsiden mindre viktig «Hvordan kan vi hjelpe deg?» Kampanjeside Emosjonelt Én bruksoppgave Forsiden er viktig «Hvordan kan du hjelpe oss?»
- 93. Dette burde knytte dem sammen: Saken Avsender Visuell identitet Layout Funksjonelle moduler Lenker på tvers
- 94. Mål for en kampanje- rigg 1) Effektivisere ved at det kreves mindre utviklingstid og administrasjonstid 2) Øke inntektene ved at man stadig forbedrer skjemaer, øke tilgjengelighet o.l. 3) Styrke merkevaren ved at sidene har et felles visuelt uttrykk
- 95. Du når flere kunder med tilgjengelige nettsider #6
- 97. Byggeklosser
- 99. La oss bygge en kampanje
- 117. En kampanjerigg skal være et fleksibelt system som tåler gjenbruk
- 127. Byggeklosser
- 131. Så hvordan gikk det egentlig med førerhundkalenderen i år?
- 133. Andel konverteringer på mobil i 2014 21% 45% Andel konverteringer på mobil i 2015
- 136. Andel som betalte økte med 151%
- 140. - Jeg likte denne best fordi den på venstre side hadde samlet andre linker. - Denne er mest gjenkjennelig fra andre nettsider. - Denne har en slik lang meny før man kommer til det som skal leses, og det er ikke bra på leselist. - Denne blir så mye detaljer i venstremarg og logo osv. - Listen med lenker på venstre side [er noe jeg liker] når jeg ønsker å bruke øynene å lese med. - Her kom jeg direkte inn på omtalen av grå stær, uten å måtte innom flere knapper.
- 141. - Jeg liker best denne når jeg benytter skjermleser fordi den går rett “til kjernen” i lenkelisten - Denne er helt grei. - Liker denne best: Artikkelen starter fra topp. En ser tråden/stien som en linje først, denne kunne også ha stått nederst. En fin orientering. - Listen med lenker på venstre side [er noe jeg savner] når jeg ønsker å bruke øynene å lese med.
- 142. Eksterne referansgrupper var ikke fleksibelt nok En brukertest med hver av personene ville trengt like mye forberedelser men gitt mye mer lærdom.
- 144. Utfordringen er å få tak i brukere å teste på Unngå å kun teste på «ekspertbrukere»
- 145. Test tidlig, test enkelt og test ofte #7
- 146. Vi burde holdt av mer tid til testing underveis i prosjektet
- 148. – Tilgjengelighet gjør prosjektet dyrere
- 149. – 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
- 150. Sett av tid og ressurser til å lære #8
- 151. beta.blindeforbundet.no Inviter de du frykter mest til å kritisere før den er live
- 152. Selv om vi lanserer er vi ikke ferdig.Vi har mange ting vi fortsatt ønsker å forbedre
- 153. Du blir aldri helt ferdig#9
- 154. Loven krever WCAG 2.0 A & AA
- 155. Jobb med kravene og dokumenter prosessen i det Da mange krav er basert på skjønn blir det viktig at designere dokumenterer hvorfor de har gjort som de har gjort
- 156. – Så lenge vi dekker WCAG kravene er vi tilgjengelige.
- 161. Design for mennesker - ikke for krav #10
- 163. Universell utforming og brukervennlighet er to sider av samme sak #1
- 164. Alle har ansvar for universell utforming #2
- 165. Gi redaksjonen kunnskap til å lage tilgjengelig innhold #3
- 166. Ikke utsett universell utforming til slutt #4
- 168. Du når flere kunder med tilgjengelige nettsider #6
- 169. Test tidlig, test enkelt og test ofte #7
- 170. Sett av tid og ressurser til å lære #8
- 171. Du blir aldri helt ferdig#9
- 172. Design for mennesker - ikke for krav #10
- 174. Takk for oss! Nikolai Strandskogen nikolai@netliferesearch.com @nkstrand Joakim Bording joakim@netliferesearch.com @spispeas Slides bit.ly/______