Vad är skillnaden på UX och UI-design?
Blogg
2 min
Vad är skillnaden mellan UI och UX-design? Ofta misstas dessa olika delar för att vara samma sak men det är två olika funktioner inom webbdesign. UI står för användargränssnitt och syftar till den visuella delen av webbplatsen medan UX handlar om användarupplevelsen av designen. Tillsammans kompletterar de varandra och skapar bra webbdesign. Läs vidare i inlägget så djupdyker vi ytterligare i begreppen!
Vad är är UI?
UI står för User Interface och betyder användargränssnitt. Enkelt förklarat är användargränssnittet allt som du som användare aktivt interagerar med för att använda en produkt eller tjänst. Det innefattar bland annat skärmar, tangentbord, knappar, sökfält, färger, ljud, grafik och bilder. Bra UI innebär att vanliga element, exempelvis knappar, är så uppenbara att du – oavsett teknisk erfarenhet, ålder och bakgrund kan navigera på webbar, mobilapplikationer och andra smarta tekniska produkter utan att behöva tänka på själva funktionen.
Vad är UX?
UX står för User Experience som betyder användarupplevelse. Så fort det finns något att interagera med påverkas användaren på olika sätt. Det kan vara negativt, positivt, neutralt eller en blandning där emellan. UX syftar till att skapa rätt känslor hos användaren, som interagerar med din tjänst eller produkt. Det finns en liknelse som beskriver skillnaden mellan UI och UX på ett bra sätt: UI är bordet, stolarna, tallrikarna, glasen och besticken medan UX är allt från mat till service, till omgivningen runtomkring.
För att förstå vad det är som skapar en positiv upplevelse hos användaren skapade Peter Moreville en modell som visualiserar viktiga beståndsdelar för att lyckas med UX (se figur 1).
Figur 1. Peter Morevilles UX modell.
Summering
UI och UX är beroende av varandra, fallerar UX så har du en snygg webb som dessvärre skapar frustration och oförståelse. Fallerar UI så har du en välfungerande webb som däremot är oinspirerande och tråkig och som inte leder dina kunder framåt i kundresan. En hemsida behöver båda delarna för att den ska vara välfungerande och inspirerande. Givet ovan resonemang blir det tydligt att tillgänglighetsanpassning och användarvänlighet bör ligga högt upp på kravlistan vid framtagning av ny webb, app eller annan teknisk produkt.
Här delar vi med oss av 5 tips för bättre UI-/UX-design.
Hur ser en UX-process ut?
På Toxic går vi igenom följande steg:
- Strategi, research och nulägesanalys
Här samlar vi på oss data för att kunna ta beslut baserade på fakta och inte känslor. Det innefattar bland annat att undersöka hur dina kunder använder dina digitala tjänster idag, hur dina besökare navigerar sig och om och när de konverterar (länk till Growth marketing).
- Insikter och kravspecifikation
Baserat på de insikter vi får från vår research definierar vi tillsammans era behov och sätter mål som uppfyller kraven.
- Prototyp
När vi har kommit så här långt tar vi fram en prototyp, som ofta innefattar wireframes, interaktiva prototyper och/eller designskisser.
- Utvärdering och test
Längs med vägen utvärderar vi och testar vi för att kvalitetssäkra och säkerställa att designen uppfyller de krav vi tillsammans definierat.
- Lansering och vidareutveckling
När vi uppfyllt målen lanserar vi – och blickar framåt genom att fortsätta utveckla och revidera din sajt eller app för att anpassa och uppdatera efter användarnas beteende.
Se vårt erbjudande inom UX/UI-design.
Läs mer
Öka konverteringen med bra UX/UI-design
Det här är en guide för dig som svart på vitt vill veta varför du ska – eller inte ska fokusera på UX/UI-design vid utveckling av en ny digital lösning. Du får en mängd kunskaper om UX/UI-design och vad som krävs för att få dina användare att konvertera.
1min
Så här kommer du i gång med Growth Marketing
I den här guiden får du veta mer om vad Growth Marketing är och hur tekniken hjälper dig att lyckas med din digitala tillväxt. Guiden riktar sig till dig som vill öka antalet följare, kunder, engagemang, räckvidd eller på annat sätt nå ut till fler. Ladda ner guiden gratis!
1min
Sökordsstrategi: Så väljer du rätt nyckelord för din verksamhet
Att synas på Google handlar inte om tur. Det handlar om strategi. Med rätt sökord kan du nå rätt personer vid rätt tillfälle med ett budskap som faktiskt leder till affärer. Här går vi igenom hur du bygger en sökordsstrategi som gör mer än att driva trafik – den hjälper ditt företag att växa.
2min
Toxic och NIBU inleder ny digital satsning och bygger en modern e-handelslösning i Litium
NIBU tar nästa steg i sin digitala utveckling och väljer Toxic som partner när de bygger en ny e-handelslösning i Litium. Målet är att skapa en snabb, tydlig och användarvänlig upplevelse för både B2B- och B2C-kunder samt förenkla interna flöden med en plattform som håller över tid.
3min
Umbraco 17 – Del 2: Så planerar du din uppgradering
När en ny LTS-version släpps är det klokt att planera sitt nästa steg. I den här delen fokuserar vi på vad uppgraderingen till Umbraco 17 innebär i praktiken: hur versionerna påverkas, vad du bör tänka på innan du uppgraderar och när det är rätt läge att ta klivet beroende på vilken version du använder i dag.
4min
Nytt ramavtal stärker samarbetet mellan Toxic och Infranord
Efter flera års samarbete tar Toxic och Infranord nästa steg. Genom ett nytt ramavtal blir Toxic en långsiktig utvecklingspartner med ansvar för både nyutveckling och förvaltning av Infranords interna system – med fokus på modern front-end-utveckling och ett mer integrerat arbetssätt.
5min
Umbraco 17 – Del 1: Vi går igenom nyheterna
Umbraco 17 är äntligen här och den nya LTS-versionen kommer med flera stora förändringar under huven. I den här första delen går vi igenom de viktigaste nyheterna: ett helt ombyggt backoffice, den nya TipTap-editorn, AI-stödet med MCP och andra förbättringar som gör Umbraco modernare, snabbare och smidigare att jobba i.
6min
Vad är Generative Engine Optimization (GEO)?
AI håller på att förändra hur människor söker, upptäcker och fattar beslut på nätet. Verktyg som ChatGPT, Google Gemini, Perplexity och Bing Copilot ger redan svar direkt i sökresultaten utan att användaren behöver klicka sig vidare till en webbplats. För företag är det en ny verklighet. Det räcker inte längre att bara synas högt i Googles resultat. Du måste också bli vald av AI och det är här Generative Engine Optimization (GEO) kommer in i bilden.
4min
Essem Design tar varumärket ut i världen – lanserar global e-handel med ny design och UX
Essem Design tar ett stort steg framåt och lanserar en global e-handel som speglar företagets varumärke och vision. Den nya lösningen, framtagen tillsammans med Toxic, kombinerar inspirerande design, förbättrad prestanda och marknadsanpassad e-handel för hela Europa och USA.
3min
Så förändrar AI B2B och arbetslivet – Oscars reflektioner kring Litiums och Microsofts senaste rapporter
AI är just nu ett av de mest omtalade områdena inom både affärsutveckling och arbetsliv. För att förstå var vi står idag och vad som väntar framåt har Oscar Salomonsson, affärsområdesansvarig för e-handel på Toxic Interactive Solutions, delat sina reflektioner kring två aktuella rapporter: The Rise of AI in B2B Digital Commerce från Litium och Working with AI: Measuring the Occupational Implications of Generative AI från Microsoft.
3min
Från Optimizely till Umbraco CMS – LRF:s plattformsresa
När Lantbrukarnas Riksförbund (LRF) bestämde sig för att byta webbplattform handlade det om både kostnader, funktionalitet och framtida behov. Valet föll på Umbraco – en lösning som idag ger organisationen mer flexibilitet och en smidigare vardag.
4min
PunchOut, PIM och e-handel – en komplett B2B-lösning med Shopspray
I dagens B2B-flöden – särskilt i Sverige där både företag och offentlig sektor har höga krav på automation och datakvalitet – räcker det inte med en snygg e-handel i frontend. För att leverera en sömlös och skalbar PunchOut-lösning krävs att tre centrala delar samverkar: ett PIM-system, en e-handelsplattform och kundens inköpssystem.
2min
Toxic bygger ny webb & e-handel för Beslag Design
Beslag Design, en ledande aktör inom beslag och inredningsdetaljer med egen produktutveckling, satsar tillsammans med Toxic på en ny digital plattform byggd på Litium. Satsningen omfattar en ny webbplats, en återförsäljarportal och ett kraftfullt PIM-system. Målet är att effektivisera interna flöden, centralisera produktdata och skapa en ännu smidigare köpupplevelse för återförsäljare och kunder.
2min
Tillgänglighet på agendan – allt fler företag vänder sig till Toxic
Intresset för digital tillgänglighet växer snabbt och många företag söker nu vägledning för att möta nya krav – men också för att skapa en mer inkluderande digital upplevelse. Hos oss på Toxic märks det tydligt.
3min
Vad är PunchOut? Fördelar för B2B-företag och offentlig sektor
PunchOut gör det möjligt att koppla ihop kundens inköpssystem med leverantörens e-handel – och automatisera hela beställningsflödet. I detta blogginlägg går vi igenom hur tekniken fungerar, vilka fördelar den ger och varför allt fler företag och offentliga organisationer använder PunchOut i sin inköpsprocess.
3min
Din guide till effektiva systemintegrationer med EntityFlow
Har du flera system som inte kommunicerar med varandra på ett effetkivt sätt? Då är du inte ensam. Många företag brottas med ineffektiva arbetsflöden, manuell hantering och felaktig information helt i onödan. Med rätt systemintegration kan du minska risken för fel, frigöra tid och öka effektiviteten.
1min
Svensk Camping bygger ny branschwebbplats på Umbraco
Svensk Camping, tidigare känt som SCR, har gjort ett omfattande varumärkeslyft. I samband med lanseringen av en ny grafisk identitet bygger de nu en helt ny webbplats – ett uppdrag som genomförs tillsammans med Toxic. Resultatet blir en informativ och modern plattform för både bransch och medlemmar.
2min
Weland Solutions hyr utvecklingsteam från Toxic – får en extern utvecklingsavdelning med bredd, trygghet och driv
För att få fart på utvecklingen av sin portal, Weland HUB, valde Weland Solutions att hyra ett utvecklingsteam från Toxic. Med ett sammansvetsat team bestående av utvecklare, projektledare och affärsutvecklare får de nu både bredd, struktur och långsiktighet.
3min
Nordeka väljer Toxic som tillväxtpartner – inleder samarbete med revenue sharing-upplägg
Nordeka är ett nystartat svenskt skovarumärke med höga ambitioner och en tydlig vision: att förändra hur vi ser på fötter, skor och naturlig rörelse. Med starkt ambassadörskap från medgrundaren Isak Nyqvist har de snabbt gjort avtryck. Nu tar de nästa steg tillsammans med oss på Toxic.
2min
Vi är den enda svenska byrån som är nominerade till Umbraco Awards fyra år i rad!
För fjärde året i rad är vi på Toxic nominerade till Umbraco Awards och vi är den enda svenska byrån med den bedriften. Denna gång i kategorin “Best Cloud Solution” med webblösningen för NordGen – ett projekt där fokus legat på redaktionell frihet, effektivt arbetsflöde och långsiktig hållbarhet.
2min
Toxic befäster sin närvaro i Göteborg med större lokaler
I samband med vår fortsatta tillväxt har Toxic nu flyttat in i större lokaler i Göteborg. Lokalerna är belägna högst upp på Mässans Gata 8, på våning 8 ovanför Svenska Mässan, mitt emellan Scandinavium och Gothia Towers.
1min