Så gör Vägledningen 24-timmarswebben dig till en bättre beställare. Funda Denizhan, Statskontoret Kommits 17 november, 2005



Relevanta dokument
Nämnden för elektronisk förvaltning

Vägledningen 24-timmarswebben. Magnus Burell, Verva Uppdaterad:

Kunskapscentrumcentrum för Äldres Säkerhet

Vägledningen 24-timmarswebben få fler att använda er webbplats. Magnus Burell, Verva

Prototyping. Planera och genomföra webbproduktionsprojekt. Innehåll. Fördelarna med Pappersprototyper. Lofi-prototyp. Prototyping

Kunskapscentrum för Äldres Säkerhet

ANALYS & KONCEPT ETT DOKUMENT FRÅN NOC WEBBYRÅ

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Användbarhet. Datorbaserade verktyg används till att. Aspekter på användbarhet. uppfylla behov eller lösa problem! Användbarhet.

Användbarhet som brygga mellan verksamhet och IT

Laboration 3 i kursen Produktion för tryckta medier och webb: Webbplatsproduktion med ett publiceringssystem

1 Detta fält hämtar värdet från den primära adressen på webbplatsen. Kontrollera att den primära adressen stämmer under "Webbplatsinställningar".

Kursplan Gränssnittsdesign och Webbutveckling 1 Vårtermin 2014

Välkommen till Studiekanalen.se

INDIVIDUELL INLÄMNINGSUPPGIFT

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

Nya sundbyberg.se. Webbkoncept. v1.0, Sundbyberg där staden är som bäst

Beställa och ställa krav på ett användarcentrerat sätt. Nätverksträff för 24-timmarswebben Norra Latin 12 december 2007

Inlämningsuppgift 2. DA156A - Introduktion till webbutveckling Teknik och samhälle, Malmö högskola Oktober 2012

Innehåll. Webbproduktion. Prototyputveckling. Arbetsgång (R)

GRÄNSSNITTSDESIGN. Ämnets syfte. Kurser i ämnet

24-timmarswebben. Riktlinje Förklaring Så uppfyller vi den

Problemet. Beställarkompetens och kravhantering. Användbarhetsboom Internet som motor. Beställarproblemet. Användarnytta = verksamhetsnytta.

Övning. Tjänstedesign och organisationsutveckling. Era frågor. Användbarhet. Användbarhet är kvalitet. Användbarhet och Kontext

Avrop - E-förvaltningsstödjande tjänster 2010

Tillämpad programmering CASE 1: HTML. Ditt namn

Hur tillgänglig är du? Hur tillgänglig är du? Seminariedag om digitalt tillgängliggörande Västmanlands läns museum

Tillgänglighetskrav på interaktion och design Dessa krav baseras på WCAG 2.0,

Copy Cat Laboration 4

Köp användbarhetskompetens på nya ramavtalet IT-konsulttjänster Michaela Kanti, Verva Stockholm

Bilaga 3b. Användbarhet. Upphandling av ett helhetsåtagande avseende IT-stöd för pedagogiskt material inom Skolplattform Stockholm

Offertförfrågan för ny webbplats svenskscenkonst.se samt socialt forum

1. Polopoly och webbpublicering på SU

Fältstudier. Torsdagen den 13 november K2. Ann Lantz Sinna Lindqvist

Bilaga 3b Användbarhet Dnr: /

Sociala medier för företag

Tillgänglighetskrav på teknik Dessa krav baseras på WCAG 2.0,

Processbeskrivning Systemutveckling

Metoder och användartester på Lantmäteriet

WEBB OCH INFORMATIONSDESIGN

30 år av erfarenhet och branschexperts

Grafisk form för användargränssnitt

Vägledningen för webbutveckling webbriktlinjer.se. Björn

samtliga kommunanställda ska genom sitt arbete ha tillgång till kommungemensam information och information som är relevant för yrkesutövningen

Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt

3. Krav på uppdraget. 3.1 Mål för uppdraget. 3.2 Beskrivning av uppdraget. Upphandlingsdokument Upphandling. Upphandlande organisation


Bilaga 1. Teknisk kravspecifikation

Projektanvisning. Webbsideprojekt. Författare: Johan Leitet Version: 2 Datum:

ReKo Sjuhärads webbplats -

Hemsida till företaget Entusiastisk Coaching

Webbteknik för ingenjörer

Fast Lane IT. Microsoft Azure & Qbranch Managed Services

Så fångar du dina målgrupper!

Vägledningen 24-timmarswebben

LÄRARHANDLEDNING TILLGÄNGLIGA WEBBSIDOR

PLAN WEBBORGANISATION MIUN.SE

Webbdesign. Fotografiska vann bästa webbsite 2015 i kategorin turism:

Kursplan Gränssnittsdesign, 100p Läsår

Utveckling av Läsaren

Offertunderlag Webbportal NILS

Full koll på kostnader för en hemsida

Riktlinjer för Webbplatser inom Stockholms läns landsting Kompletterande dokument till Kommunikationspolicy för Stockholms läns landsting 2004

F15 Tillgänglighet/Accessibility Dagens agenda

Slutrapport projektgenomförande Metamatrix

Så beställer du via ny och enkel e-handel

Teknisk tillgänglighet

Vägledningen 24-timmarswebben effektivare och bättre service på webbplatser

Handbok Hogia PBM - Personal Business Manager

04:01. Vägledningen 24-timmarswebben 2.0

2006:01. Undersökning av publiceringsverktyg

Innehåll (3) Innehåll (2) Innehåll (5) Innehåll (4) Innehåll (6) Innehåll (7) Dokumenthistorik. beställare, Översiktlig beskrivning av projektet

Lathund för webbshop

Skapa epublikationer för Webben & Mobila Enheter

Fritid för alla - Fritidswebben. En förstudie av Markus Blomqvist & Anna Stam People and technology

Grafisk manual reviderad

Kursplan Webbutveckling 2, 100p Läsår

Kumla kommuns e-tjänsteplattform för att skapa användarvänliga e-tjänster för externa och interna mottagare

Användbar webbdesign.

Manual till publiceringsverktyg

Struktur & Layout med CSS

Användbarhet. Bryt rätt regler. Nils Ehrenberg

Högskolan i Borås HT10 Webbredaktörsprogrammet distans Formgivning av webbsidor. Projektarbete Solveig Betnér

Grupparbete ACSD Projektplanering för ett Patientjournalsystem

Axalon Office Connector

Tilldelningsbeslut ekonomisystem

Projektet. TNMK30 - Elektronisk publicering

Martin Völcker, SLL & Suit

Webbutveckling Laboration 1: HTML5 och CSS3.

Frågor och svar. (version )

Rapport Projekt 1 Från material till webb

1. Utvärdering användbarhet & användarscenarier. 2. Visning av systemet samt testinloggning

KOMMUNIKATIONSPROGRAM FÖR STOCKHOLMS STAD

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Checklista Mobila applikationer fo r bank och betalning

Vägledning för webbutveckling. webbriktlinjer.se

Våga beställa användbart. Henrik Artman, Verva Sigtuna

On-line produktion TDDC61

1. (3p) Inom MDI-området framhåller man att människor lär sig via metaforer. Hur menar man att detta går till?

Interaktionsdesign och användbarhet Personas. Paper prototyping. » Metod för representation av användaren. » Metod för konceptutveckling

Transkript:

Så gör Vägledningen 24-timmarswebben dig till en bättre beställare Funda Denizhan, Statskontoret Kommits 17 november, 2005

Om IT och webb inte är en teknikfråga vad är det då? Är IT och webb en verksamhetsfråga? Verksamheten sköts ute på olika förvaltningar utan att koordineras Webben är ofta separerad från verksamheten Webben används som en plats för att lägga ut information, inte som en kanal för att nå ut till medborgarna eller kommunicera en tjänst eller ett budskap Det är i de flesta fall enkelt att lägga ut information på webben, information kan därför läggas ut av vem som helst Uppföljningar görs inte IT får inte kosta någonting

IT och webb kostar pengar Drift och servrar Licenskostnader Personal och konsulter

Vi måste se IT och webb som en investering Användbarhet Sajten är byggd så att besökaren lätt kan ta till sig Informationen och har nytta av den Tillgänglighet Sajten är byggd så att alla besökare oavsett vilka verktyg de använder kan komma åt informationen

Hinder för användning Den grafiska formen kan vara svår att komma förbi eftersom texten är för liten Informationen kan vare en utmaning att hitta i eftersom navigationen bygger på begrepp som är främmande för användaren Interaktionen kan vara hopplös eftersom den kräver en annan webbläsare än den användaren har, eller för att menyerna har byggts med bilder som användaren inte kan se

Projektet inte effekten i fokus... Avtalet baseras på ett antal timmar och funktioner som ska levereras Målgruppernas behov, attityder och värderingar analyseras och värderas inte Upphandlingsunderlag och kravspecifikationer skapas med antaganden som grund Helhetsansvar för användargränssnittet förbises Tjänsten utvärderas inte i verklig användning

Aktiviteter som saknas Verksamhetsnytta Användarnytta - Verksamhetsprocesser - Verksamhetsmål - Verksamhetskrav - Användarmål - Användarkrav - Olika målgrupper Användarvänlighet - Informationsarkitektur - Design av interaktion - Formgivning Brist på användarcentrering största faktorn till att IT-projekt misslyckas Teknik - Systemarkitektur - Tekniska krav Figur tagen från avhandlingen Mind the Gap, Markensten 2005

Verksamhetsexpertis och användning i fokus Affärsmål: Varför? Vad? Beslut drivs av affärsmål Hur? Studier av användning Insamling av verksamhetskrav Analys och prioriteringar Prototyputveckling Utvärdering Upphandling och avtal Krav Krav Personas Övergripande krav (Scenarios) Konceptuell design Utvärderad prototyp Detaljerad kravspecifikation Krav synkroniseras med tekniska möjligheter och begränsningar Tekniska möjligheter & begränsningar Figur tagen från avhandlingen Mind the Gap, Markensten 2005

Beställarkompetens Kunskap och erfarenheter om vilka krav som kan ställas på utvecklingsprocessen och vilka styrmedel som kan användas för att investeringen ska få så hög avkastning som möjligt styra mot förväntade effekter för användarna och för verksamheten

Vad gör oss till bra beställare? Att.. planera projektet kunna bedöma kompetensen hos leverantörerna kommunicera behov och krav övervaka och följa utvecklingsprocessen utvärdera framsteg och resultat

Vägledningen 24-timmarswebben Att bli en bättre beställare Bedöma leverantörerna Ställa krav på utvecklingsprocessen Kontrollera det tekniska utförandet Verksamhetsnytta Användarnytta Användarvänlighet Teknik

Att bli en bättre beställare Öka förmågan att bedöma leverantörernas kompetens Ställ krav på utvecklingsprocessen Kontrollera det tekniska utförandet

Bedöma leverantörer Tydliga krav och upphandlingsunderlag -> bättre möjlighet till bedömning Använd utslagsfrågor Ta in arbetsprover och referenser Beskriv istället för ja/nej-frågor

Att bli en bättre beställare Öka förmågan att bedöma leverantörernas kompetens Ställ krav på utvecklingsprocessen Kontrollera det tekniska utförandet

Ställa krav på processen Process och metodkrav 1(2) Vi förutsätter att leverantören driver en iterativ systemutvecklingsprocess. Beskriv hur ni avser att driva projektet. Målgrupps- och behovsanalyser Beskriv hur ni kommer att arbeta med målgruppsanalyser och kravinsamling. Ange referenser för tidigare genomförda målgruppsanalyser. (Vägledningen 24-timmarswebben 1.1.1, 1.1.3, 1.1.4, 1.1.6) Interaktionsdesign och prototyputveckling Projektet ska löpande leverera skisser och specifikationer som beskriver användargränssnitt och funktioner. Ange referenser för tidigare genomfört prototyparbete. (Vägledningen 24-timmarswebben 1.1.7, 1.1.8)

Ställa krav på processen Process och metodkrav 2(2) Användningstester Funktioner och skisser som tas fram ska användningstestas löpande under projektet. Beskriv hur ni vill planera och genomföra användningstester samt hur ni avser att använda och återrapportera resultatet från användningstesterna. Ange referenser för tidigare genomförda användningstester. (Vägledningen 24-timmarswebben 1.1.8, 6.1.1, 6.1.4) Informationstrukturering Beskriv vilka metoder ni kommer att använda för att garantera en ínformationsstruktur som blir så logisk som möjligt. (Vägledningen 24-timmarswebben 4.1.3) Bemanning Ange vilka kompetenser ni vill bemanna projektet med.

Att bli en bättre beställare Öka förmågan att bedöma leverantörernas kompetens Ställ krav på utvecklingsprocessen Kontrollera det tekniska utförandet

Kontrollera det tekniska utförandet Mallar och tekniskt utförande 1(5) Webbplatsen ska kodas och byggas enligt standard. Se 3.1.1. 3.1.2, 3.1.3. Beskriv vilken av standarderna i Bilaga 4 (Vägledningen 24-timmarswebben 2.0) som ni förespråkar och varför. Samtliga mallar i webbplatsen/tjänsten ska innehålla följande information: Fält för att ange informationsansvarig (2.1.8) Vilken organisation som är utgivare till webbplatsen till exempel i form av en logotype (2.1.9) När informationen senast granskades eller uppdaterades (2.1.10) Länkar till startsidan och andra sidor som är viktiga för orienteringen. Startsidan ska kallas för startsida (4.1.8, 4.1.9) Typsnitt, spaltbredd och radavstånd ska väljas i enlighet med 4.1.14, 4.1.1.5 och 4.1.16. Beskriv hur ni säkerställer att utformningen av mallarna bidrar till konsekvent navigering, utformning och presentation (4.1.1)

Kontrollera det tekniska utförandet Mallar och tekniskt utförande 2(5) Stilmallar, script och utskrift Webbplatsen ska kodas i enlighet med riktlinjerna nedan: Stilmallar ska användas för att styra presentation och layout (4.2.2) Webbplatsen ska kunna användas även om stilmallarna inte kan tolkas (4.2.3) Relativa mått ska användas(4.2.5) Vid användning av script se till att sidorna fungerar även utan script (4.2.6) Webbplatsen ska ha en speciell 404-sida (4.2.9)

Kontrollera det tekniska utförandet Mallar och tekniskt utförande 3(5) Stilmallar, script och utskrift (forts) Webbplatsen ska gå att använda oberoende av inmatningsenhet (4.2.10) Utnyttja webbläsarnas inbyggda funktioner för att hantera utskrift. (4.2.16) Webbplatsens eller webbsidans huvudsakliga språk ska anges (5.1.8) Ange datum enligt standard 2005-05-05 (5.1.10) Beskriv hur verktyget ger stöd för att lägga till alternativ text till bilder (5.1.11)

Kontrollera det tekniska utförandet Mallar och tekniskt utförande 4(5) Tabeller och formulär Beskriv hur redaktörsgränssnittet ger stöd för att utforma tabeller och formulär i enlighet med riktlinjerna i Vägledningen 24-timmarswebben. Tabeller: 4.3, 4.3.1-4.3.4, Formulär: 4.4, 4.4.1-4.4.5 Metadata och sök Beskriv hur och i hur stor utsträckning ni kan uppfylla följande krav i enlighet med Vägledningen 24-timmarswebben: 4.6.1 Ge alla sidor en titel 4.6.2 Använd metadata på så många sidor som möjligt 4.6.3 Använd metadata för sökmotorinstruktioner 4.7.2 Sökfunktionen bör finnas på eller vara tillgänglig från alla sidor 4.7.3 Ange i vilken källa sökningen görs 4.7.4 Gör det möjligt att söka på de ord som användarna är vana vid 4.7.5 Erbjud tydliga träffsidor

Kontrollera det tekniska utförandet Mallar och tekniskt utförande 5(5) Validering Mallar för såväl funktioner och tjänster som stilmallar ska valideras i enlighet med vald standard. Mallar som inte validerar kommer inte att godkännas för leverans. Valideringsprotokoll för samliga mallar ska bifogas vid leverans. (Vägledningen 24-timmarswebben 4.8.1) W3C:s uppmärkningsspråksvalidering: http://validator.w3.org W3C:s stilmallsvalidering (css-validering): http://jigsaw.w3.org/css-validator/

Att bli en bättre beställare Styr mot effekter Behandla IT och webb som integrerat med verksamheten Öka förmågan att bedöma leverantörerna Ställa krav på utvecklingsprocessen Kontrollera det tekniska utförandet