Kundeseminar April 2014, universell utforming og cookie loven
Download as PPTX, PDF0 likes411 views
Nytt i CorePublish, Universell utforming, Cookie loven, Designtrender
Kundeseminar April 2014, universell utforming og cookie loven
- 1. KUNDESEMINAR April 2014 Sandefjord - Oslo - Sandnes
- 2. Agenda 09:00 - 09:30 Status CoreTrek 09:30 - 09:45 Nytt i CorePublish 09:45 - 10:30 Universell utforming og cookie-loven 10:30 - 10:45 Kaffe 10:45 - 11:30 Semantisk web og personaliserte websider 11:30 - 12:00 Trender i markedet 2
- 4. Generelt – hovedsaker 2013 • Det går fint for CoreTrek o Stadig nye kunder o Vekst i 2013 på 20 % fra 20 til 24 mill. i omsetning o Bra resultat på 3,6 mill. (15 % resultatgrad) • Flyttet kontor i Sandnes til Sandnes sentrum • Gjenvalgt av Oslo kommune og Lyse • Mange nye funksjoner i CorePublish • CoreTrek skal satser enda mer som komplett web partner helst med lokale kontorer rundt i Norge 4
- 5. CoreTrek - bemanning • Vi er i dag 23 ansatte o Sandnes – 8 ansatte o Sandefjord – 15 ansatte • Produktutvikling – 3 ansatte • Drift & support – 2 ansatte • Rådgivere & webdesign – 4 ansatte • Utviklere – 10 ansatte • Administrasjon og møtebooking – 4 ansatte • 3 nye vil starte i mai + juni • Studenter hjelper til etter behov med innholdsproduksjon 5
- 7. Noen utvalgte løsninger • For å vise litt hva vi lager har vi valgt ut noen løsninger som vi har laget til eksisterende og nye kunder i 2013 • «Alle» løsninger lages i dag med responsive sider • Vi utvikler mye tilleggsløsninger som .. o Integrasjoner o Spesialprogrammer o Avanserte skjema o Integrerte web-shop’er 7
- 8. Lyse • www.lysekonsern.no og www.lyse.no • Responsive sider med utskifting av bilder • SVG interaktiv grafisk presentasjon (alternativ til flash) • Interaktive grafer 8
- 9. Prior • www.prior.no • Responsive sider med sidemeny på mobil • Salgskonkurranse • Visning av bilder fra instagram 9
- 10. Pronova – smartboard i produksjon • Interaktiv smartboardløsing i produksjon • Erstatter alt av status, skiftrapporter og sporing 10
- 11. Felleskjøpet – integrert webshop • www.fkra.no • Integrert webshop for PC og mobil (Ateles) 11
- 12. Hyttetorget - integrert webshop • www.hyttetorget.no • Sømløst integrert webshop (Gurusoft webshop) 12
- 13. AtB – integrerte ruteplaner • www.atb.no • Integrerte ruteplaner • Kundebehandlingssystem 13
- 14. Høgskolen Buskerud Vestfold • www.hbv.no • Romløsning • Studietilbud • Intranett • Instagram 14
- 15. Helse Nord • www.finnmarkssykehuset.no • Første sykehus med mobilvennlige nettsider 15
- 16. «Rullende» kampanjesider • www.Thulefjord.no og www.byfjordparken.no • Kampanjesider som «ruller» nedover 16
- 17. Tellefsdal – ny standardmal • www.tellefsdal.no • Ny standardmal med galleri og personvisning 17
- 18. Nortrail – interaktivt kart • www.nortrail.no • Interaktivt kart med mouseover effekt 18
- 19. Naturvernforbundet - tidslinje • www.naturvernforbundet.no • Jubeleumssiden «NNV 100 år» med egen tidslinje 19
- 20. Bastø Fosen • www.basto-fosen.no • Innebygde rutetabeller • SMS varsling • Kø varsling • Enkel mobilvisning 20
- 21. Noen nye nettsteder som kommer.. • Torghatten • FosenNamsos Sjø • SnapDrive • Norges Bygdeungdomslag • Atferdssenteret • Naturviterne • Folketrygdfondet • Noorsi • Sivilombudsmannen • Varmeteknikk 21 • Tyrilistiftelsen • Eidesvik • Cyviz • Unitech Resourses • add energy • Norway Bussekspress • Odd Fellow • OFV • Flere mobilsier
- 22. UNIVERSELL UTFORMING Er ditt nettsted lovlig?
- 23. Hva er universell utforming (uu) • Universell utforming betyr at produkter og tjenester skal utvikles slik at alle mennesker i en gitt målgruppe skal kunne bruke teknologien på en hensiktsmessig måte. 23
- 24. Nye forskrifter • Diskriminerings- og tilgjengelighetsloven (2008). • Nye IKT-løsninger skal være universelt utformet fra 1. juli 2014. IKT-løsninger som er kjøpt eller bestilt etter denne datoen skal være universelt utformet fra lansering. • Gjelder løsninger som henvender seg til publikum. • Eksisterende IKT-løsninger skal være universelt utformet innen 1. januar 2021. • Bakgrunnen for tidsfristene er at virksomhetene skal få tid til å tilpasse seg kravene.
- 25. Hvem gjelder det for? • Private og offentlige virksomheter, lag og organisasjoner som bruker nettsteder eller automater som hovedløsning for å henvende seg til allmenheten. • Gjelder med andre ord ikke for intranett eller andre interne IT-systemer (ERP, Lønn, HR ++). 25
- 26. Hvor kommer dette fra? 26 (World Wide Web Consortium) W3C (Web Accessibility Initiative) WAI (Web Content Accessibility Guidelines) WCAG 2.0 Dette er en organisasjon som setter viktige standarder for hva tilgjengelighet på internett skal være. En arbeidsgruppe som har til ansvar å «utvikle strategier, retningslinjer og ressurser med det formål å gjøre internett tilgjengelig for mennesker med funksjonshemning». WCAG 2.0 er retningslinjene som forklarer hvordan innhold på nettsider kan gjøres mer tilgjengelig for personer med nedsatt funksjonsevne. Slikt innhold omfatter blant annet tekst, bilder, lydklipp, video og hvordan nettsiden er kodet.
- 27. Hjelpemidler for blinde og svaksynte • Leselist (omformer teksten til punktskrift) • Talesynteser (lagt til rette for oppleserverktøy) • Skjermforstørrer • Tastatur (TAB) 27
- 28. Prinsippene 28 • De oransje viser de 35 kriteriene som må følges for at loven oppfylles. • De grønne viser de strengeste kriteriene som man kan velge å følge dersom man vil være «best i klassen». • http://uu.difi.no/veiledning/n ettsider/krav-til- nettlosninger/krav-wcag
- 29. Er kravene urimelige? Nei, det flere andre fordeler med å følge uu kriteriene. • Økt synlighet i Google og Bing • Overholder gjeldende lovverk • Bedre muligheter for økt gjenbruk • Hjelper til med å lage et bedre nettsted 29
- 30. Går dette ut over design? • Visuell presentasjon og layout bør først og fremst styres gjennom stilark (CSS) og ikke gjennom bruk av formateringer i HTML-dokumentet. 30 Svart på hvitt Hvitt på svart Gult på svart Svart på gult Hvitt på blått Blått på hvitt
- 31. 31 KAN BØRMÅ uu
- 32. Hva gjør vi? 32 • uu påvirker alle deler av prosjektet • Vi tenker uu «hele veien»
- 33. Testing • http://validator.w3.org/ (Tester HTML) • http://jigsaw.w3.org/css-validator/validator.html.en (Tester CSS) • http://wave.webaim.org/ (Tester farger og semantikk) • http://www.paciellogroup.com/resources/contrastAnalyser (Tester kontrast og skriftstørrelse) • https://addons.mozilla.org/en-US/firefox/addon/fangs-screen-reader-emulator/ (Tester hvordan en oppleser) 33
- 34. Noen råd • Bruk tabeller for å vise data, ikke for å plassere tekst eller bilder • Unngå fyllord i innhold. Enklest er best. • Bruk meningsbærende lenker (unngå «les mer»), og ikke overdriv antallet • Unngå farge bak tekst • Unngå tekstformateringer i WYSIWYG-feltet • Bruk meningsbærende overskrifter, også i tabeller. Bruk predefinerte stiler (css) 34
- 35. COOKIES
- 36. Hva er det og hva skal vi med dem? • En informasjonskapsel (cookie) er en liten tekstfil som lastes ned og lagres på brukerens datamaskin når man åpner en nettside. Informasjonskapselen brukes for eksempel til å lagre innloggingsdetaljer, huske handlekurv i nettbutikken eller registrere hvor brukeren beveger seg på nettstedet. • Informasjonskapsler kan være nyttige både for eieren og brukeren av en nettside. Eieren av nettsiden kan tilpasse tjenesten ut fra informasjonen som lagres. For brukeren kan besøk på nettsiden oppleves mer brukervennlig og tilpasset. 36
- 37. Nye regler • Fra og med 1. juli må alle norske nettsteder som benytter cookies/informasjonskapsler innhente brukernes samtykke fra brukeren om at disse kan lagres på brukerens kommunikasjonsenhet. Endringen skjer i forbindelse med at en revidert utgave av Lov om elektronisk kommunikasjon (Ekomloven), trer i kraft 1. juli i år. 37
- 38. Loven • Lagring av opplysninger i brukers kommunikasjonsutstyr, eller å skaffe seg adgang til slike, er ikke tillatt uten at brukeren er informert om hvilke opplysninger som behandles, formålet med behandlingen, hvem som behandler opplysningene, og har samtykket til dette. Første punktum er ikke til hinder for teknisk lagring av eller adgang til opplysninger: utelukkende for det formål å overføre kommunikasjon i et elektronisk kommunikasjonsnett som er nødvendig for å levere en informasjonssamfunnstjeneste etter brukerens uttrykkelige forespørsel. 38
- 39. Hva gjør vi • Vi hjelper deg med å forfatte en artikkel der det står om hvilke cookies som benyttes, hva de brukes til, og hvordan brukeren kan slette cookies i nettleser • Sørger for at du har en lenke til artikkelen om cookies på forsiden 39
- 40. 40
- 41. TRENDER I MARKEDET Ett skritt frem og to tilbake?
- 42. Noen utvalgte designtrender • Universell utforming setter noen standarder • Vi går mer tilbake til understreking av lenker • Store fonter • Mye luft • Kontrast • Flatt design • Piktogrammer • Semantisk web og personaliserte sider • Multikanal og mobil 42
- 43. 43
- 44. 44
- 45. Generelle trender • Vi tror følgende vil være høyt på agendaen i 2014: o Universell utforming (uu) o Responsive nettsteder (RWD og RESS) o Personaliserte nettsteder o Semantiske løsninger 45