Regnet piskar mot fönstret på mitt kontor här mitt i centrala Stockholm. Jag sitter insjunken framför min skärm i en kontorsstol som jag är övertygad om i hemlighet försöker mörda mig. Varje gång jag lutar mig tillbaka för att tänka – och jag tänker extremt mycket i kväll – vickar den till så jag nästan ramlar baklänges och bryter nacken.

Mitt huvud snurrar av de 12 trender inom modern webbdesign jag försöker få ordning på. Från responsiv design till AI, tillgänglighet, prestanda och framtidens webb. Jag stirrar på min trötta skärm och mumlar för mig själv. Webben förändras ju hela tiden. Det har den egentligen alltid gjort.

Jag gungar farligt i stolen. För några år sedan satt vi ju här, drack latte och pratade lyriskt om Flash, animerade introsekvenser, gradienter, stora sliders, Facebook-knappar och debatterade på fullt allvar om det var "modernt" att ha en webbplats som såg ut som ett färgglatt datorspel. Herregud, vilken tid.

Sedan kom responsiv design och förstörde vår frid. Sedan mobilen. Sedan sociala medier. Sedan video. Sedan appar. Och nu? Nu har artificiell intelligens börjat förändra både hur webbplatser byggs och hur människor överhuvudtaget hittar information på internet.

Det är nästan lite ironiskt, tänker jag och tar en klunk av mitt iskalla kaffe. Vi brukade ställa oss framför whiteboarden och fråga: "Hur ska vår webbplats se ut?" I dag borde frågan snarare vara: "Hur ska människor uppleva, förstå, använda, hitta och lita på vår webbplats?" Det är en ganska enorm skillnad. Min stol knakar högt som för att hålla med.

En modern webbplats är ju för fan inte längre bara en digital broschyr. Den är ofta företagets första möte med kunden, butik, kundtjänst, bokningssystem, marknadsföringskanal, varumärkesbyggare, kunskapsbank och ibland hela företagets existens.

Och allt detta, funderar jag medan jag frustrerat sliter mig i håret, ska fungera på en telefon mitt ute på en regnig gata vid Hötorget, på en laptop på jobbet, på en surfplatta i soffan, med långsam uppkoppling, med tangentbord, med skärmläsare, i mörkt läge, i starkt solljus och allt oftare med hjälp av AI. Ingen press alltså. Det är ju bara en liten hemsida.

Jag skrattar torrt för mig själv i det tysta kontoret. Den här mentala artikeln jag pusslar ihop nu bygger vidare på mina tidigare tankar om modern webbdesign, men herregud, den måste uppdateras för den verklighet vi faktiskt lever i nu.

Jag öppnar en flik till och bockar av min första punkt. 1. Responsiv webbdesign är inte längre en trend – det är grundkravet. När jag skrev min ursprungliga artikel var responsiv design något som diskuterades som en modern och cool lösning. I dag är det inte längre särskilt kontroversiellt. Det är en absolut grundförutsättning för att ens få delta i spelet.

Jag tänker på hur Google blankt använder mobilversionen av en webbplats för indexering och ranking genom så kallad mobile-first indexing, och hur de mässar om att responsiv design är den enklaste konfigurationen att implementera och underhålla.

Men idiotin jag ser där ute varje dag... Det betyder dock inte att "mobil först" betyder: "Ta desktopversionen och gör allting exakt likadant fast mycket mindre."

Jag slår näven lätt i skrivbordet. Det är ett av de vanligaste misstagen! En telefon är inte bara en mindre datorskärm. Användaren befinner sig ofta i ett helt annat sammanhang. De kanske går. De kanske står inklämda på blåa linjen. De kanske håller telefonen med en hand medan de bär en kasse. De kanske har fem minuter på sig. De kanske redan vet vad de vill göra. Därför måste designen utgå från användarens uppgift – inte bara skärmstorleken.

Hur ser responsiv design ut 2026 då? Modern responsiv design handlar inte bara om utdaterade media queries. CSS har utvecklats kraftigt. Container queries gör det nu möjligt att låta komponenter reagera på storleken på sitt eget innehållsområde i stället för enbart på hela skärmens bredd. Det gör ju komponentbaserade designsystem betydligt mer flexibla och återanvändbara. Och tack och lov är container queries nu brett tillgängliga i moderna webbläsare.

Det betyder att ett litet informationskort på en webbplats kan ändra layout beroende på hur mycket utrymme just det kortets container råkar ha. Det är ett gigantiskt kliv från den gamla stela modellen där allt designades för några få bestämda skärmstorlekar som någon AD hittat på.

Jag känner mig nästan lite filosofisk där i mörkret. Tänk komponenter, inte sidor. En modern webbplats bör därför byggas som ett maskineri, ett system. Knappar. Kort. Formulär. Navigation. Rubriker. Produktmoduler. Bildblock. Prisboxar. FAQ-sektioner. Call-to-actions.

I stället för att varje jävla sida byggs som ett separat konstverk för Louvren, bör komponenterna fungera som legobitar. Det är bättre för användaren. Det är bättre för utvecklaren. Och framför allt är det betydligt enklare att underhålla när jag sitter här klockan 18:30 på en fredag.

Jag klickar vidare i min hjärna. 2. Minimalism har blivit "less noise", inte "less content".

Den gamla idén om minimalistisk webbdesign var ju skrattretande enkel: Ta bort saker. Mer whitespace. Färre element. Färre färger. Renare layout. Visst, det fungerar fortfarande. Men modern minimalism handlar inte om att städa webbplatsen tills den är tom. Den handlar om att ta bort det som inte hjälper användaren. Det är en livsviktig skillnad som folk missar.

En webbplats kan vara visuellt enkel men ändå tryckas full av väldigt mycket information. En extremt avancerad webbplats kan fortfarande kännas enkel, bara informationen presenteras i exakt rätt ordning. Det är därför modern UX ofta handlar mycket mer om kognitiv belastning än om att räkna antalet element på sidan.

Jag tänker på ett skräckexempel jag såg nyss. Ett formulär med 25 korrekt organiserade frågor kan faktiskt kännas ofantligt mycket enklare än ett formulär med åtta uselt skrivna frågor. Nielsen Norman Group beskriver ju perfekt hur formulär kan göras lättare genom struktur, tydlighet, transparens och stöd – alltså genom att minska det mentala arbete användaren faktiskt måste göra.

Det är det som är modern minimalism. Inte skrytet: "Vi har tagit bort 80 procent av innehållet." Utan prestationen: "Vi har tagit bort 80 procent av onödigheterna."

Och apropos skitsnack... Den gamla myten om guldfisken. Jag suckar djupt. I originalartikeln skrev jag att människor hade ungefär åtta sekunders uppmärksamhet och att vi därför hade sämre uppmärksamhet än en guldfisk. Det där påståendet ska jag personligen radera från historien.

Det finns noll robust vetenskapligt stöd för en generell mänsklig "åtta sekunders uppmärksamhetstid", och jämförelsen med guldfiskens nio sekunder saknar också vetenskaplig grund. Påståendet har spridits brett via gamla marknadsförings-slides, men det är fan inte en seriös grund för UX-design.

Det betyder såklart inte att användare aldrig blir distraherade. Jag menar, kolla på mig, jag har suttit och stirrat på samma kodrad i femton minuter. Men det är stor skillnad mellan: "Människan kan bara koncentrera sig i åtta sekunder" och sanningen: "Användaren kommer att lämna sidan om det inte blixtsnabbt blir tydligt varför innehållet är relevant." Det senare är ett otroligt mycket bättre designproblem att ta sig an.

Min livsfarliga stol gnisslar när jag lutar mig framåt mot skärmens sken. Punkt 3. Design handlar om hierarki – inte bara om vad som är snyggt.

En av de viktigaste förändringarna inom modern webbdesign är att design blivit så mycket mer funktionell. Snyggt är bra. Men snyggt utan tydlighet är ganska värdelöst. Det är som en snygg designerstol som försöker bryta din nacke.

En modern webbplats måste desperat hjälpa användaren att förstå: Var är jag? Vad handlar sidan om? Vad kan jag göra här? Vad är viktigast? Vad händer om jag klickar? Vad förväntas jag göra nu? Vad händer efteråt?

Detta är visuell hierarki på riktigt. Rubriker. Storlek. Avstånd. Kontrast. Position. Färg. Whitespace. Ordval. Allt samarbetar i en tyst symfoni. Det är därför en bra webbdesigner inte bara sitter som ett fån och tänker: "Vilken färg ska knappen ha?" utan i stället frågar sig: "Är detta överhuvudtaget rätt knapp att visa just nu?" Det är en så mycket mer intressant fråga.

Jag svajpar planlöst med musen på bordet. Punkt 4. Flat Design är dött – ungefär.

I den ursprungliga artikeln hyllade jag Flat Design och hur trenden handlade om enkla element, platta färger och minimal dekoration. Grundtanken var god. Men designvärlden har tack och lov gått vidare. Vi lever inte längre i en tid där valet står mellan steril Flat Design eller klumpiga Realistiska 3D-knappar från 2007.

Modern design använder i dag ofta en härlig blandning. Vi kan ha mjuka skuggor. Gradienter. Transparens. Blur. Subtila djup. Stora färgfält. Glasliknande element. Fotografi. 3D. Animation. Mikrointeraktioner. Allt det goda.

Men allt måste ha en funktion. Problemet med designtrender är att tekniken nu gör det möjligt att skapa nästan vad som helst. Det betyder absolut inte att man bör göra det. Det är ungefär som att köpa en extremt avancerad och svindyr espressomaskin och enbart använda den för att värma mjölk. Det går ju. Men varför i hela friden skulle du göra det?

Moderna CSS-funktioner förändrar också radikalt vad som är möjligt. Webbplattformen har blivit ett monster. CSS har fått funktioner som container queries, avancerad positionering och mer avancerade interaktionsmönster. CSS anchor positioning och moderna popover-funktioner gör det exempelvis möjligt att skapa oerhört mycket mer sofistikerade gränssnitt med mycket mindre behov av egen svajig JavaScript-logik. Det viktiga är inte att tvångsmässigt använda alla nya funktioner bara för att de finns. Det viktiga är att veta när de faktiskt löser ett verkligt problem.

Ute i korridoren hör jag städaren dammsuga. Klockan passerar 19:30. Alla normala människor har åkt hem. Jag är fast i mitt eget huvud. Punkt 5. Stora bilder och video fungerar – men prestanda är viktigare än någonsin.

I min gamla artikel skrev jag massor om stora fotografier, hög upplösning och video. Det är fortfarande högst relevant. Skillnaden är bara att tekniken för att leverera visuellt innehåll har blivit otroligt mycket bättre. Och kraven på prestanda har blivit obarmhärtiga.

En modern webbplats kan absolut stoltsera med stora fotografier, 4K-video, animation, bakgrundsvideo, produktbilder och interaktiva element. Men användaren ska aldrig behöva betala för den festen med 15 sekunders död väntetid.

Jag ryser vid tanken på Core Web Vitals. Google använder Core Web Vitals som en stenhård del av sin övergripande bedömning av sidupplevelsen. De tre centrala mätvärdena dunkar i mitt huvud som en ångestpuls: LCP – Largest Contentful Paint. Hur snabbt det absolut viktigaste visuella innehållet laddas. Google anger att en bra LCP bör vara högst 2,5 sekunder. INP – Interaction to Next Paint. Hur snabbt sidan faktiskt reagerar när användaren interagerar med den. Google anger under 200 millisekunder som mål för en bra användarupplevelse. Och så mardrömmen CLS – Cumulative Layout Shift. Hur mycket sidan hoppar runt som en galning medan innehållet laddas. Google anger mindre än 0,1 som bra nivå.

Det sista är ju ett klassiskt tortyrexempel. Du klickar på en knapp. Och precis när fingret ska nudda skärmen flyttar en enorm banner ner hela innehållet. Du klickar ändå. Men nu klickade du på något helt annat, typ "Köp 50 bläckpatroner". Det är inte modern design. Det är modern frustration.

Bilder ska vara stora – men filstorleken behöver inte vara det. Moderna webbplatser bör använda rätt bildformat, rätt storlek och rätt laddningsstrategi. Bilder långt under sidans första synliga område kan vanligtvis lazy-loadas med gott samvete, medan den viktigaste hero-bilden absolut inte bör skjutas upp på samma fega sätt. Moderna webbtekniker kan dessutom hjälpa oss att prioritera viktiga resurser. Det betyder i slutändan: Hög visuell kvalitet – låg teknisk vikt. Det är den eviga moderna kompromissen.

Jag blinkar mot det skarpa blå ljuset från skärmen. 6. Video är kraftfullt – men video är fan inte gratis.

I originalartikeln siade jag kaxigt att video skulle fortsätta växa kraftigt. Det hade jag rätt i. Guldstjärna till mig. Men det stora misstaget vore att sitta här nu och tro: "Video är bra, alltså ska hela jävla sajten bestå av video." Nej.

Video ska användas när rörelse faktiskt kommunicerar något bättre än trött text eller en platt bild. Till exempel: en komplicerad produkt som används, en tränare som visar en svår övning, en solig destination, en mysig restaurang, en knepig process, en demonstration, ett event, eller en intressant människa som berättar något.

Men om en tre sekunder lång animation används enbart för att en logotyp ska flyga in från vänster bara för att designern visste hur man gjorde det... då har vi ett problem.

Motion ska hjälpa, inte irritera och distrahera. Moderna webbplatser kan använda animation mycket mer intelligent. Samtidigt måste de respektera användare som har valt reducerad rörelse för att de mår illa. Webbstandarder stödjer ju detta vackert genom prefers-reduced-motion, som gör att webbplatser kan minska eller helt ta bort icke-nödvändiga animationer när användaren uttryckligen valt det i sitt operativsystem. Det är en otroligt viktig del av modern design. Animation är inte fienden. Dålig, meningslös animation är problemet.

Magen kurrar högt. Skit samma, jag är i the zone nu. Punkt 7. Typography har blivit ett designsystem – inte bara ett typsnitt.

I originalartikeln proklamerade jag att typografi var enormt viktigt. Det är fortfarande helt rätt. Men det där gamla trötta påståendet att typografi "står för över 90 procent av designen" behöver man ju inte bygga en hel artikel på längre.

Det intressanta i kväll är något annat: Typografi påverkar direkt hur lätt information är att förstå. En modern webbplats behöver därför metodiskt tänka på läsbarhet, radlängd, radavstånd, storlek, vikt, kontrast, hierarki, responsiv skalning, språklängd och tillgänglighet. Det är ett pussel.

Och Variable fonts! Moderna webbfonttekniker gör det nu möjligt att arbeta så mycket mer flexibelt med vikt, bredd och andra typografiska variationer i en enda fil. Det innebär att en design kan vara mycket mer uttrycksfull utan att man behöver tvinga användaren att ladda ner en enorm samling separata fontfiler som segar ner allt.

Men, och min cyniska sida gör sig påmind igen: En font är inte bra bara för att den är modern. Den ska fungera. Läsbarhet måste alltid gå före personlighet. Ett exklusivt hotell kan använda en elegant serif. Ett teknikföretag kanske väljer en stram modern sans serif. Ett kreativt företag kanske vill ha något mycket mer uttrycksfullt och galet. Det finns inga absoluta regler. Men det finns en ganska bra regel som jag brukar skrika åt juniorerna: Om användaren måste kisa och kämpa för att läsa texten, ja, då har din design misslyckats.

Jag masserar mina ömmande tinningar. Punkt 8. Tillgänglighet är inte längre en bonus – det är en del av professionell webbdesign.

Det här är en av de absolut största och viktigaste förändringarna sedan min ursprungliga artikel skrevs. Tillgänglighet har blivit oändligt mycket viktigare både tekniskt, etiskt och juridiskt. Jag tänker på W3C:s WCAG 2.2, den aktuella internationella standarden för webbtillgänglighet. Den omfattar användare med synnedsättning, hörselnedsättning, rörelsebegränsningar samt kognitiva och neurologiska behov. W3C rekommenderar starkt användning av WCAG 2.2 för att maximera framtida tillämpbarhet.

Det innebär att vi i den moderna designvärlden måste ha stenkoll på tangentbordsnavigation, fokusmarkering, kontrast, alternativ text, semantisk HTML, formulär, skärmläsare, tydliga länkar, felmeddelanden, touchmål, animation och rubrikstruktur. Det är ingen lek.

Och knappar ska gå att trycka på! WCAG 2.2 innehåller ett stenhårt krav på att pekmål som utgångspunkt ska vara minst 24 × 24 CSS-pixlar, eller åtminstone ha tillräckligt avstånd från andra mål. Det låter ju helt trivialt. Ända tills man försöker trycka på en mikroskopisk hamburgermeny med en tjock tumme när bussen skumpar över kullerstenarna. Då blir 24 pixlar plötsligt väldigt konkret.

EU har också höjt ribban rejält, ryser jag till och känner vördnad för lagboken. Den europeiska tillgänglighetslagen, European Accessibility Act, började tillämpas den 28 juni 2025 för vissa produkter och tjänster, bland annat e-handel. Det finns såklart undantag, exempelvis för vissa mikroföretag som tillhandahåller tjänster, så företag måste bedöma vilka delar av reglerna som faktiskt gäller för deras specifika verksamhet och nationella genomförande. Men poängen kvarstår: tillgänglighet är inte längre bara ett fromt: "Det vore jättefint om vi gjorde det." För vissa verksamheter är det numera en kall, hård fråga om lagkrav.

Utanför fönstret är Stockholm nu helt mörkt. Gatlyktorna längs Kungsgatan speglas i den blöta asfalten. Jag är garanterat ensam på hela våningsplanet. Punkt 9. Navigationen ska vara enkel – men inte dum.

I originalartikeln förutspådde jag naivt att scrolling skulle bli allt viktigare och att fler webbplatser skulle bestå av en enda oändlig lång sida. Det har ju delvis blivit verklighet. Men där fanns också en massiv förenkling som jag skäms lite över.

Scrollning är inte automatiskt bättre än klick. Och en enormt lång sida är inte automatiskt bättre än flera sidor. Det som avgör – alltid – är användarens uppgift. En snygg storytelling-sida kan fungera fantastiskt som lång scroll. Men en produktsida med 100 olika skruvalternativ gör det fan inte. En restaurang kan ha en lång härlig meny. Men ett universitet måste ha en genomtänkt informationsarkitektur, annars blir studenterna galna. En personlig tränare behöver kanske bara: Träning, Om mig, Priser, Boka, Kontakt. Problemet är aldrig antalet sidor. Problemet är en usel, dålig struktur.

Modern navigation bör vara förutsägbar. Konsekvent. Tydlig. Lätt att nå. Anpassad för touch. Och heligt byggd runt det användaren faktiskt behöver göra. Nielsen Norman Group ekar i bakhuvudet; de betonar fortfarande vikten av tydlig mobil navigation och att högre nivåer i informationsarkitekturen absolut inte bör bli onödigt komplexa.

Och snälla nån... Hamburger-menyn är inte en religion! Den ska användas när den verkligen hjälper. Inte bara för att "alla andra gör så" och man var lat. På många webbplatser fungerar en smart kombination bäst: Synliga huvudval framme, en meny gömd för sekundära funktioner, tydliga CTA-knappar, intern sökning när webbplatsen är stor, brödsmulor när hierarkin är djup, och ankarlänkar på längre sidor. Det är alltid användaren som ska förstå strukturen. Inte utvecklaren som var hög på redbull när han byggde den.

Jag lutar mig tillbaka igen och överlever precis ett stol-tipp. 10. Ghost Buttons: använd med försiktighet.

Jag minns mycket väl hur jag skrev att ghost buttons var en viktig trend och stolt listade fördelar och nackdelar. Idén finns kvar. Men de bör för guds skull inte behandlas som en trend man måste följa blint. En transparent knapp med en papperstunn kant kan vara oerhört elegant, jag medger det.

Men problemet exploderar när den visuella elegansen blir viktigare än tydligheten. En knapp ska se ut som något man fan kan trycka på! Den ska ha tillräcklig kontrast. Texten ska vara tydlig. Den ska fungera på olika stökiga bakgrunder. Och på en mobil ska den vara plättlätt att träffa.

För primära åtgärder är en tydlig, ifylld knapp nästan alltid bättre än en subtil konstnärlig ghost button. Exempelvis: "Boka tid", "Köp nu", "Kontakta oss", "Begär offert", "Starta gratis" är betydligt tydligare än "Läs mer", "Upptäck", eller "Fortsätt" när användaren faktiskt förväntas göra något viktigt. Det handlar om mikrocopy lika mycket som design, inser jag.

Jag sätter min egen skärm i dark mode för att skona mina såriga ögon. Vilket osökt för mig till punkt 11. Dark mode, personalisering och användarens preferenser.

Dark mode är inte längre något märkligt nörd-tillval som används av deprimerade utvecklare klockan två på natten (kastar sten i glashus nu). Det är en stenhårt etablerad del av moderna gränssnitt. Webbplattformen kan läsa användarens preferens genom det magiska prefers-color-scheme, vilket gör det möjligt att anpassa gränssnitt till ljust eller mörkt färgschema direkt.

Men mörkt läge är absolut inte obligatoriskt för varje enskild webbplats i världen. Det viktiga är att färg aldrig får vara det enda sättet att kommunicera kritisk information. En varning ska fortfarande vara lysande tydlig om röd färg försvinner. En länk ska fortfarande gå att identifiera i texten. En knapp ska fortfarande vara en knapp, även i kolmörker.

Samma filosofi gäller anpassning: Design för användaren – inte design för designens jävla skull. En modern webbplats kan minnas ditt språk, anpassa innehåll efter dig, visa relevant information, förenkla navigationen baserat på dina vanor och erbjuda AI-baserad hjälp. Men personalisering måste vara meningsfull! För mycket personalisering kan skapa total, oöverskådlig komplexitet. Och ibland... ibland vill användaren faktiskt bara läsa en vanlig sida utan att webbplatsen i bakgrunden försöker psykoanalysera personen in i minsta detalj.

Och nu kommer vi till elefanten som trängt sig in i mitt kontor. Jag slår ut med händerna mot den tomma stolen mittemot. 12. AI har förändrat webbdesign på riktigt.

Det här är förmodligen den överlägset största förändringen som saknades helt i min gamla artikel. AI har gått från att vara en luddig, pretentiös framtidsdiskussion till att bli ett stenhårt, praktiskt arbetsverktyg. I dag kan AI hjälpa mig och andra designers att: Skapa prototyper, generera oändligt med kod, skriva innehåll, skapa bilder, analysera drösvis med användardata, sammanfatta kundfeedback på sekunder, översätta till tjugo språk, skapa varianter, testa idéer, bygga komponenter, identifiera problem. Och skapa fungerande prototyper på en bråkdel av den tid det tidigare tog mig.

Det låter som paradiset, eller hur? Men Nielsen Norman Groups experter beskriver samtidigt en viktig och mörk baksida som får mig att kallsvettas: AI gör det möjligt att skapa saker snabbare än UX-team överhuvudtaget hinner utvärdera dem. Resultatet kan snabbt bli en massiv så kallad UX-skuld – funktioner som tekniskt fungerar men som är totalt förvirrande, onödiga eller helt överbelastade för användaren. Det här är otroligt viktigt att komma ihåg. För AI kan göra utvecklingen snabbare. Men AI vet fan inte automatiskt vad som faktiskt är värt att bygga.

Och Vibe coding... Vibe coding är inte en UX-strategi! I dag kan nästan vem som helst sätta sig och be ett AI-system: "Bygg mig en webbplats för mitt företag." Och fem minuter senare kan man ha tur och få något som faktiskt fungerar. Helt fantastiskt.

Men: Fungerar det verkligen för användaren? Är innehållet överhuvudtaget korrekt? Är det tillgängligt? Är det säkert? Är det snabbt? Är det lätt att förstå? Passar det varumärket? Är informationen juridiskt korrekt? Fungerar det på en gammal telefon? Kan Google förstå sidan? Kan en skärmläsare navigera den utan att krascha? Det är exakt där människan fortfarande behövs. AI är fantastisk på att massproducera. Människan måste fortfarande vara den som är bra på att bedöma.

Jag kastar en blick på klockan nere i hörnet. 21:00. Jag är officiellt galen som är kvar. 13. SEO har förändrats – och AI förändrar sök ännu mer.

SEO är inte dött, hur många LinkedIn-gurus som än skriker det. Men gammal SEO är stendöd. Det finns inte längre någon magisk lista med tio sökord som du desperat stoppar in 37 gånger och sedan lutar dig tillbaka på Googles förstaplats med ett glas champagne. Google beskriver i dag SEO mycket klokare, som en hjälp för sökmotorer att förstå innehåll och för användare att hitta relevant information. Google rekommenderar people-first-innehåll, tydliga titlar och rubriker, unikt och användbart innehåll och att innehållet faktiskt visar riktig erfarenhet och kunskap.

SEO har blivit semantiskt, inser jag. Google behöver förstå: Vad företaget faktiskt är. Vad sidan handlar om. Vilka personer eller organisationer som nämns i brödtexten. Vilken fysisk plats som avses. Vilka produkter eller tjänster som de facto erbjuds. Vilka relationer som finns mellan all denna information. Därför blir strukturerad data bara viktigare och viktigare. Google beskriver exempelvis hur Organization och LocalBusiness-strukturerad data kan hjälpa sökmotorn att verkligen förstå verksamheten och i vissa fall visa mycket mer och rikare information direkt i sökresultatet.

Och AI-sök förändrar spelplanen ännu brutalare. Google har nu AI-funktioner som AI Overviews och AI Mode. Det betyder rent krasst att människor inte alltid kommer att se en traditionell, trygg lista med tio blå länkar och sedan börja klicka sig neråt. De kan först få ett massivt AI-genererat svar presenterat för sig.

Samtidigt påpekar Google att de grundläggande SEO-principerna lyckligtvis fortfarande gäller för AI-funktionerna. Det finns alltså ingen separat "AI-SEO"-knapp i adminpanelen som magiskt gör en webbplats synlig i AI Overviews. Sidan måste fortfarande vara indexerbar, följa Googles alla riktlinjer och erbjuda hjälpsamt, tillförlitligt och människocentrerat innehåll. Det är en monumental förändring.

Men det kokar ner till en enkel slutsats i mitt trötta huvud: Skriv för människan – bygg för maskinen. Det är en mycket, mycket bättre SEO-princip än det gamla trötta: "Skriv för Google." Skriv för människan, men se fan till att tekniken bakom hjälper Google, Bing och andra system att förstå vad människan faktiskt läser.

Mina ögon svider som om jag gnuggat in sand i dem. 14. AI kommer också att förändra själva gränssnittet.

Det handlar ju inte bara om att AI skriver lite text bakom kulisserna. AI börjar på allvar förändra hur själva användargränssnittet fungerar! I traditionell webbdesign, den jag växte upp med, bestämmer designern enväldigt: Här finns en sökruta. Här nere finns ett filter. Här finns tio runda knappar. Här, högst upp, finns en meny. Användaren måste snällt lära sig och förstå mitt påhittade gränssnitt.

Med AI kan vi i stället börja tänka: Vad försöker den här människan faktiskt åstadkomma? I stället för det kantiga: "Vilken kategori vill du klicka på?" kan användaren i framtiden bara skriva eller säga: "Jag behöver ett hotell i Málaga för två vuxna och två barn, nära stranden, med pool och bra recensioner." Det är en helt annan dimension av ett gränssnitt.

Nielsen Norman Group har redan beskrivit utvecklingen mot mer outcome-oriented design och generativa gränssnitt, där AI i realtid kan anpassa interaktionen helt efter användarens omedelbara mål och sammanhang. Det betyder naturligtvis inte att menyer och knappar kommer att dö ut imorgon. Men framtidens webb kan mycket väl bli mycket mindre av: "Hitta rätt sida i min labyrint" och mycket mer: "Berätta för mig vad du vill uppnå."

Jag scrollar vidare i mina osammanhängande anteckningar. 15. Formulär och checkout måste vara extremt välgjorda.

Gud, detta gör mig alltid så orimligt irriterad. Många företag lägger miljoner på startsidan. Den ska vara ett konstverk! Sedan låter de praktikanten förstöra exakt allt på absolut sista steget. Formuläret. Bokningen. Kassan. Kontaktförfrågan. Det är på fullt allvar ungefär som att bygga världens snyggaste butik och sedan spika igen dörren från insidan.

Moderna formulär bör vara korta där det går. Tydliga. Logiskt grupperade. Förlåtande (skrik inte rött på mig för ett mellanslag!). Lätta att förstå. Smidiga på mobilen. Fullt tillgängliga. Och glasklara med vad som faktiskt händer när jag klickar på inskick.

Användaren ska aldrig behöva sitta där och gissa: Vilket jävla format ska datumet ha? Varför behöver ni mitt personnummer för en PDF? Vad betyder egentligen den här kryptiska checkboxen? Vad kostar detta i slutändan? När får jag svar från er? Vad händer om jag råkar göra fel? Nielsen Norman Group pekar särskilt, och helt rätt, på att otydliga formulär drastiskt ökar den mentala belastningen och risken för fel och avhopp. Detta är inte längre bara UX. Det är direkta, förlorade affärsresultat.

Jag suckar. 16. Integritet och samtycke måste byggas in från början.

Det gamla sättet att tänka var ruttet: Bygg webbplatsen först, strunta i reglerna, och lägg sedan slarvigt till en ohygglig GDPR-banner allra sist för att advokaten sa till. Modern utveckling bör och måste vara så mycket mer genomtänkt.

Vilka uppgifter samlar vi egentligen in? Varför i hela världen gör vi det? Vilka cookies används i lönndom? Vilka skumma tredjepartstjänster laddas i bakgrunden? Vad händer innan användaren ens lämnar samtycke? Hur länge vågar vi lagra informationen? Kan användaren tacka nej utan att behöva lösa en chiffer-gåta? Kan användaren enkelt ändra sitt val?

Google Consent Mode kan exempelvis förmedla användarens samtyckesstatus smidigt så att Googles taggar faktiskt anpassar sitt beteende efter dessa val. Men Consent Mode är inte i sig självt en godkänd samtyckesbanner – den fungerar enbart tillsammans med den samtyckeslösning webbplatsen faktiskt använder. Det här är en enormt viktig skillnad som folk ignorerar. En snygg cookie-banner betyder inte för en sekund automatiskt att tekniken bakom är korrekt.

Och på tal om juridiskt korrekt och katastrofer. 17. Säkerhet är en del av designen.

I den gamla webbvärlden kunde säkerhet lätt bli något stackars backend-utvecklaren tänkte på efteråt, tre veckor efter lansering. Så ska man fan inte bygga längre. OWASP:s aktuella Top 10 från 2025 listar krasst bland annat Broken Access Control, Security Misconfiguration, Software Supply Chain Failures, Cryptographic Failures, Injection, Insecure Design och Authentication Failures bland de absolut viktigaste riskområdena för webbapplikationer.

Det betyder att jag, i modern webbdesign, också måste ta stenhård hänsyn till: Säkra lösenord. Behjärtansvärda behörigheter. Säker kod. Uppdaterade beroenden. Säkra API:er. Formulärskydd. Skydd mot manipulation. Loggning. Säkerhetskopiering. Säkra betalningar.

Och framför allt, min absoluta favoritregel: Minimera mängden information du samlar in! Varje onödig bit data du samlar på dig är också en bit data som måste skyddas. Har du den inte, kan du inte förlora den.

Klockan är 22:15. Jag borde ha gått hem för timmar sedan. Min familj tror väl jag emigrerat. 18. Design Systems har blivit viktigare än enskilda mockups.

Förr i tiden kunde ett designprojekt bestå av hundratals fristående Photoshop-skisser som ingen utvecklare förstod. Sedan kom prototyping. Sedan kom Figma som en gåva från ovan. Nu arbetar många professionella team med tunga design systems.

Ett designsystem beskriver metodiskt hur företagets digitala produkter ska byggas: Färgpalett. Typografi. Spacing. Ikoner. Knappar. Formulär. Komponenter. Navigation. Tillgänglighet. Interaktioner. Kod. Designprinciper. Det gör att en webbplats kan växa i storlek utan att varje ny undersida ser ut som om den designades av en annan, lätt onykter, person.

Och i denna AI-era blir detta tusen gånger viktigare. När AI plötsligt kan skapa 50 snarlika komponenter på en eftermiddag, behöver någon människa med makt kunna peka och säga: "Nej. Vi behöver fan inte 50. Vi behöver tre som följer systemet." Designsystemet blir därför inte bara ett fint bibliotek att visa upp. Det blir vår hårdaste kvalitetskontroll.

19. Microinteractions: De små detaljerna gör stor skillnad.

Medan jag gnuggar mig i ögonen inser jag att det nästan aldrig är de enorma effekterna som användaren kommer ihåg. Ibland är det de där små, obetydliga sakerna: En knapp som tydligt och fysiskt visar att den tryckts ner. Ett ovanligt bra och pedagogiskt felmeddelande. En snygg och diskret bekräftelse. En ärlig progress-indikator. En smörig övergång. Ett formulär som automatiskt och milt visar vad som är fel utan att skrika rött. En knapp som vackert ändrar text från: "Skicka" till: "Skickat. Tack!".

Sådana briljanta detaljer kallas ofta microinteractions. De är små. Men de gör hela gränssnittet otroligt mycket begripligare och framförallt mer mänskligt. Moderna webbplattformar erbjuder i dag lyckligtvis fler inbyggda funktioner för just interaktion, bland annat Popover API, dialoger och modernare positionering. Popover API är numera brett tillgängligt i aktuella webbläsare och kan ge ett mycket bättre, standardiserat beteende för vissa typer av gränssnittskomponenter. Tekniken gör alltså mycket mer möjligt nu än tidigare. Men jag måste påminna mig själv för hundrade gången i kväll: Möjligt betyder inte nödvändigt.

Och så detta. Jag lutar mig tillbaka, händerna bakom nacken. 20. Personligt innehåll och autenticitet blir viktigare när AI blir bättre.

Det här är kanske den mest intressanta och skrämmande utvecklingen av dem alla. När AI nu kan producera nästan obegränsat med text, bilder och video på en bråkdel av en sekund, blir det exponentiellt svårare att avgöra vad som egentligen är verkligt på nätet. Det gör autenticitet oerhört mycket mer värdefull.

Ett riktigt amatörfotografi. En levande kund som stakar sig. En äkta berättelse om ett misslyckande. En riktig expert. Egen blodsvett-och-tårar-erfarenhet. Originaldata ingen annan har. Egen grävande forskning. Ett eget, kantigt perspektiv. Google betonar också, klokt nog, vikten av first-hand experience och people-first content i sin vägledning för hjälpsamt innehåll.

Det innebär att framtidens i särklass bästa företagswebbplatser kanske inte alls blir de som pumpar ur sig absolut mest innehåll. Utan de få som faktiskt har något genuint äkta att säga. Det är en ganska härlig utveckling, måste jag medge i mörkret. AI gör det smutsbilligt att producera massor av information. Och just därför blir äkta mänsklig erfarenhet dyrare och finare än någonsin.

Jag reser mig upp. Ryggen knakar som en gammal dörr. Jag stirrar ut över ett tyst, sovande Stockholm. 21. 8 tecken på att det är dags att göra om din webbplats.

I min ursprungliga artikel listade jag snusförnuftigt åtta tecken på att en webbplats behövde redesign. De grundläggande frågorna är fortfarande lika giltiga. Men i natt skulle jag vilja använda en något modernare och vassare checklista:

1. Webbplatsen fungerar inte riktigt på mobilen. Detta är inte längre på kartan acceptabelt. Om användaren måste zooma som en galning. Om texten är för liten att läsa. Om knappar är för små att nudda. Om menyn är frustrerande gömd. Om formulären är svåra att fylla i med tummen. Om bilder bryter ut utanför skärmen. Då är problemet inte att användaren är "ovanan" eller dum. Problemet är din usla design. Google använder mobilversionen för indexering och ranking och rekommenderar stenhårt responsiv design.
2. Webbplatsen är långsam. Och jag menar inte: "Den känns lite långsam." Mät för i helvete! Titta på: LCP. INP. CLS. Server response time. JavaScript. Bilder. Fonts. Third-party scripts. Cache. CDN. Det är oändligt mycket mer professionellt än den där gamla trötta regeln: "Om den inte laddar på tre sekunder är den dålig." Den typen av löjligt förenklade gränsvärden fångar inte på långa vägar hela användarupplevelsen. Använd riktiga mätvärden. Google rekommenderar att webbplatser strävar efter bra Core Web Vitals för en bra användarupplevelse.
3. Innehållet kan inte uppdateras enkelt. Det här problemet har tydligen inte försvunnit än. Företaget ska kunna uppdatera öppettider, priser, tjänster, bilder, team, nyheter, produkter, vanliga frågor och kontaktinformation utan att gråta. Ett modernt CMS kan göra detta möjligt utan att varje liten ändring av ett kommatecken måste gå genom en dyr utvecklare. Men det betyder absolut inte att alla företag behöver ett gigantiskt CMS som tar månader att lära sig. Även här gäller: Använd rätt verktyg för rätt problem.
4. Ingen förstår vad företaget faktiskt gör. Detta är så vanligare än man kan tro. Du går in på en webbplats och ser en massiv bild, en vag slogan om "synergi", en video i bakgrunden och några abstrakta cirklar. Och efter tio sekunder tänker du argt: "Okej... men vad säljer de egentligen?!" Det är ett totalt misslyckande. Huvudrubriken bör inom en sekund hjälpa användaren att förstå: Vad ni gör. För vem. Och exakt varför det spelar någon roll.
5. Navigationen är förvirrande. Om användaren måste sitta och tänka för mycket på hur webbplatsen ens fungerar har du ett gigantiskt UX-problem. Navigationen ska kännas naturlig som att andas. Inte som ett ångestladdat escape room.
6. Webbplatsen genererar inte affärer. En webbplats ska inte bara vara en snygg tavla. Den ska också göra sitt jobb och dra in stålar. Beroende på verksamheten kan målet variera: Försäljning. Bokningar. Förfrågningar. Telefonsamtal. Nyhetsbrev. Besök i butik. Registrering. Kontakt. Laddning av material. En bra webbplats kopplar ihop designen till affärsmålet. Det betyder inte, herregud nej, att varje sida måste ha en stor pulserande, aggressiv: KÖP NU!-knapp. Det betyder bara att användaren mjukt ska förstå nästa naturliga steg.
7. Webbplatsen hittas inte längre. SEO behöver granskas regelbundet, inte en gång vart femte år. Kontrollera: Indexering. Titlar. Rubriker. Internlänkning. Strukturerad data. Sitemaps. Robots-regler. Canonicals. Prestanda. Innehållskvalitet. Search Console. Och Google Business Profile där det är relevant. Google betonar själva att SEO är till för att hjälpa sökmotorer att förstå innehållet och användare att hitta relevant information, men att det inte längre finns några hemliga knep som automatiskt ger en förstaplats. Det är hårt arbete som gäller.
8. Webbplatsen känns som 2016. Det här är det mest subjektiva tecknet – men ibland också det i särklass mest uppenbara. Om du själv känner: "Gud, jag vill helst inte ge kunder den här länken." då har du redan ditt smärtsamma svar. Webbplatsens visuella uttryck påverkar direkt trovärdighet och förtroende. Men kom ihåg: En design behöver inte vara extremt trendig för att vara modern. Den måste bara vara relevant, tydlig, snabb, tillgänglig och konsekvent.

Jag lunkar tillbaka till min plats och dunsar ner. 22. Ytterligare två frågor som jag skulle ställa nu, 2026.

Sedan jag skrev originalartikeln har två nya, stora frågor blivit så livsviktiga att de förtjänar helt egna platser på min sena natt-checklista.

Fråga ett: Kan AI läsa och förstå min webbplats? Om svaret är nej kan du ha ett mycket stort problem framöver. Det betyder absolut inte att du måste slita ut allt och bygga en webbplats enbart för AI. Det betyder bara att människor och maskiner måste kunna förstå exakt samma innehåll smärtfritt. Bra struktur. Tydliga H-rubriker. Semantisk HTML. Text som faktiskt finns i DOM:en, inte dold bakom skript. Beskrivande länkar. Strukturerad data. Tydliga, hårda fakta. Google rekommenderar bland annat starkt semantisk HTML, beskrivande titlar och textuellt innehåll som verkligen hjälper sökmotorer att förstå sidan.

Fråga två: Är webbplatsen byggd för verkliga människor med olika behov? Kan den överhuvudtaget användas smidigt med tangentbord? Fungerar den med skärmläsare utan att braka ihop? Är kontrasten tillräcklig för äldre ögon? Går det att förstora all text? Är knapparna tillräckligt stora för darriga händer? Kan irriterande animation minskas? Är formulären pedagogiskt tydliga? Om svaret är nej på något av detta... ja, då är webbplatsen helt enkelt inte färdig.

Jag stirrar in i min egen mörka spegelbild i skärmen. Varför är det så enormt viktigt att bygga ett starkt varumärke? Det här var en central del av min ursprungliga artikel, och den principen är fasen ännu mer relevant i natt.

Ett varumärke är inte en logotyp man ritat i Illustrator. Det är inte heller det trötta argumentet: "Vi använder blått eftersom blått signalerar förtroende." Ett varumärke är den brutala summan av alla upplevelser kunden har. Logotypen, ja. Färgerna. Webbplatsen. Tonen. Bilderna. Sociala medier. Kundtjänsten som svarar (eller inte svarar). Telefonen. E-posten. Produkten i sig. Personalens beteende. Hur otroligt enkelt det är att boka. Hur enkelt det är att få snabb hjälp. Hur företaget reagerar när något går totalt åt skogen. Och, framför allt, vad kunden berättar för andra efteråt. Det är varumärket.

Webben är ju företagets digitala personlighet. Förr kunde ett företag komma undan med att ha en logotyp, en tryckt broschyr, en butik och ett telefonnummer. I dag kan samma lilla företag ha: Webbplats, Instagram, TikTok, YouTube, Google Business Profile, LinkedIn, Nyhetsbrev, WhatsApp, AI-assistent, onlinebokning, kundportal, app, digitala annonser och arga recensionsprofiler.

Allt detta inferno måste kännas som ett och samma företag! Det är precis där design systems, tonalitet och en glasklar varumärkesstrategi blir livsviktiga. Annars kan kunden lätt klicka runt och känna paniken: "Vänta... är jag fortfarande hos samma företag?"

Det är ett skifte jag känner i märgen. Från digital broschyr till digital upplevelse. Det kanske överlägset största skiftet sedan jag skrev originalet är just detta: En webbplats behöver inte längre betraktas som en stel, platt samling sidor man klickar mellan. Den kan och bör ses som en levande upplevelse.

Användaren kommer in. Förstår direkt. Utforskar nyfiket. Ställer frågor. Jämför priser. Interagerar. Köper. Bokar. Kontaktar. Återkommer. Det är en resa. Nielsen Norman Group beskriver just denna förflyttning mycket klokt, från att bara optimera enskilda skärmar till att börja se hela kundresan som en sammanhängande upplevelse över tid, över kanaler och över tekniker. Det är ett mycket, mycket bättre sätt att tänka när jag sitter här i mörkret.

Så, drar jag en suck och börjar stänga ner fönster för fönster... vad skulle jag prioritera på en webbplats 2026? Efter alla trender, buzzwords och hetsiga debatter kommer vi till slut alltid tillbaka till några väldigt enkla principer.

1. Gör webbplatsen lätt att förstå.
2. Gör den snabb.
3. Gör den tillgänglig.
4. Gör den säker.
5. Gör den lätt att använda på en telefon i regnet.
6. Skriv för riktiga, tänkande människor.
7. Använd riktiga erfarenheter och originalinnehåll som betyder något.
8. Använd AI där det verkligen skapar verkligt värde, inte annars.
9. Mät skoningslöst vad användarna faktiskt gör.
10. Låt designen stenhårt stödja verksamheten.

Det sista är kanske det jag måste tatuera in. En webbplats existerar inte för designerns (mitt egos) skull. Den existerar inte för backend-utvecklarens skull. Den existerar inte för marknadschefens powerpoint-presentation. Den existerar faktiskt inte heller för Googles skull. Den existerar för vanliga människor. Och helst ska den dessutom se till att hjälpa företaget att lyckas överleva.

Jag stänger äntligen av min dator. Mörkret i kontoret blir nästan kompakt. Framtidens webb är inte nödvändigtvis mer komplicerad, tänker jag medan jag tar på mig jackan. Det här är nästan den största ironin av dem alla i min bransch. Tekniken har blivit extremt, löjligt mycket mer avancerad. Men resultatet behöver absolut inte bli mer komplicerat. Tvärtom.

AI. Smartare CSS. Bättre webbläsare. Snabbare nätverk. Bättre bildformat. Design systems. Strukturerad data. Tillgänglighetsstandarder. Automatiserade tester. Analytics. Cloud. CDN. API:er. Allt detta magiska tekniska kaos... allt detta kan faktiskt göra upplevelsen enklare för användaren. Och det är ju det som är målet.

Användaren ska ju inte behöva veta att webbplatsen använder container queries. De ska bara tänka: "Gud, det här fungerar." De ska inte behöva veta ett skit om Core Web Vitals. De ska bara tänka: "Det gick snabbt." De ska inte behöva kunna rabbla WCAG 2.2. De ska bara tänka: "Jag kunde använda sidan." De ska inte bry sig om semantisk HTML. De ska bara hitta rätt information. De ska inte ens behöva veta att AI spökar bakom en viss funktion. De ska bara få hjälp.

Det är vad bra teknik är. Teknik som smyger undan och försvinner i bakgrunden.

När jag lunkar ner för korridoren inser jag att när jag skrev den första versionen av den här artikeln handlade modern webbdesign till stor del om responsiv design, minimalism, feta bilder, flat design, cool typografi, scrolling och flashiga visuella element. Mycket av det är fortfarande relevant, absolut. Men definitionen av modern webbdesign har i grunden förändrats.

Det räcker inte längre att webbplatsen ser bra ut på en iPhone på ett möte. Den måste fungera. Den måste vara snabb. Den måste vara tillgänglig. Den måste vara säker. Den måste vara begriplig för både svettiga människor och kalla sökmotorer. Den måste kunna fungera felfritt tillsammans med AI. Den måste djupt respektera användarnas integritet. Den måste vara lätt att underhålla för de som är kvar. Den måste fungera som en självklar del av företagets hela, stora kundresa. Och framför allt måste den skapa genuint värde.

Vi har gjort en enorm resa. Vi har gått från Webbplatsen som broschyr, till Webbplatsen som produkt. Sedan vidare till Webbplatsen som upplevelse. Och nu... nu är vi på väg mot Webben som ett intelligent gränssnitt mellan människor, företag och maskiner.

Men, tänker jag medan jag låser kontorsdörren och kliver ut i den kalla Stockholmsnatten. Det betyder inte att den allra äldsta regeln har blivit fel. Den har bara blivit ännu viktigare: Keep it simple.

Inte enkelt för att tekniken är enkel. Utan enkelt trots att tekniken är sinnessjukt avancerad. Det är den verkliga utmaningen vi har framför oss. För i slutändan behöver kunden inte veta hur många hundra AI-modeller, CSS-funktioner, API:er, servrar, designsystem eller analysverktyg som snurrar bakom webbplatsen. De behöver bara kunna komma in, förstå, känna förtroende och göra precis det de kom dit för att göra.

Och när det faktiskt fungerar? Ja, då har jag och webbdesignen gjort sitt jobb. Inte när någon klappar mig på axeln och säger: "Wow, vilken cool hemsida." Utan när en trött användare klockan elva på kvällen andas ut och säger: "Gud, det där var enkelt."

Och det, inser jag medan jag börjar gå ner mot tunnelbanan, är kanske det absolut mest moderna en webbplats överhuvudtaget kan vara i dag.