UI
User Interface — de visuella element användaren interagerar med: knappar, formulär, menyer, typografi och layout.
UI är det konkreta gränssnittet — allt du ser och klickar på. Bra UI är tydligt, konsekvent och estetiskt tilltalande, men det är också funktionellt: rätt kontrast för läsbarhet, tillräckligt stor klickyta för touch-enheter, tydlig visuell hierarki som guidar blicken.
I React och Next.js byggs UI av komponenter, ofta organiserade i ett designsystem med delade stilar och återanvändbara byggstenar. CSS Modules, Tailwind och styled-components är vanliga sätt att hantera styling.
UI och UX hänger ihop tätt men är distinkta discipliner: ett vackert UI med förvirrande flöden har dålig UX, och ett logiskt flöde kan saboteras av ett svårläst UI.