Category: UX/UI

Onboarding är processen där nya kunder bekantar sig med din produkt, eller befintliga kunder introduceras till en uppdatering av din produkt. En effektiv onboarding kan göra stor skillnad i hur snabbt och enkelt användare kan börja använda din app eller webbplats. Genom att skapa en guide eller interaktiv manual kan du hjälpa användarna att upptäcka…

Ett empty state, eller tomt tillstånd, är när det inte finns någon data att presentera på skärmen. Detta kan inträffa av flera anledningar, som att användaren precis har registrerat sig, att något har gått fel, eller att användaren har raderat all sin data. Empty states är fyllda med potential att driva engagemang och kan vara…

Dropdowns, eller rullgardinsmenyer på svenska, är ett sätt att presentera valmöjligheter via en nedfällningsbar lista. En dropdown aktiveras när användaren klickar på dess rubrik, och en lista med alternativ fälls ut. Dropdowns används ofta för att spara utrymme på skärmen och erbjuda en enkel metod för användare att välja mellan flera alternativ utan att överväldiga…

Breadcrumbs, eller brödsmulor på svenska, är små textlänkar som syns högst upp på en webbsida för att visa var du befinner dig på en webbplats. Dessa textlänkar är även klickbara och tillåter enkel navigering till andra sidor. Breadcrumbs erbjuder en effektiv metod för att förbättra användarupplevelsen genom att ge en tydlig indikation av var användaren…

Coachmarks är små instruktioner som visas på en skärm för att guida användaren genom ett gränssnitt. Ibland behöver användaren hjälp eller en hint om hur ett gränssnitt fungerar, och coachmarks erbjuder en effektiv lösning. Genom att använda coachmarks kan du förbättra användarupplevelsen genom att ge tydliga och kontextuella anvisningar utan att användaren behöver läsa manualer…

Textfält, radio buttons och checkboxar är grundläggande element i ett formulär som används för att samla in användardata på ett strukturerat och effektivt sätt. Varje element har sin unika funktion och bidrar till att göra användarupplevelsen smidig och intuitiv. Genom att förstå hur och när man använder dessa element kan vi skapa formulär som är…

Accordions, eller dragspelsmenyer på svenska, är en vertikal lista med rubriker som vid klick på en rubrik fälls ut och visar en längre text. Poängen med accordions är att ge användare ett övergripande intryck av innehållet och sedan kunna fälla ut och läsa mer vid behov. Denna designmetod minimerar risken att överrumpla användaren med för…

Overlays är ett övergripande samlingsnamn för alla olika typer av fönster som lägger sig ovanpå det innehåll du tittar på eller interagerar med. De används för att förenkla upplevelsen genom att visa mer information utan att användaren behöver lämna sidan och är ett effektivt sätt att fånga användarens uppmärksamhet. Vanliga typer av overlays inkluderar modals,…

Registrering, eller sign-up, är en kritisk process för att nya användare ska kunna börja använda en webbplats eller app. En smidig och intuitiv registreringsprocess är avgörande för att locka och behålla användare. Här delar vi sex tips för att optimera din registreringsprocess och skapa en positiv användarupplevelse. Anatomin hos Sign-up När man ska använda Tips…

På svenska kallas det för platshållare. En placeholder kan vara text, ord, bild eller ett grafiskt element som temporärt placeras i ett dokument. Dessa används för att ge en förståelse för hur det slutgiltiga resultatet av en vy på exempelvis webben eller i en app kommer att se ut. Under tidiga stadier av ett designprojekt…

Sticky navigation, även känt som fastklistrad meny eller sidhuvud, är en designteknik där menyn eller sidhuvudet alltid är synlig, även när användaren scrollar. Detta gör navigeringen mer intuitiv och användarvänlig, speciellt på långa webbplatser där det annars kan vara besvärligt att scrolla tillbaka till toppen för att nå menyn. Anatomin hos Sticky Navigation När man…

Även känt som gridet, rutnätet, och rutsystemet, har grid fått nytt liv tack vare de senaste årens intresse i att formge webbplatser som är responsiva. Men vad är ett grid, varför används det och vad är för- och nackdelarna? I denna artikel utforskar vi gridens roll i modern webbdesign och hur det kan bidra till…

Vill du ha specifika format på dina kunders data? Tvingar du dina kunder att formattera datat på ditt sätt? Sluta med det. GENAST! I en användarvänlig digital värld bör vi tillåta besökare att fylla i formulär på ett flexibelt och förlåtande sätt. Detta innebär att acceptera olika varianter av samma data och låta systemet hantera…

404-sidor är ofta supertråkiga och otrevliga, men de är nödvändiga för att informera användare när en sida inte kan hittas. Varför heter det “404” och hur kan vi göra dessa sidor lite roligare och vänligare mot våra besökare? En 404-sida kan omvandlas från en frustrerande upplevelse till en möjlighet att visa varumärkets personlighet och hjälpa…

Stänkskärm? Hell no! En splash screen är en visuell introduktion som visas när du öppnar ett program, en webbplats eller en app. Dess primära syfte är att distrahera användaren och skapa en smidig övergång medan den faktiska innehållet laddas. Istället för att låta användaren känna att de väntar, erbjuder en väl utformad splash screen en…

Textfält är en grundläggande komponent inom både webb- och appdesign. Varje dag fyller vi i formulär, från att registrera oss på nya webbplatser till att logga in på våra favoritappar. Dessa formulär består av textfält, även kallade formulärfält, och de spelar en avgörande roll i användarupplevelsen. Rätt utformade textfält kan göra processen smidig och intuitiv,…

FAQ, eller Frequently Asked Questions, är ett designmönster som används för att samla och presentera svar på de vanligaste frågorna som användare kan ha om en produkt, tjänst eller ämne. Detta mönster har blivit en hörnsten i modern webb- och appdesign, eftersom det effektivt minskar antalet kundsupportförfrågningar och förbättrar användarupplevelsen genom att snabbt tillhandahålla relevant…

Designmönster som används för att autentisera en användare genom att be dem om sina inloggningsuppgifter, vanligtvis ett användarnamn eller e-postadress och ett lösenord. Detta mönster är grundläggande för nästan alla webbplatser och appar som erbjuder personliga användarupplevelser, säkerhet och åtkomst till skyddat innehåll. Dess förekomst och betydelse har ökat i takt med digitaliseringens framsteg, vilket…

Karusell, även känt som bildspel eller slider, är ett populärt designmönster som används för att visa flera innehållselement, såsom bilder eller kort, i en sekventiell eller cyklisk ordning inom samma utrymme på en webbsida eller mobilapp. Detta används främst för att spara skärmutrymme samtidigt som det lockar användaren med visuellt innehåll. Anatomin hos karusell När…

Modern webbdesign används ikoner inte bara för att försköna en webbplats utan spelar också en kritisk roll i användarnavigeringen. En av de mest intressanta aspekterna av design är valet av ikoner för menyer. Dessa ikoner, som ofta är inspirerade av maträtter i UI-språket, erbjuder en intuitiv vägledning för användare genom webbplatser och applikationer. I det…

Wizard, eller guiden, är ett designmönster som används för att förenkla komplexa processer eller formulär genom att dela upp dem i mindre, hanterbara steg eller sektioner. Detta mönster är särskilt vanligt i modern webb- och appdesign där användare guidas genom installationer, konfigurationer, registreringsprocesser eller andra sekventiella uppgifter. Wizards är viktiga för att förbättra användarupplevelsen genom…