Archive for the 'Design' Category

En enkel side – fremover

Udgivet den 13. december 2010 i Beslutning, Design, Funktion, Projektstatus and Resultat. 0 kommentarer

Udover vores nye forside (se indlægget nedenfor) er de andre sideskabeloner på vores nye hjemmesider ved at tage form. Og også ift. dem har konceptet endnu en gang meget tydelig indflydelse på de elementer, der kommer til at indgå i de enkelte skabeloner:

Som eksempel ser du herunder et udkast til vores kommende ”almindelige indholdssider”, dvs. de sider, der præsenterer information om et emne, arrangement osv. eller indeholder en nyhed. Billedet følges af lidt forklaring omkring de enkelte elementer på siden fra top til bund. For overskuelighedens skyld er elementerne nummererede – men som ved beskrivelsen af forsiden indgår tallene selvfølgelig ikke i designet.

  1. ”Indhold”:
    Indholdet på de nye hjemmesider er – også på sider uden billeder – lidt mere spændende at se på – hvilket matcher godt med designkonceptet, der siger, at vi skal være lidt mere spændende end hidtil. Overskriften på siden er således farvet, ligesom navnet på forfatteren og den lille pil foran sammendraget. Og selv om det ikke er med i dette eksempel, får vi fremover også mulighed for at trække et citat ud af teksten vha. større font og lidt farver – også dette for at gøre siden lidt mere inspirerende at se på.
  2. Billedet:
    Vi har en ambition om at blive bedre til at bruge billeder ifm. vores indhold – og muligheden er i hvert fald tænkt ind i konceptet.
  3. Feltet med den orange baggrund:
    Dette felt er et af de mange elementer på siden, der skal hjælpe med at involvere dem, der lige har læst indholdet yderligere. For som konceptet siger, skal vi blive ved med at tilbyde mere af relevans, og vi skal blive ved med at inspirere. I det her tilfælde har vi via feltet mulighed for at linke til et evt. tema-område andetsteds på sitet, som relaterer sig til det, indholdet på siden omhandler.
  4. Ordene med grå baggrund i bunden af siden:
    Ordene med grå baggrund er såkaldte ”tags”, dvs. emneord, som er tilknyttet indholdet. Ved at klikke på et af enmeordene kan brugerne komme videre til en side, der viser alle sider, der omhandler dette emne. Endnu en måde at komme videre på, når man har læst færdig på siden.
  5. Kontaktinformationer:
    Som på vores nuværende hjemmesider lægger vi en ære i, at der ikke skal være en side uden kontaktperson. Det skal altid være nemt og lige til at komme i kontakt med den, der ved noget om indholdet på siden. Ift. de nye hjemmesider vises kontaktinformationen uden at man først skal folde noget ud. Og det kan fortsat være fællesnummeret på en afdeling, der vises (hvis det er mest hensigtsmæssig, at brugeren taler med næst ledige rådgiver), eller forfatteren/den faglig ansvarlige for indholdet.
  6. Boksen med publikationer:
    I højere margen har vi mulighed for at supplere indholdet med endnu flere relaterede informationer. Det kan være links til publikationer…
  7. Boksen med links:
    …det kan være relaterede links til andre hjemmesider. Eller (ikke med på dette billede) det kan være links til relaterede nyheder på vores egne hjemmesider. Det kan være aktuelle arrangementer, der relaterer sig til indholdet. Det kan være en lille afstemning, der relaterer sig til indholdet. Det kan være muligheden for at tilmelde sig til et relevant nyhedsbrev.
    Og til forskel for vores nuværende hjemmesider er mange af disse muligheder baseret på tags, dvs. siden vil *altid* vise de nyeste relaterede publikationer, nyheder og arrangementer. Og det er jo det, der er relevant for brugerne.
  8. Det lille hjerte i den sorte bjælke:
    Ift. de nyhederne på sitet kan vi give brugerne mulighed for at anbefale en side, ved at klikke på et lille hjerte på siden. Denne mulighed har vi valgt for at give brugere, der måske ikke har lyst til at skrive den store kommentar til en artikel, muligheden for alligevel at give deres holdning til kende. Er artiklen anbefalelsesværdig? Klik lige på hjertet…
    Andre steder på hjemmesiden – som f.eks. her – kan brugerne så vælge at sortere indholdet ud fra hvor mange der anbefalede den. I stedet for at vise ”nyeste”, er der således mulighed for at vise ”mest anbefalede”.
  9. Indholdet under den sorte bjælke:
    Hver side på de nye hjemmesider afsluttes med et overblik over relaterede sider. I dette tilfælde viser siden under ”Mere om emnet” et overblik over de nyeste sider, der omhandler sidens emne: ”Stress”. På en nyhedsside vil samme element vise de seneste nyheder inden for det emne, nyheden omhandler. Igen… der skal være mange muligheder for at fordybe sig i stoffet og finde det rigtige.
  10. De små grå symboler:
    De små grå symboler, som vises ved de enkelte sider, som vises under ”Mere om emnet”, står for kommentarer (en lille taleboble) og anbefalinger (det lille hjerte). Ved de artikler, hvor der er en kommentarmulighed og mulighed for at anbefale, vises antallet af kommentarer og anbefalinger som tal i taleboblen og hjertet.

På samme måde som med indholdssiden, arbejder Creuna med oversigtssider til nyheder og indhold om specifikke emner, arrangementskalenderen, Magasinet Finans på hjemmesiden, samt forsider til netværk og kredse.

Arbejdet med konceptet skrider frem med store skridt

Udgivet den 25. november 2010 i Beslutning, Design, Funktion, Projektstatus, Resultat and Struktur. 0 kommentarer

Lige nu er der, som vi har fortalt, fuld fart på konceptudviklingen og herunder designet af de nye hjemmesider.

Retningen for designet er stadig den samme:

”… klassisk, enkel og stringent, men med et tvist. Der efterlyses ikke spraglede sider med alt for mange farver – men det hele skal heller ikke gå helt og holdent op i grå og sort og hvid. Generelt må der gerne være flere billeder. Og fotografier skal helst vise rigtige mennesker i genkendelige siutationer. Vi skal altså også rent visuelt mere i øjenhøjde med de besøgende.”

Ovenstående retning har Creuna fint illustreret for os med to små billedserier, der først viser noget meget klassiskt, enkelt og stringent og derefter noget, der er alle disse ting – men med et tvist.

Absolut vodka flasken

   
 klassisk   med et tvist

Et sort jakkesæt

 
 klassisk   med et tvist

Lige nu bliver flere og flere elementer udformet efter ovenstående retning – og dette ”work in progress” vil vi gerne vise noget af. Men som sagt, der er tale om et arbejde, der ikke er afsluttet, så tag gerne alt du kommer til at se i dette indlæg som mere eller mindre færdige udkast (f.eks. arbejdes der stadig rigtig meget med brugen af forbundets ”corporate farver” og fontene). Og kom rigtig gerne med dine holdninger og kommentarer, hvis du har noget, du gerne vil fortælle os – enten via kommentarfeltet nedenfor eller per mail til Nicolai eller Heike (se adresserne i boksen her til højere på siden).

Herunder ser du et udkast til vores kommende forside. Billedet følges af lidt forklaring omkring de enkelte elementer på siden fra top til bund. For overskuelighedens skyld er elementerne nummererede – men tallene indgår selvfølgelig ikke i designet :-)

  1. Logo, navigation og søgefelt:
    Mere herom lidt længere nede i dette indlæg
  2. Det store felt i toppen:
    Her fokuserer vi især på sitets rolle som sælgende ambassadør. Det er her, de gode historier om Finansforbundet skal fortælles – i klart, enkelt og i øjenhøjde. Hvorfor er vi her? Hvad kan vi hjælpe med? Hvorfor er et medlemskab i forbundet en god ting af have? Fortællingen kommer til at favne bredt – for vi er et forbund for hele sektoren. Men den kommer altid til at være relevant og nærværende, i tekst, billeder, video og hvad vi ellers måtte finde på. Og så er det meningen, at det ikke er samme historie, der vises hver gang, man kommer ind på forsiden, men at der ligger et lille forråd af historier, hvorfra der bliver valgt en tilfældig, hver gang en besøgende kommer ind på siden.
  3. Feltet med billede i venstre side:
    Her udstiller vi Finansforbundets politiske holdninger. Vi vil noget, og det skal kunne ses. De små elementer under teksten er et hjerte, som tillader brugerne at give udtryk for, om de kan lide artiklen og en lille taleboble, som tillader brugerne at kommentere teksten. Det er ikke alle tekster, der kommer til at have debatmuligheden, men vi vil have mulighed for at bruge den, hvor det er relevant. Begge elementer – hjertet og taleboblen – går i tråd med tankerne om altid at ville tilbyde vores brugere handlinger og invitere til dialog, på det niveau, som brugerne selv har lyst til (nogle vil måske ikke skrive et langt indlæg, men vil gerne lige klikke på et hjerte for at give udtryk for deres holdning).
  4. Feltet ”Hvad er din situation?” i højere side:
    Dette felt er et direkte resultat af tankerne omkring at ville afhente brugerne dér, hvor de befinder sig – i deres situation. Feltet giver således via en dropdown (i dette udkast blå) adgang til en række situationer (”På udkig efter nyt arbejde”, ”Første job”, ”På vej på barsel” m.v.)
  5. Nyheder:
    Her vises nyhederne fra forbundet sammen med en mulighed for at tilføje flere (f.eks. nyheder fra den besøgendes kreds, netværk etc.) eller filtrere nogle bort (f.eks. vise kun nyheder omkring et bestemt emne). Dette valg gemmes fra besøg til besøg, så tilbagevendende brugere kan få gen-serveret deres tilpassede forside.
  6. Presseklip:
    Her vises presseklip – ud fra den simple viden, at vores presseklip er en af de mest besøgte sider på hele vores nuværende site.
  7. Kalender:
    Her vises alle Finansforbundets arrangementer, møder, kurser, uddannelser m.v. Også her er der mulighed for at tilpasse visningen, således at brugerne kan vælge kun at få vist arrangementer et bestemt sted eller omkring et bestemt emne.
  8. ”Kampagner”:
    Her er der plads til alle de kampagner, som vi gerne vil fortælle om. Det kan være medlemsmøder, der snart finder sted, det kan være tillidsmandsvalget, det kan være ledige pladser på et bestemt arrangement… Meningen med de lidt forskudt liggende billeder (i oplægget ses tre) er, at der kan ligge en hel række af kampagner i feltet, som vil lige så stille ”cirkulere”, hvis man ikke rører feltet med musen. Det er ligeledes meningen, at det ikke er samme billede, man ser først, når man kommer ind på siden flere gange.
  9. Tillidsvalgte:
    Her ligger en særlig indgang til den del af sitet, som er målrettet de tillidsvalgte. Designet er her mindst udarbejdet… så der er ikke så meget at sige om udformningen endnu.
  10. Bundmenu:
    En af vores principper for det nye site er, at der skal være mange veje til informationen – så oven i al de forskellige indgange, som forsidens forskellige elementer indeholder, så findes der også en overbliksmenu i bunden af siden.

Menuen i toppen af alle sider er tænkt som en såkaldt mega-dropdown, dvs. en menu, der folder sig ud og indeholder information både fra det første niveau i sitets informationshierarki, men også fra andre, dybere niveauer. Fordelen med denne måde at præsentere navigationen af sitet på er, at brugerne ikke først skal klikke sig ind på f.eks. ”Aktuelt” for at se, hvad der gemmer sig derinde, men at man – som vist i billedet nedenfor – med det samme kan se, at ”Aktuelt” indeholder ”Nyheder” (og overskrifterne på de nyeste nyheder), ”Kalender” (og overskrifterne på de nyeste arrangementer og kurser), ”Magasinet Finans” (og et link til den nyeste samt ældre udgaver) og ”Nyhedsbrevet Finans” (sammen med en tilmeldingsmulighed). Samtidigt tillader en sådan mega-dropdown, at redaktørerne for sitet kan vælge, hvad der skal ligge i den, frem for at menuen bare er en 1:1-repræsentation af sitets fysiske struktur – hvilket giver gode muligheder for igen at trække det vigtige frem (jf. vægten på øget fokus i konceptet).

Nu arbejdes der videre med at få detaljerne i de ovenfor viste udkast endeligt på plads, samt med at lave sideskabeloner for kredsene, netværk, temasider, artikelsider, nyheder m.v. Ifm. med disse ”undersider” bliver de principper fra konceptet, der omhandler ”muligheder for at navigere på kryds og tværs” samt ”inspiration og handlingsmuligheder på alle sider” en stor rolle. Mere om hvordan anvendelsen af principperne udtager sig i tekst og billeder lægges her på bloggen så snart vi er kommet så langt.

Forankringsworkshop 1

Udgivet den 23. september 2010 i Beslutning, Design, Indsigt, Projektstatus, Resultat and Spørgsmål. 0 kommentarer

Nu har vi holdt forankringsworkshop’en, hvor vores bureau afrapporterede de erkendelser, der hidtil har været ovenpå deres læsning af vores dokumenter og analyser, samt de tre afholdte stakeholder workshops. Deltagerne var projektgruppen, samt Michael og Flemming.

På workshop’en tegnede sig så småt en overordnet retning for kommunikationen på de nye hjemmesider:

Vi skal  bruge hjemmesiderne til at forklare klart og præcist, hvad vi står for, hvilken værdi vi skaber for medlemmerne, samt hvad vores medlemsfordele og -tilbud er. Det handler om at synliggøre og være synlig. Og derfor er det vigtigt, at vores hjemmesider demonstrerer, hvem vi er og hvad vi leverer til vores medlemmer – på en måde, der er enkel og til at gå til.

For at kunne opnå dette, er det vigtigt, at vores sider og informationerne på dem bliver opfattet som nærværende og relevante for den enkelte. At vores tilbud og politiske arbejde fremstår som noget, der har betydning og værdi i den enkeltes hverdag og ikke er en lidt teoretisk forsikring for krisetider. At vores ydelser og værktøjer på hjemmesiderne er nemme at finde og bruge. og at man nemt kan komme i dialog – på det niveau, man nu har lyst til.

Hjemmesidernes design kan også bidrage til at vi bliver mere nærværende. Meget tyder på, at der skal være mere liv og virkelige mennesker i billederne – og generelt flere billeder, hvor det er relevant.

Men selvfølgelig er der også ting, der stadig skal afklares. Er det f.eks. virkelig rigtigt, at vores hjemmesider fremstår for traditionelle? Og er det sandt, at vi ikke kan bruge samfundsværdier som argument for et medlemskab – skal vi kommunikere kun til individualister, der helst vil selv? Og hvordan ville vi kunne sælge vores medlemsfordele i højere grad uden at irritere?

Disse og en lang række andre spørgsmål fra workshop’ene vil nu blive afprøvet i enkeltinterviews med 10 medlemmer. Interviewene kommer til at kredse om temaer som synlighed, nærhed, individualitet, fokus og fleksibilitet. Og for ikke at få 10-styks enkle ”Ja/Nej”-svar, men ingen af argumenterne bag beslutningerne, handler interview’ene ikke om at stille direkte spørgsmål (”Synes du, vi skulle gøre X?”). I stedet for bliver der lagt op til en dialog, som handler om de nævnte temaer, og som giver os et bedre indbilk i medlemmernes holdning til de sprøgsmål, vi gerne vil afprøve.

Når interview’ene er holdt, skulle vi gerne have et helt klart billede af, i hvilken retning konceptet skal gå. Og derefter går omsætningen af alle erkendelserne til konkrete sider, billeder, knapper og funktioner i gang.