Što su UX i UI i zašto nema UX dizajnera

Izraz "UX / UI-dizajner" je apsurdan. Korisničko iskustvo (ili UX) jednako je relevantno za dizajn kao i kontekstualni marketing. To je kontekstualno oglašavanje jedan od mnogih marketinških alata. Dizajn, uključujući dizajn korisničkog sučelja, jedan je od mnogih čimbenika koji oblikuju korisničko iskustvo ili UX.

  • Koja je razlika između UX i UI?
  • Tko je zapravo UX dizajner i zašto mu ne treba Figma i Photoshop?
  • Kakvu ulogu igra marketer, menadžer i vlasnik poduzeća u oblikovanju korisničkog iskustva?

Razgovarajmo.

Zašto se UX / UI dizajneri ne događaju

Da biste odgovorili na ovo pitanje, analizirajte koncepte.

Što je korisničko sučelje ili korisničko sučelje

Korisničko sučelje ili korisničko sučelje web-lokacije (Ing. korisničko sučelje) - skup elemenata kojima posjetitelj koristi web stranicu. To uključuje:

  • Izbornik.
  • Modalni prozori.
  • Obrazac.
  • Button.
  • Reference.
  • Sadržaj.

Na primjer, kako bi korisnik dodao proizvod u košaricu, na sučelju internetske trgovine nalazi se gumb "Kupi". Kako bi posjetitelj mogao vidjeti dodatne materijale na temu, na sučelju našeg bloga nalaze se okviri "Pročitaj" (vidi dolje).

Što je UX ili korisničko iskustvo?

UX ili korisničko iskustvo - percepcija korisnika i reakcija na interakciju s uslugom, uslugom ili proizvodom. UX uključuje emocije, očekivanja, sklonosti, osobne percepcije, fizičke, mentalne i ponašajne reakcije koje se događaju prije, tijekom i nakon interakcije.

Ova definicija je prijevod iz ISO 9241-210: 2010 Ergonomija interakcije između čovjeka i sustava.

Sada jednostavnim riječima. Korisnički doživljaj čine ne samo elementi stranice. Na UX klijent online trgovine utječe:

  • Asortiman proizvoda.
  • Cijene.
  • Dostupnost prikladnih načina plaćanja.
  • Dostupnost prikladnih metoda isporuke.
  • Troškovi dostave.
  • Kvaliteta robe.
  • Kvaliteta pakiranja prilikom dostave.
  • Sposobnost vraćanja ili razmjene dobara.
  • Glas operatera pozivnog centra.

Popis je daleko od potpunog. Posljednja točka naglašava da na UX ne utječu samo objektivni čimbenici. Percepcija korisnika, emocije, očekivanja, preferencije, fizičke i mentalne reakcije neki su od subjektivnih čimbenika koji oblikuju korisničko iskustvo.

Jednostavan primjer na ilustraciji pokazuje udaljeni odnos UX-a prema dizajnu.

Na web stranici online trgovine, proizvod košta 900 rubalja, osim toga, nije dostupan. U grupi privatnog prodavatelja u mreži "VKontakte" isti proizvod košta 600 rubalja. Pažnja, pitanje: što dizajner ima s tim?

Tko se zapravo može nazvati dizajner UX-a

Dizajner u uobičajenom smislu riječi ne kontrolira u potpunosti UX. Komplementarne boje su beskorisne ako prodajete proizvod niske kvalitete. Uz pomoć "Photoshop" ne može izvući izravne ruke od usluga dostave zaposlenika koji pakiraju slabo krhke predmete. Dizajner, čak i ako mu je dodan UX-prefiks na svojoj znački, ne može u potpunosti oblikovati korisničko iskustvo.

Dan Makoski, voditelj dizajna u Lloyds Banking Group, kaže da UX dizajn ne postoji. Iskustvo je subjektivno iskustvo koje dizajner ne može kontrolirati. Stručnjak može utjecati samo na korisničko iskustvo.

Unatoč tome, dizajner kroz sučelje i vizualni dizajn stranice utječe na korisničko iskustvo. I drugi stručnjaci utječu na korisničko iskustvo:

  • Autor i urednik pomažu posjetitelju da pronađe potrebne informacije na stranici.
  • Web developer pretvara dizajnerske rasporede u žive web stranice.
  • Radnik u tvornici proizvodi kvalitetan proizvod za koji korisnik dolazi na gradilište.
  • Voditelj prodaje pomaže klijentu razumjeti točno što mu je potrebno.

Ovaj popis možete nastaviti sami, prilagođeni opsegu aktivnosti tvrtke i osobitostima web projekta.

Tko se može nazvati dizajner ili dizajner korisničkog iskustva? Tko planira, provodi i kontrolira interakciju s poslovnim subjektom? Tko može ispraviti iskrivljene ruke pakera, nagovijestiti dobavljače oskudnog asortimana, naučiti dobre manire hvatača iz pozivnog centra?

Ovisno o opsegu poduzeća, to su vrhunski menadžeri i vlasnici.

Top menadžer ili vlasnik poduzeća odgovoran je za korisničko iskustvo ili iskustvo interakcije potrošača s tvrtkom. Njegov prvi pomoćnik je marketer ili voditelj marketinga. Ovdje su pravi dizajneri ili dizajneri UX-a.

Kako UI dizajn poboljšava korisničko iskustvo

Gore je rečeno da izravne ruke pakera, dobro srce operatera pozivnog centra i oštro oko urednika utječu na UX. Dizajn korisničkog sučelja također utječe na korisničko iskustvo. Sljedeći primjeri to potvrđuju. Ali prvo morate razbiti drugi uzorak.

Činjenica je da ne postoji opće prihvaćena definicija pojma i odgovornosti web dizajnera općenito, a posebno dizajnera korisničkog sučelja. Imamo web dizajnera dizajnera web stranica. Ovi stručnjaci dizajniraju sučelje, izrađuju prototip i daju izgled web developeru. Web developer implementira dizajn koristeći HTML, CSS, JavaScript i druge alate.

U burzhunete web dizajner - stručnjak koji dizajnira i implementira web stranice. Pogledajte tečaj Responsive Web Design na freeCodeCamp. To su osnove HTML-a i CSS-a. Isti pristup slijedi obrazovni izvor "Hekslet". U prvoj lekciji tečaja o HTML-u i CSS-u, nastavnici objašnjavaju zašto je bolje dizajnera nazvati onima koji se nazivaju trkači u runetu.

Drugi je pristup logičniji jer na UX utječe ne samo projekt web stranice u cjelini i posebno web sučelje, nego i ispravnost provedbe ovog projekta. Sljedeći primjeri to potvrđuju.

Atribut alt je kritičan za UX osoba s oštećenjem vida.

Ovo je naj trivijalniji primjer kako korisničko sučelje utječe na korisničko iskustvo. Kada obična osoba sleti na odredišnu stranicu, vidi lijepe fotografije proizvoda. Kada osoba s oštećenim vidom sleti na odredišnu stranicu, ne vidi sliku.

Atribut alt img oznake rješava problem. Ako ključne riječi niste zgrčili u nju, ali opisali sliku, slijepa osoba razumije sadržaj fotografije pomoću čitača zaslona.

Provjera ispravnosti ispunjavanja polja obrazaca poboljšava UX

Sigurno ste suočeni s neugodnom situacijom: ispunite dugačak obrazac, pokušajte poslati podatke i dobiti poruku o pogrešci. Implementacija korisničkog sučelja s HTML5 standardima štiti od ovog problema i poboljšava UX.

Pokušajte unijeti brojeve ili tekst u okvir Adresa e-pošte u nastavku. Ako unesete pogrešnu vrijednost, obrazac ga odmah prikazuje. Za to je web dizajner odredio vrstu podataka za polje obrasca (input type = "email").

Pogledajte potvrdu olovke e-poštom od Dmitrija Dementija (@ dmitriy-dementiy) na CodePen.

Autofokus štedi vrijeme posjetitelja

Obratite pozornost na ilustraciju. Nakon odlaska na stranicu za prijavu, korisnik može odmah unijeti broj telefona. Ne treba postaviti pokazivač u polje obrasca.

Web dizajneri su poboljšali svoje korisničko iskustvo s atributom autofokusa.

Autori mogu poboljšati UX s informativnim sidrima.

Sidra poput "ovdje", "pročitajte više" ili "tipovi" smanjuju praktičnost korisničkog sučelja i smanjuju korisničko iskustvo. Većina korisnika će preživjeti ovo, budući da mogu čitati okolni tekst i razumjeti kontekstualno gdje vodi link.

Osobe s oštećenjima vida su teže. Čitači zaslona imaju navigaciju na vezama na stranici. Slijepi ljudi čuju sidra, ali ne vide okolni tekst. Stoga je važno koristiti informativna sidra. Ovdje je, primjerice, veza do koraka Yandex.Direct.

Učitavanje asinkronih skripti poboljšava UX

Vanjski kod može blokirati učitavanje stranice. Pozornost na ilustraciju.

Da biste izbjegli probleme s UX-om, web-dizajner konfigurirao je učitavanje asinkronih skripti. U tom se slučaju sadržaj stranice učitava, čak i ako je vanjska skripta privremeno ili trajno nedostupna.

Većina usluga, uključujući Google AdSense, YAN i druge, korisnicima standardno nudi kod s asinkronim učitavanjem. Ponekad vlasnici stranica odbijaju ovu opciju zbog neiskustva. To može negativno utjecati na korisničko iskustvo.

Preporuke blokiraju poboljšanje UX-a i poboljšavaju izvedbu web-lokacije

Dodavanje bloka preporuka sučelju web-lokacije jednostavan je i učinkovit način za poboljšanje korisničkog iskustva. To je važno i za sadržajne projekte i za web-lokacije e-trgovine. Online trgovine uz pomoć referentnih blokova poput "Vidi također" ili "S ovim proizvodom koje kupuju" povećavaju pretvorbu i povećavaju prosječan račun.

Možete dodati blok preporuka sučelju web-mjesta pomoću usluga kao što su Relap ili myWidget, kao i pomoću alata odabranog CMS-a.

Da biste poboljšali korisničko iskustvo, uklonite bočnu traku

Direktor Appleovog dizajna Jonathan Ive kaže da ne bi trebalo biti nepotrebnih elemenata u dobrom korisničkom sučelju. Odbijanje bočne trake je jednostavan i učinkovit način za uklanjanje dodatnog elementa iz sučelja web-lokacije i poboljšanje UX-a. U tom slučaju, poboljšanje korisničkog iskustva pretvara se u povećanje učinkovitosti web-mjesta. To potvrđuju studije o kojima smo pisali u članku o upotrebljivosti na bočnoj traci.

Vizualni odgovor animira sučelje i čini korisnika zadovoljnim.

Elementi sučelja vizualnog odgovora pomažu posjetitelju da koristi stranicu i poboljša UX. primjeri:

  • Promijeni gumb kada lebdite.
  • Promjena boje polja ili druge vizualne potvrde ispravnog popunjavanja obrasca.
  • Traka napretka koja se mijenja dok se krećete kroz stranicu.

"Zrak" na stranici čini sučelje prikladnijim

Slobodni prostor naglašava elemente sučelja, pomaže korisnicima u traženju željenog sadržaja ili funkcionalnosti. Da biste poboljšali korisničko sučelje i UX, dodajte zrak na stranicu.

Gore navedeni primjeri su dovoljni da pokažu utjecaj korisničkog sučelja na korisničko iskustvo.

Moram napomenuti da Dmitry smatra rad s korisničkim iskustvom u širem smislu, sa stajališta poslovnih procesa, od i do. Ovaj pristup je relevantan ako tvrtka u državi ima svoje stručnjake koji se bave tim pitanjima. Naša agencija se također bavi korisničkim iskustvom, ali to činimo kao dio promotivnog rada, tj. Procese na koje mi kao izvođač možemo utjecati: analizu ciljane publike, analizu ponašanja pomoću statističkih sustava, ankete fokusnih grupa itd. No, u okviru našeg rada, UX-design se isplati i važan je čimbenik u visokokvalitetnoj optimizaciji tražilica.

UI - dio, UX - cijeli broj

Korisničko iskustvo daleko nadilazi kompetencije web dizajnera. Dizajner može utjecati na UX pomoću korisničkog sučelja. No, pozvati stručnjaka u stvaranju web stranica dizajnersko korisničko iskustvo ne može. To je isto kao i određivanje blagajnika u trgovini u blizini kuće kao odgovornog za financijski rezultat i zahtijeva od njega iste količine prodaje kao u hipermarketu.

UX nije ograničen na web-lokaciju. Na korisničko iskustvo utječu radnik na stroju, utovarivač, dobavljač, prodavatelj, dizajner i programer stranice, autor i urednik, upravitelj računa i tako dalje. I orkestar vodi voditelj tvrtke i njegov desni marketing.

U zaključku, prikladno je citirati Stevea Jobsa, koji je bio pravi UX dizajner ili dizajner korisničkog iskustva.

Dizajn nije ono što stvar izgleda. Dizajn je kako to radi.

Pogledajte videozapis: How Airbnb designs for trust. Joe Gebbia (Rujan 2019).

Ostavite Komentar