Begrepp inom webbdesign och webbutveckling du bör känna till

UX/UI-design

Visuell design – Syftar på alla processer som används för att förbättra en webbplats estetiska uttryck och användarvänlighet. Det omfattar typografi, bilder, layout, mellanrum och färg.
Header – Sidhuvudet är det övre området på en webbplats, där företagets logotyp, kontaktinformation och navigering oftast placeras. En tydlig header gör sidan lätt att använda och stärker varumärket.
Footer – Sidfoten finns längst ner på varje sida och innehåller ofta upphovsrätt, juridisk information och länkar till viktiga delar av webbplatsen. Många företag lägger även till sociala ikoner och kontaktuppgifter här.
Landningssida – En landningssida är den sida en användare hamnar på först när de klickar in på en webbplats. Den används ofta i kampanjer för att leda användaren till en specifik åtgärd.
CTA (Call to Action) – En uppmaning till handling, till exempel “Köp nu” eller “Registrera dig”. CTA används för att motivera användaren att agera direkt, till exempel genom att genomföra ett köp eller kontakta företaget.
Responsiv design (Mobile First) – En webbdesignmetod som gör att webbplatsen automatiskt anpassar sig till olika skärmstorlekar och enheter. Oavsett om besökaren använder mobil, surfplatta eller dator ska upplevelsen vara smidig.
UI-design – Står för “User Interface” och handlar om utformningen av allt som användaren interagerar med – exempelvis knappar, menyer, formulär och animationer.
UX-design – Står för “User Experience” och handlar om att skapa en positiv, intuitiv och användarvänlig upplevelse som gör att besökaren vill stanna kvar på webbplatsen.
Wireframe – En wireframe fungerar som en ritning eller prototyp av en webbplats. Den visar struktur, innehållsplacering och navigering innan designarbetet börjar.

Hosting och domäner

Hosting (webbserver) – Alla webbplatser behöver en plats att “bo” på. Hosting är den server där webbplatsens filer lagras och görs tillgängliga för internetanvändare.
Domännamn – En webbplats adress, till exempel dittföretag.se. Domännamn kan bestå av bokstäver, siffror och bindestreck, och olika ändelser som .se, .com eller .net.
SSL – Står för “Secure Sockets Layer” och används för att kryptera information på webbplatser. Ett hänglås i webbläsarens adressfält visar att sidan är säker och skyddar användarens data.

Webbutveckling

CMS (Content Management System) – Ett system för att hantera och uppdatera webbplatsinnehåll utan att behöva koda. Vanliga CMS-plattformar är exempelvis WordPress och Shopify.
Databas – En strukturerad samling av information som används för att lagra och hämta innehåll till webbplatsen, till exempel produkter eller blogginlägg.
Sitemap – En översikt över webbplatsens alla sidor. Används både för planering, användarvänlighet och för att sökmotorer lättare ska kunna indexera sidan.
SEO – Sökmotoroptimering, en metod för att förbättra en webbplats synlighet i sökresultat genom optimering av innehåll, struktur och teknisk prestanda.
Källkod – Den kod som programmerare skriver för att definiera hur en webbplats fungerar. Den består av instruktioner och funktioner som webbläsaren tolkar.
Frontend (HTML/CSS/JavaScript) – Den del av webbplatsen som användaren ser och interagerar med. Frontend handlar om det visuella gränssnittet byggt i HTML, CSS och JavaScript.
API – Står för “Application Programming Interface” och används för att låta olika system kommunicera med varandra. Exempelvis för att koppla ihop webbplatser med externa tjänster.
Backend – Allt som händer bakom kulisserna på en webbplats. Backend omfattar server, databas och system som styr innehåll och funktionalitet.
Deployment – Steget då webbplatsen lanseras efter att ha utvecklats och testats. Det innebär att sidan publiceras och görs tillgänglig för besökare.
Framework – Ett ramverk som underlättar webbutveckling genom att erbjuda färdiga strukturer och funktioner, vilket gör byggprocessen snabbare och mer effektiv.
Headless CMS – En modern utvecklingsmetod där innehållshantering och presentation separeras, vilket ger större flexibilitet och skalbarhet.

Dessa begrepp och förkortningar är några av de vanligaste du stöter på inom webbdesign och webbutveckling. De utgör en bra grund för att förstå hur digitala projekt byggs och drivs – och hjälper dig prata samma språk som utvecklare och designers.

Artikeln uppdaterad: 30 mars 2025