SlideShare une entreprise Scribd logo
1  sur  12
UU programmering på UDI.no 
Stian Westvig  Bouvet 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
Hvordan programmere UU? 
• Følge kodestandarder 
• Strukturering av nettsiden 
• Tab navigering 
• Arbeidsmetode hos UDI 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
Skrive god HTML 
Online verktøy: 
validator.w3.org 
Validere HTML: Sjekke om kode 
tilfredsstiller alle krav 
Også CSS: Stilingen av nettsiden 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
Dokumentstruktur 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
Tabnavigering 
• Bruke nettsiden med tastatur 
• I stedet for mus 
• Hva er markert? 
– Kontrast farger 
• Rekkefølge 
• Snarveier 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 
6 28.08.2014
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
TEAMWORK PÅ UDI.NO 
Arbeidsmetode 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
ETTER 14 DAGER UTVIKLING 
Sjekkliste 
• Validerer HTML? 
• Validerer CSS? 
• Dokumentstruktur OK? 
• Sjekk tabnavigering 
I tillegg: 
• Laster siden under 1 sekund? 
• YSlow karakter “A” 
• Demo/”bevis” for kunden 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 
9 28.08.2014
Tar ikke dette lengre tid? 
• Jo 
• Mer kompleksitet 
• Men: 
– Høyere kvalitet 
– Vi lærer underveis 
– Slipper i ordne i etterkant 
– Google optimalisert 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 
10 28.08.2014
NÅR EKSPERTENE ER UENIGE 
Hvem har mest rett? 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 
11 28.08.2014
Takk for meg 
Spørsmål? 
stian.westvig@bouvet.no 
stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT

Contenu connexe

Plus de Bouvet ASA

Intranett integrasjon for departemente - lars marius garshol
Intranett integrasjon for departemente - lars marius garsholIntranett integrasjon for departemente - lars marius garshol
Intranett integrasjon for departemente - lars marius garshol
Bouvet ASA
 
Bouvet innsikt samhandling
Bouvet innsikt   samhandlingBouvet innsikt   samhandling
Bouvet innsikt samhandling
Bouvet ASA
 
Innsikt - SharePoint arbeidsflyter
Innsikt - SharePoint arbeidsflyterInnsikt - SharePoint arbeidsflyter
Innsikt - SharePoint arbeidsflyter
Bouvet ASA
 
Foredrag om sosiale medier av Carl Christian Grøndahl
Foredrag om sosiale medier av Carl Christian GrøndahlForedrag om sosiale medier av Carl Christian Grøndahl
Foredrag om sosiale medier av Carl Christian Grøndahl
Bouvet ASA
 

Plus de Bouvet ASA (16)

Christian Stensholt: Smidig gjør oss LEANe
Christian Stensholt: Smidig gjør oss LEANeChristian Stensholt: Smidig gjør oss LEANe
Christian Stensholt: Smidig gjør oss LEANe
 
Jon Kåre Stene - Hvorfor LEAN?
Jon Kåre Stene - Hvorfor LEAN?Jon Kåre Stene - Hvorfor LEAN?
Jon Kåre Stene - Hvorfor LEAN?
 
Hvordan få forretningsverdi av Big Data - Lars Marius Garshol
Hvordan få forretningsverdi av Big Data - Lars Marius GarsholHvordan få forretningsverdi av Big Data - Lars Marius Garshol
Hvordan få forretningsverdi av Big Data - Lars Marius Garshol
 
Hvordan bygge Big Data - Axel Borge
Hvordan bygge Big Data - Axel BorgeHvordan bygge Big Data - Axel Borge
Hvordan bygge Big Data - Axel Borge
 
Hva er Big Data - Lars Marius Garshol
Hva er Big Data - Lars Marius GarsholHva er Big Data - Lars Marius Garshol
Hva er Big Data - Lars Marius Garshol
 
Fra Big Data til Small Data - Ina Svarød
Fra Big Data til Small Data -  Ina SvarødFra Big Data til Small Data -  Ina Svarød
Fra Big Data til Small Data - Ina Svarød
 
Intranett integrasjon for departemente - lars marius garshol
Intranett integrasjon for departemente - lars marius garsholIntranett integrasjon for departemente - lars marius garshol
Intranett integrasjon for departemente - lars marius garshol
 
Digital dannelse
Digital dannelseDigital dannelse
Digital dannelse
 
Bouvet innsikt samhandling
Bouvet innsikt   samhandlingBouvet innsikt   samhandling
Bouvet innsikt samhandling
 
Innsikt - SharePoint arbeidsflyter
Innsikt - SharePoint arbeidsflyterInnsikt - SharePoint arbeidsflyter
Innsikt - SharePoint arbeidsflyter
 
Ta styringen!
Ta styringen!Ta styringen!
Ta styringen!
 
Mennesker er målet.
Mennesker er målet.Mennesker er målet.
Mennesker er målet.
 
Foredrag om sosiale medier av Carl Christian Grøndahl
Foredrag om sosiale medier av Carl Christian GrøndahlForedrag om sosiale medier av Carl Christian Grøndahl
Foredrag om sosiale medier av Carl Christian Grøndahl
 
Faktabasert søk med Recommind
Faktabasert søk med RecommindFaktabasert søk med Recommind
Faktabasert søk med Recommind
 
Ut av siloene
Ut av siloeneUt av siloene
Ut av siloene
 
Virtuoso: Semantikk som skalerer!
Virtuoso: Semantikk som skalerer!Virtuoso: Semantikk som skalerer!
Virtuoso: Semantikk som skalerer!
 

Stian Wetvig: Erfaringer fra utvikling av universelt utformede nettsider for UDI

  • 1. UU programmering på UDI.no Stian Westvig  Bouvet stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 2. stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 3. Hvordan programmere UU? • Følge kodestandarder • Strukturering av nettsiden • Tab navigering • Arbeidsmetode hos UDI stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 4. Skrive god HTML Online verktøy: validator.w3.org Validere HTML: Sjekke om kode tilfredsstiller alle krav Også CSS: Stilingen av nettsiden stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 6. Tabnavigering • Bruke nettsiden med tastatur • I stedet for mus • Hva er markert? – Kontrast farger • Rekkefølge • Snarveier stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 6 28.08.2014
  • 7. stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 8. TEAMWORK PÅ UDI.NO Arbeidsmetode stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT
  • 9. ETTER 14 DAGER UTVIKLING Sjekkliste • Validerer HTML? • Validerer CSS? • Dokumentstruktur OK? • Sjekk tabnavigering I tillegg: • Laster siden under 1 sekund? • YSlow karakter “A” • Demo/”bevis” for kunden stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 9 28.08.2014
  • 10. Tar ikke dette lengre tid? • Jo • Mer kompleksitet • Men: – Høyere kvalitet – Vi lærer underveis – Slipper i ordne i etterkant – Google optimalisert stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 10 28.08.2014
  • 11. NÅR EKSPERTENE ER UENIGE Hvem har mest rett? stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT 11 28.08.2014
  • 12. Takk for meg Spørsmål? stian.westvig@bouvet.no stian.westvig@bouvet.no BOUVET ASA ØKT | DIGITAL | EFFEKT

Notes de l'éditeur

  1. Stian Westvig, frontend i Bouvet Prate om erfaringer fra UDI.no prosjektet
  2. UDI – ny nettside I år - Utfordringer  språk  asylsøkere Fokus: UU + raskhet + enkelhet 1 år Bouvet + FunkaNU
  3. Fokus – noen grep på UDI
  4. Bruke muligheter I HTML - Skjema – labels - Bilder – alt text - Javascript - backup Validering – ingen feil I HTML Solid side - Vises riktig i nettlesere - Zoom Demo: vise at udi.no validerer html
  5. Som Word Overskrift 1, 2 ,3 Hvorfor  forutsetning for opplesning
  6. Tab –> Fokus på lenkene Kan / Vil bruke mus Ikke demo enda.
  7. UDI. Demo: UDI Snarveier Kuttet hjem Til innholdet Demo: vg.no - Standard outline - SKJULTE fokus
  8. Hvordan sikre UU Forandrer  kanskje ødelegger
  9. Fungerer alt fortsatt? UDI presentasjon  alt OK
  10. Nye metoder Testing tar tid Tilbake til start Første gang
  11. Til slutt - Brukertesting FunkaNu MediaLT – Begge firmaer som er ekspert på UU Ulike konklusjoner  direkte I konflikt Vi har ikke funnet de beste løsningene enda - BYGG SOLID –vil dukke opp etterhvert som flere jobber med Universell Utforming.