Den gode hjemmeside Web-workshop Kommunernes Landsforening Oplæg v/ chefrådgiver Randi Hovmann December 2012
2
CROSS MEDIA Dagsorden Intro: - Formålet med i dag - Ølkassen Situation Tendenser: - Content first - Sociale medier - Mobilløsninger - Samarbejde Kilder 3 3
Formålet med i dag 1 Bedre rustet til at håndtere platformsudfordringen 2 Prøv samarbejde
Hvor er I? 2 2 Hvad er situationen for jeres hjemmeside i dag - ny/ældre - vi har en plan - den er fjong Har I indsatser på andre platforme - mobil - sociale medier - andet 5
Kontakt Kontakt Kort om Advice Digital
VI DESIGNER BRUGEROPLEVELSER, DER SKABER FORRETNING. PÅ TVÆRS AF PLATFORME. OG MED INDSIGT I BRUGERNES BEHOV. 7
PRÆSENTATION AF ADVICE DIGITAL A/S Vi deler lokaler med: 2002 var året vi kom til verden 23 mio. kr. i omsætning ca. 18 specialister i User experience 108 kollegaer på Gammel Kongevej 8
PRÆSENTATION AF ADVICE DIGITAL A/S Vi designer brugeroplevelser, der skaber forretning. På tværs af platforme. Og med indsigt i brugernes behov. Produkter Lidt af de ting vi laver Webportaler Apps Corporate sites Intranet Mobile sites Sociale netværk 9
10
DEN GODE HJEMMESIDE 11
= DEN GODE KOMMUNE 12
FOR HVEM? 13
Det skal oplægget handle om Hvad der virker/ikke virker ved hjemmesider, altså hvad giver den ønskede effekt Hvad får brugerne til at gøre det, som vi gerne vil have dem til at gøre Konkrete eksempler på hjemmesider, der virker eller ikke virker efter hensigten En række principper for den gode hjemmeside Kommunerne skal bruge oplægget som inspiration til deres videre arbejde Tendenserne lige nu Hvad kan I gøre for at være på forkant Bredere tilgang: Ikke kun hjemmeside, men flere platforme Smallere tilgang: Generelle råd bliver for brede. Hellere enkelt-eksempler på god service 14
Situation Kontakt
Bedst på nettet 2011 16
# 1og drift # # 2og 3og drift drift 17
Bedst på nettet 2011 18
Viborg Kommune Content first Pilotprojekter på sociale medier Traditionel hjemmeside 19
Bornholms Kommune 20
Bornholms Kommune 25 % bruger søgefeltet Der er for mange søgeresultater Konsolidering af sites (fx vedr. subsites) Centralisering af webmasteropgaven (fx børnehaver) 21
København og Guldborgsund Google som forbillede Teknisk søgeresultat Behov for at finde nål i høstak 22
Århus kommune 23 Rent teknisk er det interessant, at aarhus.dk ikke er født med responsive design, men at vi efterfølgende har tilpasset teknologien. Det viser, hvor vigtigt det er at være på en platform, som er fleksibel og let at tilpasse ny teknologi. Christian Ruud, Pentia Responsivt webdesign Klassisk website Myndighed
Samarbejde 24 Samarbejde Ens udfordringer Konsolidering
Go Basic Økonomi- og Indenrigsministeriet 25 Samarbejde Ens udfordringer Konsolidering
26 Hvad synes brugerne om de kommunale Facebook Sider Begejstrede brugere Nye målgrupper Image Kilde: KL: Kommunerne på Facebook 2012
27 Typisk dansk virksomhed/organisation Forretning IT PR Marketing Kom HR Salg Konsolidering Branding Investorer Rekruttering Kampagner Leads
Udfordringer Der er det samme på alles sider Kommunerne tænker i teknik og digitalisering Mange af hjemmesiderne er udesignede Kommunerne skal spare Strategierne falder over hinanden I mange kommuner ved man ikke hvad de laver i de andre afdelinger og i de andre kommuner 28
Tendenser Kontakt
2 muligheder for kommunerne Samarbejde Adressere platformsudfordringen 30
Samarbejde Kontakt
FIND DE GODE EKSEMPLER OG GENBRUG DEM (IKKE FLERE DYBE TALLERKNER) 32
De gode eksempler 2 2 Gå ind på en kommunehjemmeside det må gerne være jeres egen. Find et eksempel på en god og brugervenlig servicefunktion. Hvad er godt ved den? 33
Design 34
Design - responsivt Smukkere design -> Bedre brugervenlighed Responsivt design 35
Guideforløb - private Isoler enkelthandlinger Tænk i flow 36
Guideforløb - private 37
Guideforløb - private Isoler enkelthandlinger Tænk i flow 38
Guideforløb - offentlige Udgangspunkt i brugernes behov Visuel tankegang Optimistisk tro på rationalitet 39
Resultatvisning 40 Visuelle resultatvisninger Brugervenlige indstillingsmuligheder
Resultatvisning 41 Visuelle resultatvisninger Brugervenlige indstillingsmuligheder
Indholdsarbejde 42 ½ eget indhold ½ fra Borger.dk Kvalitetssikring? Relevans?
DEL DET I LAVER MED DE ANDRE KOMMUNER SÆT TAL PÅ I ER IKKE ALENE 43
Platformsudfordringen Kontakt
Platformsudfordringen Content first - tænk i flere kanaler, ikke kun hjemmeside Sociale medier (emne i januar) Mobilløsninger - responsivt webdesign (emne i januar) 45
Content first Kontakt
Illustration inspireret af http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/ 47
48
49
Begå ikke den samme fejl igen! De sidste 15 år har rigtig mange tilrettelagt deres digitale formidling og services på en måde, så de primært er tilrettelagt mod at skulle bruges på en bærbar eller stationær computer. Mobile tiltag er i høj grad besværliggjort af denne designfejl, da mange er i den situation, at de skal lave om for at bygge nyt. Mobiltelefoner er kun en enhedstype, som vi fremadrettet skal forholde os til. Der kommer mange flere, og hvis det er muligt, så bør man allerede nu tænke det ind i sine teknologiske tiltag. Dvs. ADSKIL design og indhold! 50
VI SKAL FLYTTE BLIKKET FRA ENHEDSSPECIFIK LØSNING TIL AT KIGGE PÅ SERVICE SOM HELHED 51
Andre services/servere Leverandører af services og indhold Vores services Web Mobil TV Tablet Sociale medier Brugernes samlede interaktion med jer 52
Det betyder at første step er 1 Adskil indhold & design 53
Det betyder at andet step er 2 Forstå brugernes behov på tværs af platforme 54
Det betyder at tredje step er 3 Design service på tværs af platforme 55
Opsummering Samarbejd alt hvad I kan Find de gode eksempler og lad jer inspirere af dem både indenfor familien og udefra Fokuser på service som helhed ikke pr. enhed/platform Prøv de sociale medier af Tænk på tværs af platforme 56
TAK Venlig hilsen Randi Hovmann, Advice Digital Twitter: @hovmann
58 De bedste kilder http://www.nielsen.com/us/en/insights/reports-downloads/2012/state-of-the-media-the-social-mediareport-2012.html http://www.kl.dk/kommunikation/white-paper-fire-kommuner-pa-facebook-id93343/ http://blog.socialsemantic.eu/ http://www.drrb.dk/media/branchetal/mediem%c3%a5linger/pr%c3%a6sentation%20sociale %20Medier%20til%20DRRB.pdf http://sem-group.net/search-engine-optimization-blog/get-the-facts-about-social-media/ http://www.experian.com/hitwise/online-trends-social-media.html http://www.dst.dk/pukora/epub/nyt/2011/nr403.pdf http://www.dst.dk/pukora/epub/upload/17443/itanv.pdf http://www.dst.dk/da/statistik/publikationer/vispub.aspx?cid=17443 http://danskemedier.dk/wp-content/uploads/2012/11/danskernes_brug_af_internettet_2012.pdf