Hoppa till innehållet
7

5 Tips för bättre UX/UI design

Vi listar 5 tips på vad som är viktigt att tänka på när det är dags att designa en användarvänlig och snygg webbsida.

1. Less is more

En design med för många olika element drar användarens uppmärksamhet från de viktiga aspekterna i designen. När man lägger till för många element så kan designen kännas "stökig" snarare än kreativ. En tumregel är att skriva ned allt som måste finnas i designen, och designa det. Oftast så kommer designen att kännas fullständig när man väl gjort det, men om det fortfarande känns "naket" så kan man lägga till element som förstärker känslan av sidan.

 

Jämförelse av en design med och utan en rosa bakgrund, som illustrerar påverkan av färg på balans och betoning i framhävning av nyckelinformation

 

2. Färgsystem

Se till att skapa ett färgsystem. När du skapar färgsystemet så bör du välja användningsområden för de olika färgerna. En färg för CTA (Call To Action), en sekundär färg, en textfärg, osv. När du skapat ett bra färgsystem så kommer det att göra två saker: det kommer göra designen mer enhetlig, och det skapar en trygghet hos användaren. Detta betyder att användaren vet vad de kan förvänta sig när det ser en viss färg.

 

Jämförelse av en design med olika färger på texten, som illustrerar vikten av att skapa ett tydligt färgsystem och bara använda signalfärgen för viktig information.

 

3. Kontrast

I och med att världen blir mer och mer digitaliserad, så är det viktigare än någonsin att information på nätet är läsligt. Detta kan du som designer hjälpa till med genom att tänka mycket på kontrast. Grå design kan se väldigt stilrent och seriöst ut, men dessvärre är det många som har svårt eller inte kan läsa text när kontrasten mellan grått och vitt är för svag. 

 

Ljusgrå text på vit bakgrund som illustrerar vikten av bra färgkontraster vid användning av grå text.

 

4. Konsekvent design

När vi designar så måste vi alltid tänka på att: vi är inte våra användare. Detta gör så att vi alltid måste tänka på hur en person som besöker sidan kommer att uppleva den. Något som är självklart för en designer, kan ställa till det ordentligt för en användare. Därför är det viktigt att ha en konsekvent design. Innan du drar igång med ditt mästervärk, så kan du öppna upp ett dokument och bestämma hur olika knappar ska se ut i olika lägen, hur rubriker ska urskilja sig från ingresser osv. När du bestämt allt detta så bör du hålla dig till det. Självklart så kan du ändra dessa element under designprocessen, men se då till att inte bara ändra ett enstaka objekt utan alla som ingår i den kategorin (tex. knappar).  

 

Två versioner av samma innehåll som skiljer sig i knappdesignen. Jämförelsen framhäver vikten av konsekvent design.

 

5. Typografi

Som jag nämnde ovan, innan du drar igång med utveckling av webbsidan så behöver du en konsekvent design. Detta gäller speciellt för typografi. Innan du ens börjar med startsidan så bör du bestämma: Typsnitt, vilka tjocklekar och storlekar du ska ha för de olika texterna i din design. Under designprocessen så kommer du förmodligen behöva lägga till fler, och då kan du använda din typografi-guide för att se till att det nya tillskottet matchar perfekt.

"Men hur många typsnitt kan jag använda?" 

En tumregel är att aldrig använda mer än 3. Använder du fler än 3 typsnitt så kommer designen att upplevas som stökig.

 

Textrader med olika fonter och storlekar som ger ett exempel på strukturen av typografin för en hemsida.

 

Uppdatera din webbsida?

Behöver du hjälp med designen så finns vi här för att hjälpa dig att skapa en webbsida som talar till dina användare, både visuellt och funktionellt. Kontakta oss

Läs mer om vårt erbjudande inom UX/UI-design.👈

Läs mer

Se alla våra nyheter

Design Figma 2

Blogg

Vad är skillnaden på UX och UI-design?

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!

Bildbank 30 (Kopia)

Guide

Ö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.

2021 Kläppen Ski Resort Kids 007

Nyhet

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.

3D3A6466 1

Nyhet

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.

Toxic Bildbank 240418 9

Blogg

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.

DSCF5856 Imperial 810 LGB

Nyhet

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.

IMG 3725

Blogg

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.

IMG 3643

Blogg

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.

Mockup

Nyhet

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.

Emeliek 3X2

Om Oss

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.

3D3A5091

Nyhet

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.

3D3A51591

Blogg

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.

Toxic GBG Bildbank 240424 LOW 55

Blogg

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.

Astern 1

Nyhet

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å.

Toxic GBG Bildbank 240424 LOW 53

Blogg

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.

A3 Finn Fem Tillgänglighetsfel (2)

Nyhet

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!

3D3A5274 2

Nyhet

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.

3D3A4853

Nyhet

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.

Toxic GBG Bildbank 240424 LOW 3

Blogg

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.

3D3A4787

Nyhet

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!

3D3A4772 (2)

Om Oss

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.

    Toxic Ida Boman 8

    Ida Boman

    Unit Manager, Growth Marketing

    036-860 22 35

    Låt oss skapa design-magi tillsammans!