UI är det synliga och interaktiva lagret människor använder: knappar, menyer, formulär, kontroller, typografi och andra gränssnittselement.
Gränssnittet är hur personen faktiskt använder den digitala produkten framför sig.
På vanlig svenska
Det här hör till hemsidans teknik eller användarupplevelse. Du behöver inte kunna koda det. Det viktiga är att förstå vad som förändras för besökaren, redaktören eller den som sköter sidan: tydlighet, hastighet, tillgänglighet, stabilitet eller hur lätt hemsidan går att ändra senare.
Ett verkligt exempel
En checkout har fält, etiketter, knappar, felmeddelanden och betalningsval. Delarna är UI. Om kassan känns enkel och trygg är en del av UX.
Det viktiga är inte om tekniken låter avancerad, utan om resultatet märks som en tydligare, snabbare, tryggare eller lättare hemsida.
Varför det spelar roll
Tydlig gränssnittsdesign minskar misstag och gör handlingar begripliga.
Tekniska val blir till slut mänskliga konsekvenser. En inställning som låter obskyr kan avgöra om sidan laddar, om någon med skärmläsare kan använda den eller om en framtida redesign blir enkel eller plågsam. Det är på den nivån begreppet blir användbart.
När behöver du faktiskt bry dig?
Du behöver bry dig när hemsidan är långsam, svår att använda, jobbig att redigera, otillgänglig, instabil, dyr att underhålla eller börjar bli beroende av ett skört tekniskt val. Du behöver också bry dig före flyttar, redesigns och nya integrationer, eftersom små tekniska beslut kan bli stora begränsningar senare.
Bra frågor att ställa
- Vad märker en besökare eller redaktör om det här görs bra?
- Vem ansvarar för underhållet efter lansering?
- Vad händer om tekniken slutar fungera eller måste bytas ut?
Vad gör du med det här?
Fråga vad som förändras för besökaren, vem som ansvarar för underhållet och vad som händer om det slutar fungera. Om ingen kan svara på de tre frågorna är lösningen troligen mer komplicerad än den behöver vara.
Vad det inte betyder
UI och UX överlappar, men är inte synonymer. UI är en del av upplevelsen.
Kortversionen
UI är det människor interagerar med. UX är hur hela interaktionen fungerar och upplevs.
Relaterat: UX och responsiv design. Du kan också läsa om webbstrategi.
Fördjupning: W3C:s tips för tillgänglig design.