Använd huvudbild med eftertanke:

• Använd bara huvudbild om det bidrar till att förtydliga eller lyfta informationen på en informationssida. Det bör finnas en tydlig koppling till informationen på sidan.

• Väljer du att ha en huvudbild ska den följa Göteborgs universitets bildmanér.

• När du valt bild måste du ange en alternativ text som beskriver vad bilden föreställer. Du kan välja att lägga till en bildtext för att tillföra mer än det man ser direkt i bilden.

När det kommer till huvudfilm är rekommendationen att undvika detta:

• Dels kan en sida ta lång tid att ladda på grund av videon vilket i sin tur påverkar sökmotorer negativt.

• Dels kan det distrahera och konkurrera från informationen på sidan.

På informationssidor används layouten Information. På så vis har vi samma grundlayout som vi placerar innehåll i.

Innehåll bör framför allt placeras i den vänstra spalten: 

• Vänsterspalten är informationsbärande. Här placeras brödtext, länkar och andra call to action, video, informationsbärande bilder etc. 

• Högerspalten används i vissa fall om information behöver lyftas lite extra, exempelvis i en faktaruta. 

• Tänk på mobiltelefoner! I mobiltelefon placeras moduler i högerspalten efter allt innehåll i vänsterspalten. Arbeta med sektioner för att säkerställa att innehåll i högerspalt och vänsterspalt hänger ihop i mobilläge. 

Om du lägger till en ny sektion på en informationssida kan du välja att ha en linje innan den nya sektionen (genom att inte kryssa i Ingen marginal till ovanliggande sektion). 

Använd en linje om du: 

• Vänder dig till en ny målgrupp

• Byter ämne inom ämnet

Vanliga frågor kan placeras på två olika sätt:

1. I sitt sammanhang

2. Samla alla frågor längst ner på sidan

Oavsett hur du presenterar din FAQ, kom ihåg:

• Det ska vara frågor som besökaren faktiskt undrar över.

• Frågor och svar-sektion skapas som ett dragspel och placeras efter generell informationstext och innan Relaterad information

• Utformas helst i jagform; Jag vet inte, Hur gör jag för att osv. 

• Antal frågor: runt 6–8. Finns behov av fler frågor är det bra att försöka dela upp frågorna i naturliga grupperingar

Puffar länkar vidare till annan information, eftersom syftet med informationssida är själva informationen, är rekommendationen att vara sparsam med puffar.

Vi rekommenderar att du bara använder puffar till “Relaterad information” i en grå sektion längst ner på en informationsida. Detta för att vägleda besökaren till annat innehåll som skulle kunna vara av intresse. Tips! Kolla Siteimprove för att se hur dina besökare brukar navigera sig vidare från din sida.

Våra besökare använder vänstermenyn för att navigera sig på gu.se och därför är rekommendationen att du placerar sidan som aktiverad i menyn. Instruktioner för menystruktur.

I vissa situationer passar det inte att lägga sidan som aktiverad i menyn, till exempel medarbetarporträtt. Vid sådana situationer är rekommendationen att du lägger sidan i menystrukturen men som ej aktiverad.

På informationssidor skapas det automatiskt en innehållsförteckning när du skapar H2-rubriker i komponenten editor.

Texteditor som finns på Informationssidor används främst för att publicera text på sidan, med undantag för:

• Text som är extra viktig - använd istället faktaruta

• Text som inte riktar sig till alla - använd istället dragspel

• Textmassor som måste göras överskådliga på webben - använd istället dragspel

Manualen för editor

Ett dragspel (även kallad accordion) är en expanderbar sektion av en sida, där innehållet är dolt men kan visas genom att besökaren väljer att öppna den.

När passar det bra att använda accordion?

• När mycket information ska rymmas på en sida, men du som redaktör vill göra sidans innehåll överskådligt (exempelvis för instruktioner)

• När besökaren bara har behov av att läsa en viss del av innehållet på sidan för att få hjälp/hitta det hen sökte efter (exempelvis FAQ)

När passar det mindre bra att använda accordion?

• När texten är sammansatt för att läsas uppifrån och ner (exempelvis nyheter)

• När det är viktigt att besökaren tar del av informationen (Då bör snarare en faktaruta användas)

Manualen för dragspel

Faktarutan drar blicken till sig, och ökar sannolikheten att text kommer att läsas. Den är även bra på att markera att viss text hör ihop, och om det finns mycket text i en sektion kan faktarutan bryta upp textmassan och ge ett luftigare intryck.

Faktarutan är extra bra att använda för:

• Text som är extra viktig att alla läser

• Samla flera länkar, och visa att länkarna hör ihop

• Samla datum som hänger ihop

• Att lyfta en viss länk, när det behöver finnas förklarande text tillsammans med länken

• Kontaktuppgifter när kontaktkort inte går att använda (läs om kontaktuppgifter nedan)

Manual för faktaruta

I första hand ska vi alltid använda oss av kontaktkort, antingen personkort eller anpassat, för att lyfta fram olika kontaktuppgifter.

Det finns ett fåtal tillfällen där kontaktuppgifter måste förkomma på flera sektioner av en informationssida. Då är rekommendationen att placera kontaktuppgifterna i en faktaruta som placeras i högerspalten. Detta för att skapa en överskådlighet för besökare som använder sig av en laptop.

Rubriker i faktarutor kommer aldrig med i Sidans innehåll, inte heller om de markeras som en H2-rubrik. Om du bedömer det som viktigt att kontakt ska finnas med i innehållsförteckningen, gör en H2-rubrik Kontakt och placera faktaruta/kontaktkort under denna.

Om du ska skapa ett funktionskontaktkort brukar ett anpassar kontaktkort fungera bäst. I övrigt finns inga rekommendationer kring utformning av kontaktkortet. Utgå från vilken information som du har behov av att lyfta, information om när funktionen ska kontaktas, öppettider, telefontider, alternativ kontaktväg etc).

Kom ihåg att det även går att använda ett kontaktkort för en reception eller servicedesk.

Har du behov av att publicera flera kontaktuppgifter är rekommendationen att du skapar en faktaruta i slutet av sidan, innan “Relaterad information”. Beroende på hur mycket information du har påverkar det var du ska placera faktarutan:

• Lite information, till exempel två mejladresser: placera faktarutan i högerspalten.

• Mycket information, till exempel två mejladresser samt information om vad man kan kontakta dem om: placera faktarutan i vänsterspalten.

Om du är inloggad som redaktör och navigerar till sidan som en besökare är det denna flik i sidan redaktörsmeny som du landar på.

Här kan du redigera sidans titel, ingressen, lägga till en huvudbild och lägga sidan i menystrukturen.

Raderar hela sidan. Obs! Det finns ingen papperskorg där sidan hamnar, väljer du att radera sidan försvinner den för alltid.

I Layoutbuilder arbetar du med sektioner som består av komponenter (till exempel texteditor, dragspel och faktaruta). Du kan använda dig av flera sektioner, men gör detta enbart om du vill dela upp informationen på sidan med ett streck, exempelvis om du byter målgrupp eller har olika “ämnen inom ämnet” eller har innehåll i högerspalt (rekommenderas inte) som behöver hamna rätt i mobilläge.

Här kan du se alla versioner du har publicerat av sidan och välja att publicera en tidigare version.

Se vilka språk som sidan finns på och gör eventuella översättningar. Generellt ska alla sidor finnas på både svenska och engelska.

1. Klicka på “Lägg till sektion” och välj layouten “Information”. I riktlinjerna kan du läsa om när någon annan sektionstyp skulle vara aktuell.

3. Låt bakgrundsfärgen vara “Ingen” när du lägger till komponenten “information”.

4. Du behöver inte kryssa i “Ingen marginal till ovanliggande sektion (rubrik och ingress kommer ej skrivas ut)” eftersom rekommendationen för att skapa en ny sektion bara gäller när du byter målgrupp eller ämne inom ämne.

5. Klicka på “Lägg till sektion”. Nu kan du börja fylla sektionen med komponenter.

Klicka på ikonen med kugghjulet för att ändra färg eller eventuell titel på din sektion.

Klicka på ikonen med ett kryss om du vill radera sektionen. Raderad sektion går inte att återställa.

Scrolla längst ner på sidan och välj status “Avpublicerar”. Sidan finns kvar i redigeringsläget, men en besökare kan inte se den alls.

I redaktörsmenyn finns fliken “Radera”. Väljer du att radera sidan försvinner den för alltid.