Vad är egentligen skillnaden på UX och UI?

UX och UI är begrepp som kastas runt och används lite hit och dit inom design- och utvecklingsbranshen. Så var betyder begreppen och vad är egentligen skillnaden?

UI - Användargränssnitt

UI (User interface) fokuserar på gränssnittet som användaren interagerar med. Det handlar om att skapa visuellt tilltalande och funktionella element som knappar, ikoner, menyer och andra interaktiva komponenter som gör det möjligt för användaren att navigera och använda en applikation eller webbplats effektivt.

UX - Användarupplevelsen

UX (User experience) är kort och gott ett resultat av flera olika parametrar som tillsammans mynnar ut i en helhetsupplevelse för användaren. En hemsidas UI påverkar t.ex användarupplevelsen men här finns fler saker än bara det visuella att ta in i beräkningen.

• Ett bra UI betyder inte nödvändigtvis att din hemsida skapar en bra UX
• Ett dåligt UI innebär alltid ett försämrad UX

Topplista - Så skapa du förutsättningar för bra UI/UX

För att göra det så enkelt som möjligt för dig att stämma av din egen hemsida och få bukt på eventuella problem kopplat till UI/UX så har jag satt ihop en checklista.

Checklista för ett bra UI

• Tydliga knappar där man förstår vad som kommer hända när man klickar på dom
• Tillräckligt stor text på mindre skärmstorlekar
• Använd bara ikoner i din design som tillför något och inte förvirrar
• Använd visuell hierarki för att balansera layouten
• Va konsekvent i det visuella (färger, typsnitt osv)

Checklista för bra UX

• Snabba laddningstider på alla enheter
• Ett bra och tilltalande UI
• Tillgänglighetsanpassat så användare med olika typer av nedsättningar kan använda din webbplats
• Skapa en logiskt navigationsstruktur som hjälper användarna att snabbt och enkelt hitta det de söker