Den gode. hjemmeside. Oplæg v/ chefrådgiver Randi Hovmann

Transkript

1 Den gode hjemmeside Web-workshop Kommunernes Landsforening Oplæg v/ chefrådgiver Randi Hovmann December 2012

2 2

3 CROSS MEDIA Dagsorden Intro: - Formålet med i dag - Ølkassen Situation Tendenser: - Content first - Sociale medier - Mobilløsninger - Samarbejde Kilder 3 3

4 Formålet med i dag 1 Bedre rustet til at håndtere platformsudfordringen 2 Prøv samarbejde

5 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

6 Kontakt Kontakt Kort om Advice Digital

7 VI DESIGNER BRUGEROPLEVELSER, DER SKABER FORRETNING. PÅ TVÆRS AF PLATFORME. OG MED INDSIGT I BRUGERNES BEHOV. 7

8 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

9 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 10

11 DEN GODE HJEMMESIDE 11

12 = DEN GODE KOMMUNE 12

13 FOR HVEM? 13

14 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

15 Situation Kontakt

16 Bedst på nettet

17 # 1og drift # # 2og 3og drift drift 17

18 Bedst på nettet

19 Viborg Kommune Content first Pilotprojekter på sociale medier Traditionel hjemmeside 19

20 Bornholms Kommune 20

21 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

22 København og Guldborgsund Google som forbillede Teknisk søgeresultat Behov for at finde nål i høstak 22

23 Å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

24 Samarbejde 24 Samarbejde Ens udfordringer Konsolidering

25 Go Basic Økonomi- og Indenrigsministeriet 25 Samarbejde Ens udfordringer Konsolidering

26 26 Hvad synes brugerne om de kommunale Facebook Sider Begejstrede brugere Nye målgrupper Image Kilde: KL: Kommunerne på Facebook 2012

27 27 Typisk dansk virksomhed/organisation Forretning IT PR Marketing Kom HR Salg Konsolidering Branding Investorer Rekruttering Kampagner Leads

28 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

29 Tendenser Kontakt

30 2 muligheder for kommunerne Samarbejde Adressere platformsudfordringen 30

31 Samarbejde Kontakt

32 FIND DE GODE EKSEMPLER OG GENBRUG DEM (IKKE FLERE DYBE TALLERKNER) 32

33 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

34 Design 34

35 Design - responsivt Smukkere design -> Bedre brugervenlighed Responsivt design 35

36 Guideforløb - private Isoler enkelthandlinger Tænk i flow 36

37 Guideforløb - private 37

38 Guideforløb - private Isoler enkelthandlinger Tænk i flow 38

39 Guideforløb - offentlige Udgangspunkt i brugernes behov Visuel tankegang Optimistisk tro på rationalitet 39

40 Resultatvisning 40 Visuelle resultatvisninger Brugervenlige indstillingsmuligheder

41 Resultatvisning 41 Visuelle resultatvisninger Brugervenlige indstillingsmuligheder

42 Indholdsarbejde 42 ½ eget indhold ½ fra Borger.dk Kvalitetssikring? Relevans?

43 DEL DET I LAVER MED DE ANDRE KOMMUNER SÆT TAL PÅ I ER IKKE ALENE 43

44 Platformsudfordringen Kontakt

45 Platformsudfordringen Content first - tænk i flere kanaler, ikke kun hjemmeside Sociale medier (emne i januar) Mobilløsninger - responsivt webdesign (emne i januar) 45

46 Content first Kontakt

47 Illustration inspireret af 47

48 48

49 49

50 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

51 VI SKAL FLYTTE BLIKKET FRA ENHEDSSPECIFIK LØSNING TIL AT KIGGE PÅ SERVICE SOM HELHED 51

52 Andre services/servere Leverandører af services og indhold Vores services Web Mobil TV Tablet Sociale medier Brugernes samlede interaktion med jer 52

53 Det betyder at første step er 1 Adskil indhold & design 53

54 Det betyder at andet step er 2 Forstå brugernes behov på tværs af platforme 54

55 Det betyder at tredje step er 3 Design service på tværs af platforme 55

56 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

57 TAK Venlig hilsen Randi Hovmann, Advice Digital

58 58 De bedste kilder %20Medier%20til%20DRRB.pdf