Besplatna konsultacija

Pojmovnik · Dizajn

UX i UI dizajn

UX (User Experience) je dizajn cjelokupnog iskustva korisnika, od pronalaska informacije do kupovine, a UI (User Interface) je dizajn vidljivog interfejsa: rasporeda, boja, tipografije i dugmadi.

Sadržaj stranice
  1. Zašto su UX i UI važni za firmu u BiH?
  2. Primjer iz BiH
  3. Najčešće greške
  4. Povezani pojmovi
  5. Česta pitanja o UX i UI dizajnu

Zašto su UX i UI važni za firmu u BiH?

Lijep sajt koji kupca zbuni prodaje slabo, a jasan sajt s neurednim izgledom gubi povjerenje. Dobar UX skraćuje put do kupovine: manje koraka u naplati, jasna cijena dostave, pretraga koja razumije greške u kucanju i forma koja ne traži nepotrebne podatke.

Nielsen Norman Group UX definiše kao sve aspekte interakcije korisnika s firmom, njenim uslugama i proizvodima. Za web shop u BiH to uključuje i lokalne detalje: cijene u KM s PDV-om, pouzeće uz kartice, nazive kurira i jasna pravila povrata. UI tim odlukama daje vizuelni red i ritam.

Primjer iz BiH

Primjer: web shop s građevinskim materijalom iz Bijeljine ima uredan dizajn, ali kupci zovu jer ne znaju koliko pakovanja pločica trebaju. UX rješenje je kalkulator kvadrature na stranici proizvoda i prikaz cijene po m². UI rješenje je istaknuto polje kalkulatora i jasan zbir u korpi. Broj poziva s istim pitanjem opada, a narudžbe postaju tačnije.

Najčešće greške

  • Dizajn se odobrava po ukusu vlasnika, bez posmatranja stvarnih korisnika.
  • Previše animacija i efekata koji usporavaju stranicu i odvlače pažnju od ponude.
  • Nedosljedna dugmad i stilovi, pa korisnik ne zna šta je klikabilno.
  • Kontrast teksta je premalen za čitanje na suncu ili za starije korisnike.

Povezani pojmovi

UX istraživanje, prototipove i UI dizajn radimo kroz uslugu UI/UX dizajna, a postojeće sajtove poboljšavamo kroz optimizaciju konverzija. Ostale pojmove iz dizajna naći ćete u pojmovniku.

Česta pitanja o UX i UI dizajnu

Koja je glavna razlika između UX i UI dizajna?

UX određuje strukturu, tok i logiku: koje stranice postoje, šta je na njima i kojim redom korisnik ide. UI određuje izgled tih ekrana: boje, fontove, ikone i stanja dugmadi. Dobar proizvod treba oba, a u manjim projektima ih često radi isti dizajner.

Da li mala firma treba UX dizajn?

Treba, ali u obimu koji odgovara projektu. Za prezentacioni sajt dovoljno je jasno postaviti strukturu i provjeriti je s nekoliko stvarnih kupaca. Za web shop ili aplikaciju UX ima veći uticaj na prihod.

Kako se testira UX?

Najjednostavnije je posmatrati nekoliko stvarnih korisnika dok rješavaju zadatak, npr. „naručite ovaj proizvod“. Uz to se koriste analitika, snimci sesija i A/B testovi. Prema Jakobu Nielsenu, test s pet korisnika otkrije većinu problema upotrebljivosti.

Šta je wireframe?

Wireframe je pojednostavljena skica ekrana, bez boja i fotografija, koja pokazuje raspored sadržaja. Služi da se struktura dogovori prije vizuelnog dizajna. Izmjena u wireframeu je mnogo jeftinija od izmjene gotovog sajta.

Utiče li UX na SEO?

Indirektno da. Brz, jasan i mobilno prilagođen sajt zadržava posjetioce i dobija bolje Core Web Vitals rezultate. Google nagrađuje stranice koje korisnicima daju ono što traže.