Webbdesign Man kan definiera webbdesign som konsten att skapa webbplatser. En webbdesigners uppgift är att välja färger som passar, lägga till bra och rätt funktioner till webbplatsen och sedan se till att dessa fungerar smidigt och uppfyller sitt syfte. En bra webbplats är inte nödvändigtvis en webbplats som har spektakulära funktioner och djärv design. Det är en webbplats som är utformad utifrån sitt syfte. Är användaren ute efter att få tag i informationen snabbt ska inte designen hindra användaren från att finna den snabbt och smidigt. Det finns ingen webbplats som är universellt den bästa utan bara webbplatser som antingen fyller sitt syfte bra eller dåligt. Fotografiska vann bästa webbsite 2015 i kategorin turism: http://fotografiska.eu/ Syfte Det är viktigt att du har en klar uppfattning vad din webbplats ska handla om: Vad är syftet med din webbplats? Ska den handla om dig själv? Handlar den om ditt fritidsintresse? Ska du publicera dina fotografier eller filmer? Svaret på den frågan är vad du måste arbeta utifrån när du planerar din webbplats. Det är det som avgör designen, webbdesignens verktyg och metoder du ska använda dig av. I vissa fall är det innehållet som är det väsentliga eftersom användaren är där för att samla information. I andra fall är det formatet som är det väsentliga. Har du en fotosida eller en annan estetisk webbplats, ligger tyngdpunkten snarare på hur man presenterar innehållet på sidan än själva innehållet i sig.
Målgrupp När du kommit fram till syftet med sidan har du halva svaret på frågan: Vilken är din målgrupp? Det är en stor fördel att känna till sina potentiella besökare. Om din målgrupp har läs- skriv svårigheter måste du troligen använda ett enklare språk. En äldre målgrupp ställer andra krav än vad ungdomar gör. Vilken din målgrupp än är, så är det en fördel att du utformar din webbplats utifrån den. Norrtälje kommuns webbsida är nyskapande eftersom de har en sökmotor utifrån målgrupper. Den vann bästa webbsite 2015 i kategorin kommun. Planering Själva planeringen för skapandet av webbplatsen är A och O inom webbdesign. Ett projekt blir rörigt och tidskrävande om du inte planerar struktur och utformning noggrant innan du börjar med att skapa din sida. En bra idé är att ta en sida i taget och att skissa upp sidan innan du gör den digitalt. Börja med att planera på vilka sätt alla länkarna ska hänga ihop. Man planerar inte bara länkhierarkin för att arbetet ska gå snabbt och smidigt utan det handlar även om användarvänlighet. Man brukar säga att en bra struktur innehåller väldigt få musklickningar för att komma till rätt sak. Det vill säga att användaren inte ska behöva leta på webbsidan för att komma till rätt sida. I stället för att bygga på djupet är det bättre att bygga på längden. Ett bra sätt att planera länkhierarkin är med hjälp av ett s.k. träddiagram.
Exempel på bra länkstruktur. Exempel på dålig länkstruktur. Layout Funktionalitet Det ska vara enkelt att hitta informationen och det ska vara tydligt hur man gör detta. Det är viktigt att ha en bra meny men något du inte heller ska glömma är användarvänligheten. En
layout med långa sidor där användaren måste bläddra väldigt länge för att komma till slutet av sidan kan upplevas som störande. Detta kan i många fall lösas genom att sprida informationen över flera webbsidor. Konsekvens Att vara konsekvent i din design vinner du mycket på. Webbplatsen upplevs inte bara som enklare att använda och snyggare, utan är dessutom enklare att skapa och utveckla. Att vara konsekvent är att välja lika färg för samma rubrik och att ha lika färg på alla länkar. Även att ha samma teckensnitt/typsnitt på större delen av webbplatsen är bra vilket gör webbplatsen konsekvent. Det är även bra att placera texter och bilder på ungefär samma platser och i ungefär lika storlekar på sidorna. Det ger en bra läskedja och ett vilsamt intryck för ögat. Precis som vid filmproduktion, böcker, tidningar och tidskrifter behöver du ta hänsyn till hur bilden innan och hur nästa bild ser ut. För att webbdesignens sidor ska kännas enhetliga och konsekventa är det bra att ha något som återkommer på alla sidor t.ex. en logotype, kant-dekorationer eller något annat grafiskt. Färger Det är viktigt att välja färger som fungerar ihop. Ett misstag som många gör är att välja en textfärg som är svår att läsa på den valda bakgrunden. En bra regel är att välja ett ljus textfärg mot en mörk bakgrund och en ljus textfärg mot en mörk bakgrund. Ett annat bra tips är att inte skriva text på en bild som är rörig eftersom texten då blir svårläst i bakgrundens mönster. Måste du skriva på en bild är det bra att välja en yta som inte har mönster. Ljus bakgrund mörk text Mörk bakgrund ljus text
Typsnitt Det är bra att välja ett typsnitt som är lättläst istället för att välja ett fantasifullt och häftigt typsnitt. Tråkiga typsnitt som Arial, Trebuchet MS, Verdana och Times New Roman är typsnitt som är lättlästa och duger alldeles utmärkt. Undvik även att skriva texter med endast VERSALER eftersom dessa texter blir svårlästa. En text med både versaler och gemener funkar bäst. Antalet olika typsnitt bör begränsas till max två till tre stycken. Ett tips för att få konsekvens på hemsidan är att endast använda ett typsnitt som du istället ändrar i storlek, färg, fet och kursiv stil. Var sparsam med text på alla sidor och se till att använda en textstorlek som är lättläst för användaren. Bra eller dålig design Det är svårt att avgöra vad som är en bra design eftersom det handlar om att designen fungerar till sitt syfte. Det finns många sidor som är väldigt snyggt gjorda och estetiskt tilltalande men som inte funkar till det syfte som de är gjorda för. Lyckas du att göra både en snygg och intressant design som även är funktionell har du en lyckad webbsida. Bra design är att tänka sig in i användarens situation. En dålig webbplats är när användaren lämnar webben redan när första sidan visar sig. De två största felstegen är oftast att färger inte fungerar med varandra och att det är för mycket information på första sidan. Den första sidan är det användaren möter först och är viktig att planera ordentligt. Den ska introducera besökaren så att besökaren får ett grepp om vad webbsidan handlar om och förhoppningsvis göra honom eller henne intresserad av att fortsätta titta på webbplatsen. Toppramen ramar in sidan och gör den lite mer inbjudande.
Bottenramen som är längst ned kan med fördel användas till att samla nyttiga länkar som kontakt och om. Det är även där man brukar samla information om copyright och liknande om webbplatsen. Att designa webbplatser är som en balansakt som handlar om att man har en klar bild av hur man vill att webbplatsen ska se ut och vad den ska användas till.