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
Kläppen Ski Resort väljer Toxic för att bygga ny webbplats i Umbraco Cloud
Kläppen Ski Resort satsar på en ny, modern webbplats i Umbraco Cloud för att skapa en mer anpassningsbar digital upplevelse. Webbplatsen ska ge besökarna rätt information i rätt tid, spegla anläggningens utbud och säsongsskiftningar, samt integreras med bokningssystemet för en smidig och sammanhängande kundresa – oavsett om gästen redan är på plats i Kläppen eller planerar sitt besök.
3min
Vårt team har vuxit – träffa våra sex nya medarbetare!
Vi är så glada att få välkomna sex nya medarbetare till Toxic! Möt Peter, Emma B, Josef, Petter, Linus och Emma R – ett härligt gäng som tillsammans stärker vårt team med värdefull kompetens och driv.
7min
Få ut mer av din SEO – enkla justeringar för bättre synlighet
Vill du att fler ska hitta din webbplats? Här är några praktiska SEO-tips som du kan börja med redan idag för att öka din synlighet och ge din digitala närvaro en skjuts.
3min
Toxic inleder nytt samarbete med KABE
Vi har inlett ett spännande samarbete med KABE, en av Sveriges främsta tillverkare av husvagnar och husbilar. Som en del av samarbetet utvecklar vi en ny webbplats i Umbraco – en plattform som ska spegla KABEs premiumkänsla och samtidigt göra det enklare för både besökare och redaktörer att navigera och hantera innehåll.
2min
Effektiv annonsering med Google Ads: Tips för ökad synlighet och försäljning
Digital annonsering förändras snabbt och för att ligga steget före krävs en strategi som kombinerar data, kreativitet och kontinuerlig optimering. Här delar vi med oss av viktiga insikter och strategier för att maximera effekten av din Google Ads-annonsering, som gör att du får ut mesta möjliga av din budget.
3min
Skapa en kraftfull e-handelslösning med Umbraco Storefront och Norce e-handelsplattform
I en tid där e-handeln utvecklas snabbt är det avgörande att ha en flexibel, skalbar och användarvänlig plattform. För företag som hanterar stora produktkataloger och komplexa produktvariationer är kombinationen av Umbraco Storefront och Norces e-handelsmotor en vinnande lösning.
2min
Vi är live med webb för AmpSociety – en del av ChargeNode Group
ChargeNode Group tar ett nytt spännande steg framåt med lanseringen av AmpSociety – ett nytt bolag och varumärke med fokus på framtidens laddlösningar för elbilar. AmpSociety är en del av ChargeNode Group och lanserar det nya laddsystemet Amp5. Tillsammans med oss på Toxic har de nu lanserat en helt ny produkt- och varumärkeswebb, byggd på Litium, som lägger grunden för fortsatt framgång.
2min
7 snabba med Emelie, affärsutvecklare på Toxic
Möt Emelie, affärsutvecklare på Toxic. När hon inte är upptagen med att skapa affärsmöjligheter och bygga relationer med kunder tillbringar hon dagarna med sina tre barn, njuter av lugna stunder i trädgården eller letar efter unika fynd på loppis. På jobbet navigerar hon smidigt mellan möten med kunder och interna diskussioner, alltid redo att skapa skräddarsydda lösningar och utveckla starka, långsiktiga relationer.
3min
Toxic tar nästa steg för ökad kundnöjdhet – stärker organisationen med Customer Success Manager
Den digitala byrån Toxic tillsätter Jessica Holmberg Ludvigsson som Customer Success Manager för att stärka kundupplevelsen och bygga långsiktiga relationer. Jessica kommer ansvara för att skapa en närmare dialog med kunderna och se till att deras feedback blir en central del av företagets utveckling.
2min
Spårbarhet och digitala produktpass – Ekodesignförordningens påverkan på små och medelstora företag
Digitala produktpass (DPP) är på väg att bli en ny standard inom EU, med målet att förbättra hållbarheten hos produkter och öka transparensen i värdekedjan. För små och medelstora företag innebär detta både utmaningar och möjligheter. Här går vi igenom vad digitala produktpass innebär, hur de påverkar företag och hur lösningar som PIM-system kan underlätta omställningen.
2min
Umbraco jämfört med andra CMS – G2-rapporten visar vad användarna säger
Att välja rätt CMS är ett viktigt beslut och att höra vad verkliga användare tycker kan göra valet enklare. G2, en ledande recensionsplattform för mjukvara, har samlat in över 750 recensioner av Umbraco och jämfört det med fem andra populära CMS. I den här rapporten får du insikter i vad som gör Umbraco till ett populärt val.
2min
Pulsen Group väljer Toxic som en av sina digitala partners
Pulsen Group, en familjeägd bolagskoncern där flera av bolagen arbetar inom IT, har ingått ett samarbetsavtal med oss på Toxic för att ta två av sina webbplatser till nästa nivå.
3min
Effektiv mediehantering - få din webbplats att prestera på topp
Har du funderat på hur felaktig filhantering kan påverka både prestanda och användarupplevelse på din webbplats? Mediehantering innebär många utmaningar – från filstorlek och format till tillgänglighet och lagring. Här har vi samlat våra bästa tips för att göra din webbplats snabbare och mer användarvänlig genom bra mediehantering.
4min
Finn fem tillgänglighetsfel - Vinn en gratis tillgänglighetsanalys av din webbplats
Är er webbplats tillgänglig för alla användare? Nu ger vi på Toxic er chansen att ta reda på det – och samtidigt få möjlighet att vinna en tillgänglighetsanalys, helt gratis!
1min
Vi hälsar fyra nya kollegor välkomna till Toxic
Vi är glada att kunna presentera fyra nya stjärnor till vårt team på Toxic - Karl, Hannah, Kristian och Dennis. Läs vidare för att lära känna dem lite bättre och få en inblick i vad de ser fram emot i sina nya roller.
4min
Team Accessibility: Experterna bakom tillgängliga och inkluderande digitala lösningar
På Toxic sätter vi tillgänglighet i fokus. Det är inte bara en del av processen, utan en grundpelare i hur vi skapar lösningar som fungerar för alla, oavsett förutsättningar. Toxic ska vara bäst i branschen och leda utvecklingen framåt. Här spelar Team Accessibility, under ledning av Alice och Linnéa, en central roll.
3min
Därför är Umbraco det smarta CMS-valet för ditt företag
Att välja rätt CMS kan kännas överväldigande med den uppsjö av alternativ som finns på marknaden. Därför har vi gjort det enkelt för dig. Vi har samlat 12 punkter som förklarar varför Umbraco är det bästa CMS:et för ditt företag.
4min
Kom på Sveriges första Umbracokalas
Toxic, i samarbete med Umbraco och Obviuse, arrangerar en heldagskonferens den 23 oktober för att samla utvecklare och umbracofantaster för att utforska och fira allt som Umbraco har att erbjuda. Det blir en dag fylld av inspirerande talare, det senaste inom Umbraco och härlig gemenskap – ett kalas du inte vill missa, och här är din inbjudan!
2min
7 snabba med Tobias, utvecklingschef på Toxic
Med ett brinnande intresse för teknik och en passion för ledarskap, leder han medarbetare på Toxic med precision och engagemang. Utanför arbetet är han en mångsysslare som uppskattar träning och matlagning. Lär känna Tobias, utvecklingschef på Toxic.
4min