Anvandbarhet tillganglighet-14

1
BERGHS SCHOOL OF COMMUNICATION

DIGITAL MANAGEMENT
LEKTION 14 STINA BJURSTRÖM, nearU
10 APRIL 2013— BERGHS

2

Mitt utkast till projektkarta

Effektkarta utkast

Detta är en första skiss som inte är klar och ännu inte
stämts av med uppdragsgivaren. Jag har avidentiﬁerat den,
men ni som var på plats vet förtsås vem vi pratar om.

3

Innehållsstrategi

4

Varför?

Genom att prioritera användbart och relevant innehåll framför ”vore
det inte superbra om” och utifall att kan man

•  få bättre ranking i sökmotorer

•  öka värdet för besökare genom att förbättra navigering och

•  hålla nere kostnader

•  minska stress

•  få tid att lägga på rätt saker

5

Vad?

Svar på frågor som

•  Vad har vi och vad saknar vi?

•  Vilket innehåll behöver vi skapa och varför?

•  Vilka format ska vi jobba med?

•  Hur ska innehållet struktureras?

•  Hur ska användare hitta innehållet?

•  Vem skapar innehållet?

•  Vem underhåller innehållet?

•  När ska det publiceras?

•  Var bor innehållet?

6

Hur?

1. Inventering

2. Behovsanalys

3. Strategi

Ta reda på om innehållet är

•  Önskvärda effekter

•  Skapa plan för att
•  Relevant

•  Mål

skapa, leverera och
•  Korrekt

•  Framgångsfaktorer

underhålla innehåll

•  Välskrivet

•  Inre och yttre •  Formulera
•  Användbart

omständigheter som prioriteringar

•  Använt

påverkar skapandet och •  Visa på påverkan på
•  Välstrukturerat

underhållet

organisationen totalt

•  Sökbarhet

•  ”Buy in”

•  Förankring hos stake-
•  Ägandeskap

•  Väga innehållskrav vs holders

•  Stakeholders

tidplan, budget och
•  Kompetenser

resurser

7

Inventering

8

Inventering

9

Utmaningen

10

Yta

Visuell design & gränssnittsprogrammering

11

Webbdesign

•  Skeuomorphism

•  Flat design

•  Tiles

•  No ui

12

Gränssnittsprogrammering

•  Responsive design

•  Html 5

•  CSS 3

•  jOuery

•  Fluid grids

•  Progressive
enhancement

13

Test-
och utvärdering

14

Testmetoder

•  Expertutvärdering (heuristisk utvärdering)

•  Intervjuer

•  Enkäter

•  Användartester

•  Observation

•  Tänkt-högt-test

•  Kortsortering

15

Segmentering och
personalisering

Behavioral Marketing / Marketing automation

16

Diskussion

Hur skulle Hasseludden Yazuragi kunna
använda sin webbplats för att öka
bokningar av konferenser?

17

18

19

Landningssida

Priser och erbjudande

Sökord: konferens
Tid på dygnet: dagtid
Aktivitet: klickat på ”boka on line”

Ett riktigt bra möte

Sökord: spa
Tid på dygnet: kvällstid
Aktivitet: tittat i prislista

Bada japanskt


Mobile ﬁrst

21

Personalisering

22

Vad är bra design?

23

Om det inte ﬁnns en tydligt
syfte med produkten är all
design lika bra.

24

-TILLGÄNGLIGHET

25

Inkluderande

•  Göra tillgängligt för människor (med funktionshinder) och maskiner
(mobiler) med olika typer av behov.

•  Presentera innehållet så att det passar för olika beteenden (stressade,
kognitiv funktionsnedsättning, annat språk) och olika
”plattformar (webbläsare, skärmuppläsare, mobiler) och

•  Innebär att vi når många ﬂer

•  Informationen går att återanvända

26

Funktionsnedsättningar

•  visuella

•  auditiva

•  fysiska

•  verbala

•  kognitiva

•  språkliga

•  inlärningsmässiga

•  neurologiska nedsättningar

27

Riktlinjer

Web Content Accessibility Guidelines (WCAG) guidelines
published by the World Wide Web Consortium (W3C)

(http://www.w3.org)

Standardiseringsorganisation skapad 1994

(http://www.w3.org)

E-delegationen webbriktlinjer (http://www.webbriktlinjer.se)

28

Att beställa tillgänglighet

•  Det går inte att få en lösning att passa för alla och ingen kan uppfylla alla krav

•  E-delegationens webbriktlinjer är normativa, de certiﬁerar varken sajter eller
experter

•  Ca 10 % av riktlinjerna kan veriﬁeras maskinellt. Av resten, redaktionellt t.ex. råder
subjektiv bedömning - alt texter osv

•  Teknik är färskvara, riktlinjer som är skrivna 2012 är redan mer eller mindre
obsoleta. Ett bra exempel är responsiv design, som inte alls är dokumenterat i
Webbriktlinjerna

•  Funka nu är ett konsultbolag som specialiserat sig på tillgänglighet. Deras största
tillgång är att de testar på riktiga användare. De är dock konsulter som driver
affärsverksamhet.

29

Fallgropar

•  Låta it-ansvarig/ekonom/jurist vara med i projektet

•  Ta för stort grepp ”för att man kan”

•  Förlita sig på att konsulterna ”vet vad de gör”

•  Börja i lösning för tidigt

•  Starta innehållsproduktion för sent

•  Inte ta höjd för test

•  Inte planera för förvaltning

30

TESTA.

31

Referenser

101: Steve Krug: Don’t make me think från 2005

Mina tankar om vetenskapliga underlag

101: Alan Cooper: The inmates are running the asylum

Jag funderade en del på detta. Kortfattat är min erfarenhet (även när
Alan Cooper: About Face 3.0

jag träffat forskare) att vetenskaplig litteratur ofta är på för abstrakt
Ingrid Ottersten Mijo Balic: Effektstyrning av IT

nivå eller på för tillämpad nivå. Se t.ex.
Jesse James Garrett: The elements of User Experience

http://www.kth.se/csc/forskning/mid/projects Ofta tycker jag man
Bill Scott Theresa Neil: Designing Web Interfaces

talar om användbarhet men saknar realistisk förståelse för vår
Bill Buxton: Sketching User Experience

verklighet som styrs av tidplaner, budgetar, resurser etc, samt för hur
Peter Morville: Search patterns

utvecklingsprojekt faktiskt bedrivs. Men detat är min åsikt och jag har
Ethan Marcotte Responsive Web Design

inte pluggat mdi eller interkationsdesign på universitetet. Jag vet bara
Kristina Halvorson: Content Strategy for the web

att den litteratur jag har utbyte av inte är akademisk i den
Donna Spencer: Card sorting

bemärkelsen.

http://www.smashingmagazine.com/

Litteratur som i vart fall jag har praktisk nytta av är oftast skriven av
http://www.hongkiat.com/blog/

folk som har lång praktisk branscherfarenhet, vilket iofs borde klinga
http://alistapart.com/http://www.theverge.com/

lika högt. Böckerna här bredvid är sådana. En bok jag inte nämnde är

Designing Web Interfaces av Bill Scott Theresa Neil. Den går in på
http://anvandbarhet.se/start = wikibok

mer konkreta användarfall, som en fortsättning på Don’t make me
http://usabilitygeek.com/hire-a-user-experience-manager-reasons-why

think men inte lika detaljinriktat som http://ui-patterns.com/patterns .

http://www.elasticspace.com/2013/03/no-to-no-ui

http://alistapart.com/topic/responsive-design

Böcker från O’Reilly media anses för övrigt ha hög trovärdighet.

http://ui-patterns.com/patterns

http://www.webbriktlinjer.se/

33

Anvandbarhet tillganglighet-14

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (13)

Similar to Anvandbarhet tillganglighet-14

Similar to Anvandbarhet tillganglighet-14 (20)

Anvandbarhet tillganglighet-14