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.

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 GBG Bildbank 240424 LOW 1

Blogg

5 sätt EntityFlow förenklar din systemintegration

Att integrera olika system inom en verksamhet kan vara både tidskrävande och komplext. Här är fem sätt som EntityFlow, Toxics kraftfulla integrationsmotor, förenklar denna process och skapar värde för ditt företag:

Bild AU 1 (Kopia)

Blogg

Därför bör du integrera ditt PIM-system med din e-handelsplattform

När det handlar om onlinehandel är en smidig integration mellan Product Information Management (PIM)-system och e-handelsplattformar avgörande för framgång. Upptäck hur integreringen av PIM-system med din e-handelsplattform kan förbättra datakonsistens, effektivisera hanteringen av produktinformation och skapa en förbättrad kundupplevelse, samtidigt som den sparar tid och minskar kostnader för din verksamhet.

Alice 1

Om Oss

7 snabba med Alice, webbutvecklare på Toxic

Med ett kreativt sinne och en outtömlig nyfikenhet på kodning i allmänhet och tillgänglighetsanpassning i synnerhet har Alice inte bara utvecklat förmågan att lösa problem, utan också blivit en fena på att inspirera och utveckla både sig själv och andra inom området. Hennes hängivenhet till tillgänglighetsanpassning genomsyrar allt hon tar sig för. På fritiden finner hon glädje i kreativa uttryck som att rita, skriva eller delta i quizkvällar med vänner.

IMG 0084

Blogg

Boosta din e-handelsförsäljning med digital marknadsföring

Upptäck de bästa metoderna för att boosta din e-handelsförsäljning med digital marknadsföring! Från sökmotorannonsering till målgruppsanpassade SoMe-annonser och retargeting-kampanjer. Här får du tipsen du behöver för att locka rätt kunder och öka din konvertering.

Toxic Bildbank 240418 50

Blogg

Umbraco vs Sitevision – välj rätt plattform för ditt intranät

Många organisationer ställs inför den avgörande utmaningen att välja rätt plattform till sitt intranät. I en värld full av alternativ är det en komplex uppgift att hitta den perfekta lösningen som passar ditt företags unika behov och budget. I detta blogginlägget utforskar vi två alternativ - Umbraco och Sitevision.

Toxic Bildbank 240418 3

Blogg

Därför behöver du tillgänglighetsanpassa din webb

Från sänkta trottoarkanter till digital tillgänglighet – häng med i den nya tillgänglighetsvågen (och lagen) som hjälper er anpassa digitala tjänster så att alla kan ta del av informationen. Vi har genom tiderna sett hur små förändringar skapar stora möjligheter. Från att sänka trottoarkanterna för att underlätta för personer med nedsatt mobilitet, till att nu fokusera på tillgänglighet online – så att alla inkluderas.

    Toxic Ida Boman 8

    Ida Boman

    Unit Manager, Growth Marketing (Föräldraledig)

    036-860 22 35

    Låt oss skapa design-magi tillsammans!