Anvandbarhet tillganglighet-14

369 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
369
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Anvandbarhet tillganglighet-14

  1. 1. 1BERGHS SCHOOL OF COMMUNICATION
  2. 2. DIGITAL MANAGEMENTLEKTION 14 STINA BJURSTRÖM, nearU 10 APRIL 2013— BERGHS 2 BERGHS SCHOOL OF COMMUNICATION
  3. 3. Mitt utkast till projektkarta Effektkarta utkast Detta är en första skiss som inte är klar och ännu intestämts av med uppdragsgivaren. Jag har avidentifierat den,men ni som var på plats vet förtsås vem vi pratar om. 3 BERGHS SCHOOL OF COMMUNICATION
  4. 4. Innehållsstrategi 4 BERGHS SCHOOL OF COMMUNICATION
  5. 5. Varför? Genom att prioritera användbart och relevant innehåll framför ”voredet 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 BERGHS SCHOOL OF COMMUNICATION
  6. 6. 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 BERGHS SCHOOL OF COMMUNICATION
  7. 7. 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 BERGHS SCHOOL OF COMMUNICATION
  8. 8. Inventering 8 BERGHS SCHOOL OF COMMUNICATION
  9. 9. Inventering 9 BERGHS SCHOOL OF COMMUNICATION
  10. 10. Utmaningen 10 BERGHS SCHOOL OF COMMUNICATION
  11. 11. Yta Visuell design & gränssnittsprogrammering 11 BERGHS SCHOOL OF COMMUNICATION
  12. 12. Webbdesign •  Skeuomorphism •  Flat design •  Tiles •  No ui 12 BERGHS SCHOOL OF COMMUNICATION
  13. 13. Gränssnittsprogrammering •  Responsive design •  Html 5 •  CSS 3 •  jOuery •  Fluid grids •  Progressive enhancement 13 BERGHS SCHOOL OF COMMUNICATION
  14. 14. Test- och utvärdering 14 BERGHS SCHOOL OF COMMUNICATION
  15. 15. Testmetoder •  Expertutvärdering (heuristisk utvärdering) •  Intervjuer •  Enkäter •  Användartester •  Observation •  Tänkt-högt-test •  Kortsortering 15 BERGHS SCHOOL OF COMMUNICATION
  16. 16. Segmentering och personalisering Behavioral Marketing / Marketing automation 16 BERGHS SCHOOL OF COMMUNICATION
  17. 17. Diskussion Hur skulle Hasseludden Yazuragi kunnaanvända sin webbplats för att ökabokningar av konferenser? 17 BERGHS SCHOOL OF COMMUNICATION
  18. 18. 18BERGHS SCHOOL OF COMMUNICATION
  19. 19. 19BERGHS SCHOOL OF COMMUNICATION
  20. 20. Landningssida Priser och erbjudande Sökord: konferensTid på dygnet: dagtid Aktivitet: klickat på ”boka on line” Ett riktigt bra möte Sökord: spaTid på dygnet: kvällstidAktivitet: tittat i prislista Bada japanskt BERGHS SCHOOL OF COMMUNICATION
  21. 21. Mobile first 21 BERGHS SCHOOL OF COMMUNICATION
  22. 22. Personalisering 22 BERGHS SCHOOL OF COMMUNICATION
  23. 23. Vad är bra design? 23 BERGHS SCHOOL OF COMMUNICATION
  24. 24. Om det inte finns en tydligtsyfte med produkten är all design lika bra. 24 BERGHS SCHOOL OF COMMUNICATION
  25. 25. -TILLGÄNGLIGHET 25 BERGHS SCHOOL OF COMMUNICATION
  26. 26. 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 fler •  Informationen går att återanvända 26 BERGHS SCHOOL OF COMMUNICATION
  27. 27. Funktionsnedsättningar •  visuella •  auditiva •  fysiska •  verbala •  kognitiva •  språkliga •  inlärningsmässiga •  neurologiska nedsättningar 27 BERGHS SCHOOL OF COMMUNICATION
  28. 28. Riktlinjer Web Content Accessibility Guidelines (WCAG)  guidelinespublished 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 BERGHS SCHOOL OF COMMUNICATION
  29. 29. 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 certifierar varken sajter eller experter •  Ca 10 % av riktlinjerna kan verifieras 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 BERGHS SCHOOL OF COMMUNICATION
  30. 30. 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 BERGHS SCHOOL OF COMMUNICATION
  31. 31. TESTA. 31 BERGHS SCHOOL OF COMMUNICATION
  32. 32. Thank you!Sincerely yours/ Stina Bjurström| @stina_stockholm +46709486228 | stina.bjurstrom@nearu.seberghs.se, 08-57 550 00 | info@berghs.se |@Berghs | facebook.com/berghssoc | berghs.se 32 BERGHS SCHOOL OF COMMUNICATION
  33. 33. 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ärAlan Cooper: About Face 3.0 jag träffat forskare) att vetenskaplig litteratur ofta är på för abstraktIngrid 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 manBill Scott Theresa Neil: Designing Web Interfaces talar om användbarhet men saknar realistisk förståelse för vårBill Buxton: Sketching User Experience verklighet som styrs av tidplaner, budgetar, resurser etc, samt för hurPeter Morville: Search patterns utvecklingsprojekt faktiskt bedrivs. Men detat är min åsikt och jag harEthan Marcotte Responsive Web Design inte pluggat mdi eller interkationsdesign på universitetet. Jag vet baraKristina Halvorson: Content Strategy for the web att den litteratur jag har utbyte av inte är akademisk i denDonna Spencer: Card sorting bemärkelsen. http://www.smashingmagazine.com/ Litteratur som i vart fall jag har praktisk nytta av är oftast skriven avhttp://www.hongkiat.com/blog/ folk som har lång praktisk branscherfarenhet, vilket iofs borde klingahttp://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 mehttp://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 BERGHS SCHOOL OF COMMUNICATION

×