Ordlista för e-handeln: Från Monolit till Headless och MACH

2024-10-11 | Kamila Ivashchenko, Frontend Developer

Tekniska begrepp kan kännas som en djungel, men att förstå dem är avgörande för att ta rätt affärsbeslut. Här reder vi ut de vanligaste termerna inom systemarkitektur, e-handel och programmering. Vi förklarar på ett enkelt sätt vad koncept som headless commerce och composable architecture faktiskt innebär, så att du kan navigera nästa teknikmöte med självförtroende.

Hoppa till:
Monolitisk arkitektur: Monolit eller “allt-i-ett-lösning” | API-driven arkitektur: API | API-driven arkitektur | Headless-arkitektur: Backend | Frontend | Headless | Headless commerce | Composable architecture: Composable commerce | Modulär arkitektur | Best of breed och Techstack: Best of breed | Techstack | MACH: API-first | Molntjänster/Cloud-native | Microtjänster | Kanaler och handel: Multi-channel | Omnichannel | Unified commerce | Programmeringsspråk: .NET | GraphQL | JavaScript/Node.js | MySQL | Open source | PHP | Python | System: Applikationer | CDP | CRM | CXM/CEM | DAM | DMP | ERP | OMS | PIM | SCM | WMS | Övriga teknologier: Agil | AI och Machine Learning | DevOps | Digitalt Ekosystem | FTP | Scrum | UI | UX


Monolitisk arkitektur

Monolit eller “allt-i-ett-lösning”

Kortfattat: Ett system där all funktionalitet sitter ihop i en enda enhet.

Monolitisk arkitektur innebär att användargränssnitt och affärslogik är tätt sammanflätade. Det är ofta enklare att börja med, men blir komplext vid stora uppdateringar då hela systemet påverkas av en ändring.

💡 Pro-tip: Monoliter passar bäst för mindre projekt där snabbhet i början är viktigare än extrem skalbarhet senare.

↑ Tillbaka till början

API-driven arkitektur

API (Application Programming Interface)

Kortfattat: En brygga som gör att olika program kan prata med varandra.

API fungerar som en budbärare som tar en förfrågan från ett system till ett annat och levererar svaret tillbaka. Det möjliggör samverkan mellan helt olika teknologier.

💡 Pro-tip: Tänk på ett API som en meny på en restaurang; du ser vad du kan beställa, men du behöver inte veta exakt hur kocken lagar maten.

↑ Tillbaka till början

API-driven arkitektur

Kortfattat: Ett sätt att bygga system där kommunikation sker via API:er för maximal flexibilitet.

I denna arkitektur är systemen modulära. Genom att använda API:er som standardmetod för kommunikation kan du enkelt byta ut delar av systemet utan att resten slutar fungera.

💡 Pro-tip: Detta är grunden för modern webbutveckling eftersom det gör systemet "framtidssäkert".

↑ Tillbaka till början

Headless-arkitektur

Backend

Kortfattat: Systemets "motorrum" där data lagras och bearbetas.

Backend sköter logiken, databaser och servrar. Det är här informationen sparas och bearbetas innan den skickas ut till frontend via API.

💡 Pro-tip: En stabil backend är avgörande för webbplatsens säkerhet och prestanda.

↑ Tillbaka till början

Frontend

Kortfattat: Den del av webbplatsen som besökaren ser och interagerar med.

Frontend innefattar allt från design och knappar till hur innehållet presenteras visuellt på olika skärmar. Det handlar om användarupplevelsen och det visuella gränssnittet.

💡 Pro-tip: I en headless-miljö kan du ha flera frontends (webb, app, klocka) som alla hämtar data från samma backend.

↑ Tillbaka till början

Headless

Kortfattat: En arkitektur där "huvudet" (frontend) är separerat från "kroppen" (backend).

Presentation och data är helt separerade, vilket ger frihet att bygga gränssnittet i valfri teknik medan backenden fokuserar på dataleverans.

💡 Pro-tip: Headless gör det möjligt att publicera innehåll en gång och visa det på oändligt många olika plattformar samtidigt.

↑ Tillbaka till början

Headless commerce

Kortfattat: E-handel där köpprocessen är fristående från den visuella butiksfronten.

Här kan du bygga en helt unik shoppingupplevelse i frontend utan att begränsas av e-handelsplattformens inbyggda designmallar.

💡 Pro-tip: Perfekt för företag som vill ha en supersnabb mobilupplevelse eller sälja direkt via sociala medier.

↑ Tillbaka till början

Composable architecture

Composable commerce

Kortfattat: Att bygga en e-handelslösning genom att plocka de bästa delarna från olika leverantörer.

Istället för att köpa ett färdigt paket väljer du det bästa betalsystemet, den bästa sökmotorn och det bästa PIM-systemet och kopplar ihop dem.

💡 Pro-tip: Ger dig möjligheten att snabbt byta ut en specifik funktion om en bättre konkurrent dyker upp på marknaden.

↑ Tillbaka till början

Modulär arkitektur/Composable architecture

Kortfattat: Ett bygge av fristående moduler som kan uppdateras oberoende av varandra.

Varje funktion i systemet fungerar som en legobit. Du kan byta ut en bit utan att hela torget rasar, vilket ger enorm flexibilitet över tid.

💡 Pro-tip: Minskar risken för "teknisk skuld" eftersom du aldrig sitter fast i ett föråldrat jättesystem.

↑ Tillbaka till början

Best of breed och Techstack

Best of breed

Kortfattat: Att välja specialiserade verktyg som är världsmästare på sin specifika uppgift.

Istället för en kompromiss väljer du experter: en för sök, en för bildhantering och en för kassan.

💡 Pro-tip: Det kräver mer integrationsarbete men resulterar i en betydligt högre kvalitet på slutprodukten.

↑ Tillbaka till början

Techstack

Kortfattat: Kombinationen av programmeringsspråk och verktyg som bygger upp din lösning.

Din techstack är verktygslådan. Den avgör hur snabbt ni kan utveckla nya funktioner och hur enkelt det är att hitta duktiga utvecklare.

💡 Pro-tip: En modern techstack är en viktig magnet för att attrahera duktiga utvecklare till företaget.

↑ Tillbaka till början

MACH

API-first

Kortfattat: Att bygga kommunikationsvägarna (API) innan man bygger själva funktionerna.

Genom att börja med API:et säkerställer man att all data kan användas av andra system från dag ett. Det tvingar fram en ren och strukturerad utveckling.

💡 Pro-tip: Det gör det mycket enklare för externa partners att integrera sina tjänster med din plattform senare.

↑ Tillbaka till början

Molntjänster/Cloud-native

Kortfattat: Applikationer byggda för att köras och skalas direkt i molnet.

Cloud-native-system anpassar sig automatiskt efter trafiktoppar. Du betalar bara för den kraft du faktiskt använder.

💡 Pro-tip: Ger överlägsen driftsäkerhet eftersom molnet automatiskt kan flytta tjänsten om en serverhall får problem.

↑ Tillbaka till början

Microtjänster

Kortfattat: Att dela upp en applikation i många små, självständiga program.

Varje tjänst gör en sak (t.ex. hanterar inloggning). Om en tjänst går ner fungerar fortfarande resten av systemet, vilket ökar driftsäkerheten.

💡 Pro-tip: Microtjänster är nyckeln till att kunna skala upp systemet för miljontals användare utan prestandaförlust.

↑ Tillbaka till början

Kanaler och handel

Multi-channel

Kortfattat: Försäljning i flera kanaler som inte nödvändigtvis samarbetar.

Du säljer i butik och på webben, men kanalerna fungerar ofta som isolerade enheter med separata lagersaldon.

💡 Pro-tip: Det är ofta det första steget i digitaliseringen, men kan skapa frustration om informationen spretar.

↑ Tillbaka till början

Omnichannel

Kortfattat: En sammanhängande kundupplevelse där alla kanaler pratar med varandra.

Kunden kan börja shoppa i mobilen och avsluta i butiken. Upplevelsen och erbjudandena är desamma oavsett kanal.

💡 Pro-tip: Fokusera på att ta bort friktion; kunden ser inte "kanaler", de ser ditt varumärke.

↑ Tillbaka till början

Unified commerce

Kortfattat: All data i ett enda centralt system för alla säljkanaler i realtid.

Ett steg bortom omnichannel med en enda sanning för priser, lager och kunder för total kontroll över affären.

💡 Pro-tip: Detta kräver ofta en modern arkitektur (som MACH) för att fungera fullt ut.

↑ Tillbaka till början

Programmeringsspråk

.NET

Kortfattat: Microsofts ramverk för kraftfulla och säkra företagsapplikationer.

.NET används ofta av större företag och fungerar utmärkt för både stora monoliter och moderna molnlösningar.

💡 Pro-tip: Utmärkt val om du behöver integrera tätt med andra Microsoft-tjänster.

↑ Tillbaka till början

GraphQL

Kortfattat: Ett modernt sätt för frontend att be om exakt den data den behöver.

Istället för att få onödig info kan frontend precisera exakt vilka fält den vill ha, vilket sparar bandbredd.

💡 Pro-tip: Särskilt kraftfullt när du har en mobilapp där varje kilobyte data räknas för laddningstiden.

↑ Tillbaka till början

JavaScript/Node.js

Kortfattat: Språket som gör webben interaktiv och snabb.

Med Node.js kan utvecklare använda samma språk i både frontend och backend, vilket ökar effektiviteten.

💡 Pro-tip: Idag nästintill ett krav för att bygga moderna, snabba headless-frontends.

↑ Tillbaka till början

MySQL

Kortfattat: En populär databas för att lagra och organisera information.

En relationsdatabas som är standard för webbplatser som behöver hantera stora mängder data effektivt.

💡 Pro-tip: Perfekt för e-handel där du snabbt behöver kunna filtrera fram produkter baserat på kategorier.

↑ Tillbaka till början

Open source

Kortfattat: Programvara där källkoden är öppen för vem som helst att se och förbättra.

Bygger på gemenskap och transparens. Tusentals utvecklare granskar koden, vilket ofta leder till hög säkerhet.

💡 Pro-tip: Minskar risken för "vendor lock-in" (att du blir beroende av en enda leverantör).

↑ Tillbaka till början

PHP

Kortfattat: Ett av världens vanligaste språk för webbutveckling.

Driver en stor del av internet, inklusive WordPress. Det är beprövat, stabilt och det finns en enorm mängd kompetens.

💡 Pro-tip: De senaste versionerna (PHP 8+) är extremt snabba och moderna.

↑ Tillbaka till början

Python

Kortfattat: Ett mångsidigt språk känt för sin enkelhet och läsbarhet.

Python används flitigt inom databehandling och AI, men fungerar även utmärkt som backend för webbsajter.

💡 Pro-tip: Om din sajt ska använda avancerad AI eller rekommendationsmotorer är Python ofta bäst.

↑ Tillbaka till början

System

Applikationer

Kortfattat: Programvara skapad för att lösa specifika behov för slutanvändaren.

Appar är bron mellan tekniken och människan, oavsett om det är interna verktyg eller kundappar.

💡 Pro-tip: Fokusera alltid på att lösa ett verkligt problem för användaren.

↑ Tillbaka till början

CDP (Customer Data Platform)

Kortfattat: Ett system som samlar all kunddata till en enda profil.

Samlar köphistorik, surfbeteende och interaktioner för extremt relevant marknadsföring till individnivå.

💡 Pro-tip: Till skillnad från ett CRM fokuserar en CDP mer på realtidsdata från din webbplats.

↑ Tillbaka till början

CRM (Customer Relationship Management)

Kortfattat: Verktyg för att hålla ordning på kunder och försäljningsmöjligheter.

Används för att spåra konversationer, avtal och historik med varje specifik kund.

💡 Pro-tip: Ett bra CRM ser till att ingen kund faller mellan stolarna.

↑ Tillbaka till början

CXM eller CEM (Customer Experience Management)

Kortfattat: Strategi och verktyg för att optimera kundens hela upplevelse.

Handlar om att förstå kunden, anpassa innehåll och bygga lojalitet genom hela kundresan.

💡 Pro-tip: CXM handlar lika mycket om psykologi och data som om teknik.

↑ Tillbaka till början

DAM (Digital Asset Management)

Kortfattat: Ett avancerat filarkiv för bilder, logotyper och videor.

Säkerställer att alla i företaget använder rätt och senaste versionen av en digital resurs.

💡 Pro-tip: Ett DAM sparar enormt mycket tid för marknadsavdelningen.

↑ Tillbaka till början

DMP (Data Management Platform)

Kortfattat: Verktyg för att hantera anonym data för digital annonsering.

Används för att hitta nya målgrupper baserat på tredjepartsdata.

💡 Pro-tip: DMP:er blir mindre vanliga i takt med att fokus flyttas till förstapartsdata.

↑ Tillbaka till början

ERP (Enterprise Resource Planning)

Kortfattat: Företagets centrala nervsystem för administration.

Hanterar ekonomi, lager, personal och inköp. Det är här de stora processerna lever.

💡 Pro-tip: Vid e-handel är kopplingen mellan sajten och ditt ERP avgörande för lagerstatus.

↑ Tillbaka till början

OMS (Order Management System)

Kortfattat: Systemet som bevakar orderns resa från klick till dörr.

Håller ihop ordern genom betalning, plock och leveransavisering.

💡 Pro-tip: Ett bra OMS gör returhanteringen mycket smidigare för kunden.

↑ Tillbaka till början

PIM (Product Information Management)

Kortfattat: Platsen där all produktinformation lagras centralt.

Ändra en produktbeskrivning på ett ställe så uppdateras alla kanaler automatiskt.

💡 Pro-tip: Ett måste för e-handlare med ett brett sortiment i flera länder.

↑ Tillbaka till början

SCM (Supply Chain Management)

Kortfattat: Hantering av hela flödet från råvara till leverans.

Syftar till att minimera kostnader och leveranstider genom optimerad logistik.

💡 Pro-tip: God SCM-kontroll är en stark konverteringsfaktor genom snabba leveranser.

↑ Tillbaka till början

WMS (Warehouse Management System)

Kortfattat: Digital hjärna för lagerdriften.

Hjälper personalen att plocka varor effektivt och optimera lagerutrymmet.

💡 Pro-tip: Kan dramatiskt minska antalet felplock.

↑ Tillbaka till början

Övriga teknologier och metoder

Agil

Kortfattat: Ett flexibelt sätt att arbeta med utveckling i små steg.

Istället för jätteplaner jobbar man i korta perioder och anpassar sig efter verklig feedback.

💡 Pro-tip: Agilt arbete kräver modet att våga ändra kurs baserat på data.

↑ Tillbaka till början

AI och Machine Learning

Kortfattat: Teknik som lär sig av data för att utföra smarta uppgifter.

Används för att förutse köpbeteenden, personifiera sökresultat eller automatisera kundtjänst.

💡 Pro-tip: Börja smått; låt AI:n lösa ett specifikt problem först.

↑ Tillbaka till början

DevOps

Kortfattat: En brygga mellan de som bygger koden och de som sköter driften.

Syftar till att automatisera och effektivisera mjukvaruleveranser genom nära samarbete.

💡 Pro-tip: Automation är hjärtat i DevOps; det tar bort mänskliga fel vid uppdateringar.

↑ Tillbaka till början

Digitalt Ekosystem

Kortfattat: Helheten av alla dina digitala tjänster och hur de samverkar.

Inkluderar allt från hemsidan till interna affärssystem i en sammanhängande helhet.

💡 Pro-tip: Ett starkt ekosystem gör att 1 + 1 blir 3 genom synergieffekter.

↑ Tillbaka till början

FTP

Kortfattat: Ett standardiserat sätt att flytta filer mellan datorer och servrar.

Används för att ladda upp stora mängder filer eller uppdatera webbplatser manuellt.

💡 Pro-tip: Använd alltid SFTP (Secure FTP) för att skydda din data.

↑ Tillbaka till början

Scrum

Kortfattat: En tydlig ram för agilt arbete med fasta möten och sprintar.

Arbetet delas upp i korta perioder med dagliga avstämningar för att snabbt lösa hinder.

💡 Pro-tip: Scrum hjälper teamet att behålla fokus på det som ger kunden mest värde.

↑ Tillbaka till början

UI

Kortfattat: Det visuella utseendet på webbplatsen.

User Interface är färgval, typsnitt och layouter som ger sajten dess karaktär.

💡 Pro-tip: Ett bra UI vägleder användaren visuellt så att de slipper tänka.

↑ Tillbaka till början

UX

Kortfattat: Hur användaren känner när de använder din produkt.

User Experience handlar om flöden, logik och hur enkelt det är att nå sitt mål.

💡 Pro-tip: UX handlar inte om hur det ser ut, utan om hur det fungerar.

↑ Tillbaka till början