Etikettarkiv: Grafisk form

Typografi på nya enkoping.se

Typografi är konsten att utforma text så att den både är enkel att läsa och estetiskt tilltalande. Idag kör vi typsnittet Arial rakt av på hela vår externa webbplats. Problemet med Arial är att det är ett av världens vanligaste typsnitt. För att skapa en mer dynamisk design har vi valt att jobba med nya typsnitt när vi designar nya enkoping.se.

Profiltypsnitt för enkoping.se

Vår Art Director i projektet har valt typsnittet Montserrat som profiltypsnitt för enkoping.se. Det ska användas för rubriker och olika navigationselement. Montserrat är ett typsnitt framtaget av den argentiska formgivaren Julieta Ulanovsky och ska efterlikna skyltar i tidiga 1900-talets Buenos Aires. Typsnittet är Open Source och vi kommer använda Google Fonts som tjänst för att publicera typsnittet på nya enkoping.se.

Här exempel på en rubrik satt i Montserrat:

Välkommen till Enköping.se satt i typsnittet Montserrat

Kommunens hustypsnitt

Parallellt med utvecklingen av vår nya webb pågår arbetet med kommunens nya grafiska profil. I det arbetet är det nu klart att Myriad Pro är det typsnitt som kommunen ska användas i sin kommunikation när den nya profilen börjar gälla. På nya webben kommer vi att köra Myriad Pro som typsnitt för all brödtext.

Här exempel på ett textstycke satt i Myriad Pro:

Text om Enköping satt i typsnittet Myriad Pro

Livssituationer i fokus på nya enkoping.se

En av de största utmaningarna med en kommunal webbplats är att den spänner över så många olika typer av verksamheter. Ofta blir den naturliga lösningen på hur man ska sortera allt innehåll att lägga ut det utifrån den interna organisationen. Problemet med det är uppenbart – externa målgrupper vet inte hur kommunen är organiserad. Därför har de flesta kommunala sajter gått över till en ämnesindelning där besökaren hitta allt om ett visst ämne och sedan kan borra sig djupare i underliggande ämnen. Problemet med den typen av struktur tycker jag är att den blir djup och rörig på lägre nivåer, då ämnena inte tar hänsyn till vilken grupp besökare som läser. En företagare som ska bygga många nya fastigheter har helt andra informationsbehov än någon som vill hitta en hyreslägenhet. Vi tror att lösningen på detta är att snarare utgå från besökarens livssituation. Denna idé är på intet sätt ny. Försäkringskassan har exempelvis speciella ingångar för den som är förälder, för den som är sjuk, för den som har en funktionsnedsättning etc. Men jag tror inte att det gjorts på en kommunal webbplats på det sätt vi tänker oss.

Livssituationer på nivå 2

Huvudmenyn är tänkt att vara en relativt traditionell ämnesmeny som utgår från ett brett verksamhetsområde, exempelvis förskola och skola. När man sedan vill hitta service under förskola och skola så har vi grupperat all service i fyra kategorier som är livssituationer du kan befinna dig i som kommuninvånare. För just förskola och skola handlar det om att du har småbarn, att du har skolbarn, att du är ungdom eller att du är vuxen som vill fortbilda sig. Under respektive livssituation finns länkar till service för den livssituationen. För skolbarn handlar det bland annat om grundskola, fritidshem och modersmålsundervisning. Tanken är att besökaren på nivå 2 ska få en överblick över all service som finns för verksamhetsområdet och att servicen sedan presenteras på nivå 3.

Livssituationer på startsidan

Under arbetets gång har vi upptäckt att det finns vissa livssituationer som skär igenom alla ämnesingångar på webbplatsen. Om du har en barnfamilj kan du exempelvis både vara intresserad av skolor, föräldrautbildning och bibliotek. I den ordinarie strukturen ligger dessa under tre olika ämnesingångar. Dels löser vi detta genom att jobba med relaterade länkar mellan olika ämnen, dels tror vi det finns en poäng att lyfta fram genvägar för vissa vanliga livssituationer på startsidan. Vi har avgränsat dessa livssituationer till fyra stycken: ny i kommunen, barnfamilj, funktionsnedsättning och äldre. När man väljer något av dessa alternativ på startsidan får man genvägar från alla sektioner på webbplatsen samlade för just den livssituationen. Så här ser en skiss ut med grafisk form (utan länkar):

Livssituationer på startsidan för nya enkoping.se

Grunden i innehållsstrategin

Tanken med dessa livssituationer är inte enbart att göra webbplatsens innehåll enklare att överblicka. Tanken är också att vi på ett helt annat sätt kan målgruppsanpassa texter, bilder och funktioner på olika delar av webbplatsen utifrån livssituationerna. Det vi snabbt har insett då är att vi förmodligen måste jobba mycket mer med samhällsrådgivning, då besökarna efterfrågar service som inte organiseras av kommunen som organisation utan av landstinget, myndigheter eller någon annan samhällsaktör. Vi tror att det kan finnas en poäng att kommunen erbjuder servicen att länka dessa besökare vidare till rätt aktör.

Första titten på nya enkoping.se

Skiss av enkoping.se på en bärbar dator. Bildmontage. Foto på dator: Cheon Fong Liew, CC BY-SA 2.0

Här ser ni en grafisk skiss på startsidan för nya enkoping.se på en bärbar dator. Observera att detta är just en skiss som kommer att förändras i vissa detaljer under arbetets gång. Den ger dock en god bild av hur den nya webbplatsen kommer att upplevas med en bärbar dator när man kommer till startsidan.

Nya startsidan handlar om balans

Vår nuvarande startsida har väldigt stort fokus på nyheter, vilket framför allt tilltalar besökare som är intresserade av kommun och politik. Nuvarande startsidan har också väldigt många länkar, upplevs som rörig och är grafiskt anonym. Med den nya startsidan vill vi hitta någonting som fungerar för alla grupper besökare och som tydligt leder besökaren vidare till rätt del av webbplatsen. Startsidan ska dessutom vara en god mix av funktion, känsla och innehåll, vilket vi tror att vår nya design representerar.

Primär och sekundär navigation

Huvudsyftet med webbplatsens startsida är att navigera djupare på sajten. I fokus finns dels en traditionell toppmeny med ämnen, dels knappar för viktiga funktioner som e-tjänster och blanketter. Sekundära ingångar ligger i den mörka bården längst upp på sidan. Där återfinns länkar till våra skräddarsydda målgruppswebbplatser för jobbsökare, företagare och turister. När man klickar på exempelvis jobba hos oss så kommer man till en särskild webb med egen navigation aktuell för just den målgruppen. Huvudmenyn för webbplatsen är den vita toppmenyn. Tanken är att den handlar om service till kommuninvånare i rollen som privatperson.

Bättre sökfunktion

Idag ligger sökfunktionen som en undersida på webbplatsen. Här är tanken att sökfunktionen ska finnas tydligt i sajtens sidhuvud och att sökrutan visas när man klickar på förstoringsglaset. Se exempelvis Stockholm stads webbplats för att se hur sökrutan är tänkt att fungera när man klickar på symbolen. Under projektet kommer vi jobba mycket med att sökfunktionen ska ge bra träffar för den som söker på sajten. Hur vi ska göra sökfunktionen bättre får jag återkomma om i ett särskilt blogginlägg.

Visuellt koncept

En viktig del är att visualisera Enköpings kommun med ett tydligt bildspråk. Bilder ska fånga ögonblick, signalera trygghet, visa människor, visa mångfald och kännas genuina för just Enköpings kommun. Vi har valt typsnittet Montserrat som rubriktypsnitt för nya webben då det skapar karaktär. Vi jobbar även med mycket färg i varma toner för att skapa mer liv i designen.

Det som kan vara värt att notera är att det parallellt med arbetet med ny webb pågår ett projekt på kommunen med att se över kommunens grafiska profil. Det innebär bland annat ett nytt typsnitt för brödtext och mellanrubriker, nya profilfärger och justerad logotyp. Vi kommer att lyfta in den nya grafiska profilen i designen av nya webben successivt under arbetets gång.

Språk och utökad tillgänglighet

På startsidan ligger språk och lyssnafunktion till höger i den mörka bården. Om man väljer exempelvis finska här så kommer man till startsidan för de finska sidorna. På undersidor kommer vi däremot att lägga språkval och utökad tillgänglighet på artikelnivå, så att man exempelvis länkas direkt till motsvarande sida på ett annat språk.

Genvägar

Skissen ovan visar bara hur startsidan ser ut innan man har börjat scrolla. Längre ner på startsidan kommer vi att lyfta fram genvägar till välbesökt innehåll på webbplatsen övergripande och för särskilda grupper. Så här ser det ut när vi lyfter fram webbplatsens mest besökta innehåll:

Genvägar på startsidan på nya enkoping.se

Aktuellt innehåll

Längre ner på startsidan finns tydliga kontaktvägar då det är efterfrågat av besökarna. Sedan visar vi upp innehåll som finns på webbplatsen, närmare bestämt utvalda nyheter och evenemang. Så här ser det ut när vi presenterar tre utvalda nyheter på startsidan:

Nyheter på startsidan på nya enkoping.se