WEB dizainas UX/UI

WEB dizainas UX UI

Kas yra WEB dizainas?

WEB dizainas (Internetinių svetainių dizainas) – tai internete rodomų svetainių dizainas. Paprastai tai yra ne programinės įrangos kūrimas, o interneto svetainių kūrimo aspektai, susiję su vartotojo patirtimi. Anksčiau web dizainas buvo orientuotas į svetainių, skirtų stalinių kompiuterių naršyklėms, kūrimą, tačiau nuo išmaniųjų įrenginių eros pradžios vis svarbesnis tampa mobiliesiems įrenginiams ir planšetiniams kompiuteriams skirtas dizainas.

Web dizaineris kuria svetainės išvaizdą, išdėstymą, o kai kuriais atvejais ir turinį. Pavyzdžiui, išvaizda susijusi su naudojamomis spalvomis, šriftu ir vaizdais. Išdėstymas susijęs su tuo, kaip informacija suskirstyta ir paskirstyta į kategorijas. Gerą interneto svetainės dizainą lengva naudoti, jis estetiškas, tinka naudotojų grupei ir svetainės prekės ženklui. Daugelio tinklalapių dizainas kuriamas orientuojantis į paprastumą, kad juose nebūtų pašalinės informacijos ir funkcijų, kurios galėtų blaškyti naudotojų dėmesį arba juos klaidinti. Kadangi pagrindinis web dizainerio darbo rezultatas yra svetainė, kuri laimi ir skatina tikslinės auditorijos pasitikėjimą, labai svarbu pašalinti kuo daugiau galimų naudotojų nusivylimo taškų.

Du iš labiausiai paplitusių metodų, kaip kurti svetaines, kurios gerai veikia ir kompiuteriuose, ir mobiliuosiuose įrenginiuose, yra prisitaikantis dizainas (angl. responsive design) ir pritaikomasis dizainas (angl. adaptive design).

Prisitaikantis dizainas:

Prisitaikantysis dizainas prisitaiko prie įvairių ekrano rezoliucijų, pritaikydamas įvairių ekrano elementų aukštį ir plotį. Visuose ekrano dydžiuose išdėstymo šablonas išlieka toks pat. Techniškai kalbant, prisitaikančiose svetainėse naudojama ta pati kodų bazė ir tas pats dizainas visuose įrenginiuose, tik šiek tiek pakoreguojant CSS, kad būtų galima pritaikyti ekrano formos faktorių. Keletas svarbiausių prisitaikančio dizaino savybių:

  • Visuose įrenginiuose naudojamas vienas svetainės išdėstymo šablonas – taip išlaikomas svetainės vienodumas visuose įrenginiuose.
  • Dėl vienos kodų bazės reikia prižiūrėti tik vieną svetainės versiją – taip sutaupoma daug laiko ir išlaidų.
  • Visi svetainės ištekliai, pavyzdžiui, vaizdo įrašai ir vaizdai, atsisiunčiami visuose įrenginiuose, nepriklausomai nuo to, ar jie naudojami tame įrenginyje, ar ne – dėl šios priežasties puslapio įkėlimas gali būti šiek tiek lėtesnis
  • Visi vaizdai atsisiunčiami viso dydžio, o paskui jų dydis keičiamas atsižvelgiant į įrenginio dydį – dėl to gali nukentėti lankytojų žiūrėjimo kokybė
  • Prisitaikantį dizainą lengva įdiegti naujose svetainėse, o esamas svetaines nesudėtinga pertvarkyti.

Pritaikomasis dizainas:

Skirtingai nei prisitaikantis dizainas, pritaikomasis dizainas yra labiau kompleksiškas dizainas. Vietoj to, kad būtų pateikiamas ekrano išdėstymas, kuris prisitaiko prie kiekvieno įrenginio dydžio, nustatomas statiškas fiksuotas išdėstymas, pritaikytas prie konkretaus ekrano dydžio. Pritaikomosios svetainės yra optimizuotos geriausiai naudotojo patirčiai – šiose svetainėse optimaliai naudojamos paspaudimo funkcijos, jos greičiau įkeliamos, jose naudojami mobiliesiems įrenginiams optimizuoti vaizdai ir meniu. Keletas svarbiausių pritaikomojo dizaino savybių:

  • Svetainės išdėstymas optimizuotas skirtingiems mobiliesiems įrenginiams – taip išlaikomas svetainės vienodumas visuose įrenginiuose.
  • Reikia prižiūrėti kelių svetainių kodų bazę – tai padidina laiką ir sąnaudas.
  • Į įrenginį atsisiunčiami tik reikalingi ištekliai, pvz., vaizdo įrašai ir vaizdai, todėl optimizuojamas puslapio įkėlimo našumas.
  • Vaizdų dydis keičiamas ir jie projektuojami pagal įrenginio dydį, todėl svetainės lankytojas gali mėgautis idealia peržiūros patirtimi.
  • Dėl vien tik sudėtingo dizaino ir kodo palaikymo adaptyvusis dizainas reikalauja išplėstinių žinios apie svetainių dizainą (ypač “JavaScript” ir CSS).

Dažniausiai svetainės yra kuriamos naudojant kompiuterį ir pradinis puslapio vaizdas yra pritaikomas kompiuterio ekranui, tačiau apie 70% visų svetainių lankytojų yra mobiliųjų telefonų naudotojai. Įprastai svetainės atmetimo rodiklis tarp telefonų naudotojų yra apie 10% didesnis negu kompiuterių naudotojų, kas gali reikšti, kad svetainės dažnai būna nepakankamai gerai pritaikytos naudotis telefonu. Taip sparčiai augant telefonų naudotojams rekomenduojama svetainės dizainą pradėti kurti telefono ekranui ir tik tada kurti kompiuteriui pritaikytą dizainą. 

UX/UI dizainas

UX UI Dizainas

Pirmasis įspūdis yra labai svarbus. Ekspertai teigia, kad apie naują žmogų pirmąjį įspūdį susidarome nuo 30 sekundžių iki dviejų minučių.

Interneto svetainėms, kurios tapo svarbiausiu kiekvieno dydžio įmonių ir ne pelno siekiančių organizacijų klientų įėjimo tašku, pirmajam įspūdžiui sudaryti reikia dar mažiau laiko – iš tikrųjų mažiau nei sekundės. Net 38 proc. lankytojų palieka svetainę, jei jos turinys ar išdėstymas jiems atrodo nepatrauklus.

Visiškai aišku, kad efektyviausios svetainės yra ir vizualiai patrauklios, ir paprastos naudoti.

Šios dvi savybės yra web dizaino, kuris susijęs su visų svetainės aspektų planavimu ir kūrimu, pagrindas. O specialistai, atsakingi už šios srities įgyvendinimą, web dizaineriais.

WEB dizainas išsiskiria į dvi pagrindinęs kryptis. UX – „User Experience“ (naudotojo patyrimas), o UI – „User Interface“ (naudotojo sąsaja) trumpinys.

UX dizainas

Vartotojo patirties (UX) dizainas – tai procesas, kurį dizaino komandos naudoja kurdamos produktus, suteikiančius naudotojams prasmingą ir svarbią patirtį. Tai apima viso produkto įsigijimo ir integravimo proceso projektavimą, įskaitant prekės ženklo kūrimo, dizaino, naudojimo patogumo ir funkcijų aspektus.

UX dizainerio funkcijos ir pareigos

  • Mąstyti, kurti eskizus, prototipus ir bendradarbiauti su mokslinių tyrimų ir produktų komandomis, kad būtų sukurti nustatytų probleminių sričių sprendimai.
  • Kurti prototipus svetainėms ir mobiliosioms programėlėms
  • Bendradarbiauti su priekinės dalies kūrėjais, kad išspręsti naudojimo iššūkius
  • Verslo ir naudotojų reikalavimus paverskiti prasminga interaktyvia patirtimi
  • Kurti išsamias schemas, svetainių žemėlapius ir itin interaktyvių sąsajų įvairiose platformose schemas
  • Dalyvauti įtraukiančiuose naudotojų tyrimuose, koncepcijų ir tinkamumo naudoti bandymuose
  • Nuolat tobulinkiti dizainą pagal naudotojų atsiliepimus

UI dizainas

Naudotojo sąsajos dizainas teikia pirmenybę naudotojo vizualinei patirčiai. Gera naudotojo sąsaja yra funkcionali, patikima ir maloni naudoti. Vartotojo sąsajos dizainas turėtų sumažinti naudotojo pastangas, kurias jis turi įdėti sąveikaudamas su produktu, ir padėti naudotojams lengvai pasiekti savo tikslus.

Dizaineriai taiko į naudotoją orientuoto dizaino metodus (pokalbius su naudotoju, tiesioginius stebėjimus ir kt.), kad sužinotų apie savo tikslinę auditoriją ir užtikrintų, jog naudotojo sąsajoje diegiama vizualioji kalba būtų gerai pritaikyta jai. Svarbu, kad vartotojo sąsaja būtų estetiška, nes pagal estetikos ir tinkamumo naudoti efektą, sąsajos, pasižyminčios puikia estetika, galutinių vartotojų suvokiamos kaip patogesnės naudoti.

UI dizainerio funkcijos ir pareigos

  • Paruošti vartotojui patrauklų dizainą iš jau paruošto UX dizainerio svetainės skeleto
  • Kurti patrauklias sąsajas įvairaus masto ir sudėtingumo interneto svetainėms
  • Teikti pagrįstas rekomendacijas dėl rinkodaros strategijos, dizaino ir išdėstymo, taip pat svetainių elgsenos ir funkcionalumo, remtiantis bendromis žiniomis apie geriausią UI / UX praktiką
  • Kurti paprastus prototipus, skirtus sąsajos elementų ir koncepcijų naudotojų testavimui
  • Kurti vizualinį ir prekės ženklo nuoseklumą visoje įmonės skaitmeninėje erdvėje
  • Sekiti naujienas apie konkurenciją ir rinkos tendencijas