Ordlista
Här hittar du en sammanställning med vanliga ord och begrepp som brukar dyka upp när man bygger digitala tjänster och produkter
a
Användargränssnitt #
De visuella och interaktiva elementen i en digital produkt som möjliggör användarinteraktion. Det inkluderar menyer, knappar, formulär och andra komponenter utformade för att göra användarens interaktion intuitiv och effektiv.
Adobe XD #
Adobe XD är en design- och prototypverktyg utvecklat av Adobe. Det används för att skapa användargränssnitt, prototyper och interaktiva designarbeten för webb- och mobilapplikationer.
d
Design #
Design är processen att skapa en visuell och funktionell plan för en webbplats eller applikation. Det involverar skapandet av layout, färgscheman, typografi och användargränssnitt för att skapa en attraktiv och användarvänlig upplevelse.
Design System #
Ett Design System är en samling av återanvändbara komponenter, riktlinjer och regler som används för att skapa enhetliga och konsistenta designmönster inom en organisation. Det hjälper till att säkerställa samstämmighet och effektivitet i designarbetet.
f
Figma #
Ett kollaborativt design- och prototyptillverkningsverktyg. Det används för att skapa användargränssnitt, prototyper och samarbeta med design- och utvecklingsteam.
Framer #
Framer är en interaktionsdesign- och prototypverktyg som används för att skapa interaktiva och animerade prototyper för webb- och mobilapplikationer. Det erbjuder en rad funktioner och möjligheter för att skapa realistiska användarupplevelser.
g
Gradient #
En övergång av färger från en nyans till en annan, vanligtvis i form av en mjuk övergång från en färg till en annan. Gradienter används ofta för att skapa visuellt tilltalande effekter i designen.
Grafisk Profil #
En uppsättning grafiska element, färger, typsnitt, logotyper och riktlinjer som definierar och representerar varumärket eller företaget. Den används för att upprätthålla en enhetlig och igenkännbar visuell identitet.
Grid #
Ett layoutsystem som består av en samling vertikala och horisontella linjer som hjälper till att skapa en strukturerad och organiserad layout för webbplatser eller applikationer.
GUI #
Förkortning: GUI
Samma som användargränssnitt Ett visuellt gränssnitt som gör det möjligt för användare att interagera med en dator eller programvara genom grafiska element som knappar, menyer och ikoner.
relaterat: användargränssnitt, UI-Design
h
HEX-Färg #
HEX är en förkortning för hexadecimal och används för att representera färger i ett hex-format. Det är en sexsiffrig alfanumerisk kod som representerar en specifik färg.
HSL #
HSL är en förkortning för hue, saturation, lightness (nyans, mättnad, ljushet) och används för att representera färger. Det är ett alternativt färgsystem till RGB och ger mer flexibilitet i att justera nyans, mättnad och ljushet separat.
HSB #
HSB är en förkortning för hue, saturation, brightness (nyans, mättnad, ljusstyrka) och används för att representera färger. Det är ett alternativt färgsystem till RGB och ger mer intuitiva kontroller över nyans, mättnad och ljusstyrka.
i
Interaktionsdesigner #
En person som ansvarar för att utforma användarinteraktioner, användargränssnitt och upplevelser för att skapa intuitiva och användarvänliga digitala produkter.
relaterat: UI-Design
l
m
Mobile-First #
Mobile-First (mobil-först) är en designteknik där man först utformar och utvecklar en webbplats eller applikation med fokus på mobilanvändning. Det innebär att man prioriterar och optimerar för mobila enheter för att skapa en bättre användarupplevelse.
p
r
Responsive Design #
Responsiv design Responsiv design Responsiv design är en designteknik som skapar webbplatser eller applikationer som automatiskt anpassar sig till olika enheter och skärmstorlekar. Genom att använda flexibla layouter och anpassa innehållet för varje enhet, säkerställer responsiv design responsiv design responsiv design en optimal visuell och användarupplevelse oavsett om användaren använder en dator, surfplatta eller mobiltelefon.
Responsiv Design #
En designmetodik som anpassar webbplatsen eller applikationen dynamiskt till olika skärmstorlekar och enheter för att ge en optimerad användarupplevelse.
relaterat: Mobile-First
RGB #
En färgmodell som representerar färger genom att kombinera röd (red), grön (green) och blå (blue) komponenter. RGB används för att skapa och visa färger på digitala enheter.
t
Tailwind #
Ett CSS-ramverk som erbjuder ett uppsättning verktygsklasser för att bygga anpassningsbara och responsiva webbgränssnitt. Tailwind tillåter utvecklare att snabbt skapa och anpassa design genom att använda klasser för specifika egenskaper.
relaterat: Bootstrap, Material Design
Tumnagel #
En liten förhandsvisning eller representativ bild som används för att ge en snabb visuell sammanfattning av innehållet eller designen. Tumnaglar används ofta i gallerier, sökresultat eller som förhandsvisning av mediafiler.
Typsnitt #
En uppsättning tecken eller bokstäver med en gemensam design och stil. Typsnitt används för att visa text i olika stilar, storlekar och format för att förbättra läsbarhet och visuell presentation.
u
UI-Design #
Förkortning: UI-Design
UI-design (användargränssnittsdesign) involverar skapandet av visuell design och layout av användargränssnittet. Det inkluderar val av färger, typografi, ikoner och andra grafiska element för att skapa en attraktiv och användarvänlig upplevelse.
relaterat: UX-Design
UI/UX #
Förkortning: UI/UX
UI/UX (Användargränssnitt/Användarupplevelse) är ett övergripande begrepp som refererar till både designen av användargränssnittet och användarupplevelsen som helhet. Det fokuserar på att skapa användarvänliga, tilltalande och effektiva digitala produkter.
User Flow #
User Flow (användarflöde) är den sekvens av sidor, åtgärder och interaktioner som en användare utför inom en webbplats eller applikation. Det används för att kartlägga och optimera användarupplevelsen och processen för att uppnå specifika mål.
UX-Design #
Förkortning: UX-Design
UX-design (användarupplevelsedesign) innefattar skapandet av en positiv och meningsfull användarupplevelse genom att förstå användares behov, beteenden och förväntningar. Det involverar användarforskning, informationsarkitektur och interaktionsdesign.
relaterat: UI-Design
v
w
Wireframe #
En grundläggande visuell representation eller skiss av layouten och strukturen för en webbplats eller applikation. Wireframes används för att planera och kommunicera design- och layoutkoncept innan den slutliga designen implementeras.
web design #
Processen att skapa och designa visuellt tilltalande och användarvänliga webbplatser. Det omfattar olika element som layout, färgscheman, typografi och användargränssnitt.
White Space #
Tomt utrymme eller mellanrum som används avsiktligt i designen för att förbättra läsbarhet, skapa visuell balans och framhäva viktiga element. White space ger öppenhet och luftighet i designen.