Geros ux ui žinios. Kas yra UX ir UI dizainas

IT pramonėje yra gana daug sričių, susijusių su dizainu. Dažniausi iš jų yra dizaineriai, pasislėpę už UX ir UI santrumpų. Na, o kai kuriems žmonėms netgi pavyksta į dizainerius įtraukti front-end kūrėjus. Pabandykime išsiaiškinti, kas yra IT pasaulio dizaineriai, kuo skiriasi UI ir UX ir koks yra sąsajos su priekinės dalies inžinieriais projektavimas.

Dizaineriai

Programų, svetainių ar žaidimų sąsajos kūrimas yra gana sudėtingas procesas, reikalaujantis žinių iš įvairių sričių: inžinerijos, psichologijos ir dizaino. Vartotojo sąsajos arba UI dizaineriai daugiausia dėmesio skiria svetainės funkcijų (paieška, skirtukų, meniu) rodymo būdui ir išsamiai kliento ir sąsajos sąveikai. UI dizainerio tikslas – estetiškai priimtinas modernus gaminio dizainas. UX reiškia vartotojo patirtį, o tai reiškia „naudotojo patirtis“. UX dizaineris daugiau dėmesio skiria potencialaus vartotojo sąsajos patogumui ir supratimui. Toks specialistas dažnai atliks tyrimus ir apklausas, kurios bus pagrindas kuriant dizaino koncepciją, taip pat išbandys koncepcijas kūrimo metu ir po jo. Paprastai dėmesys sutelkiamas į struktūrą, turinį, naršymą ir tai, kaip vartotojas sąveikauja su šiais elementais.

Ji gamina svetainių schemas, prototipus, kurie yra pagrindinė struktūra kuriant programinė įranga. UX dizainerio darbo tikslas yra, kad vartotojas greitai ir neskausmingai iš svetainės gautų tai, ko čia atėjo. Tačiau šiandien labai dažnai šios dvi specializacijos rašomos pasviruoju brūkšniu. Tai yra, abiejų krypčių užduotis atlieka vienas specialistas. UX/UI dizaineris kuria vartotojo sąveiką su sąsaja, nusprendžia, ką tiksliai jis turi daryti ir yra atsakingas už tai, kaip ši sąsaja atrodys.

Ką turi žinoti UX/UI dizaineris

Grafinis redaktorius. Populiariausi įrankiai rinkoje yra Adobe Photoshop, Adobe Illustrator, taip pat Sketch, Figma. Pasirinkite jums patogų redaktorių ir pirmiausia pabandykite nupiešti svetainės ar programos ekrano kopijas, jas šiek tiek modernizuodami.

Prototipų kūrimo įrankiai („Mockplus“, „Axure“). Prototipų kūrimo įrankis yra jungtis tarp idėjos ir jos įgyvendinimo. Nesvarbu, kokį įrankį naudosite. Galite išbandyti keletą ir nuspręsti, kuris tinka jūsų stiliui ir pageidavimams.

Vartotojo psichologija. Jau projektavimo etape turėtumėte pagalvoti, ar jums ar kam nors kitam bus patogu naudotis šia sąsaja. Įdėkite save į kliento vietą, užmegzkite tvirtą ryšį su juo ir būkite atidūs jo poreikiams. Juk produktas bus sėkmingas, jei bus jo paklausa.

Jums taip pat reikės žinių spalvų teorija. Kai kuriuos dalykus žinome iš vaikystės, ypač tie, kurie lankė dailės mokyklą. Tačiau yra tam tikra dizainerių darbo specifika. Pagrindinių žinių galima gauti iš knygų ar straipsnių internete.

Patartina turėti idėją apie tipografija, priemonė, skirta derinti tekstinius ir vaizdinius komponentus.

Svetainės sudėtis ir tinkamumas naudoti.

Priklausomai nuo darbo specifikos, jums gali prireikti HTML ir CSS arba (kai kurių) programavimo kalbų supratimo (nuorodas į išteklius rasite žemiau, skiltyje „Ką turėtų žinoti front-end kūrėjas“).

Front-end kūrėjas

Pagrindinė priekinės dalies kūrėjo užduotis yra sukurti sąsajos kliento dalį. Tai yra, toks specialistas „atgaivina“ tai, ką dizaineriai sukūrė. Jis yra atsakingas už sąsajos veikimą ir veikimą, o mažiau už vaizdinį turinį. Priekinis kūrėjas dažnai turi rasti gerą vartotojo sąsajos sprendimą jos kūrimo etape, todėl jis dažnai bendradarbiauja su UX/UI dizaineriu. Front-end kūrėjo parašytas kodas veikia vartotojo naršyklėje (kaip sakoma, „kliento pusėje“). Be to, viena iš svarbiausių užduočių yra užtikrinti, kad svetainė ar žiniatinklio programa atrodytų vienodai visose platformose ir naršyklėse.

Ką turėtų žinoti „front-end“ kūrėjas

Kaip taisyklė, front-end kainuoja trys stulpai: žymėjimo kalba HTML puslapiai, lenteles CSS stiliai ir kalba JavaScript programavimas. Be to, sąsajos kūrėjas turi suprasti HTTP protokolo, serverių ir naršyklių veikimo principus bei sąsajos rodymo ypatybes. įvairių įrenginių kurie šiuo metu yra rinkoje. Interneto sąsajų kūrimo įrankiai ir metodai nuolat tobulėja ir keičiasi, todėl kūrėjas turi nuolat tai stebėti.

HTML ir CSS (išdėstymas)

Tai yra išdėstymas, pačios plytos, iš kurių pastatyta svetainė. Kalba HTML žymėjimas diktuoja svetainės organizavimą, turinį ir visas sąveikas tarp jų. Tai leidžia nurodyti puslapio viršų, apačią, šoninius blokus su turiniu, antraštes, rodyti tekstą ir daugialypės terpės elementus. CSS stiliaus lapai naudojami HTML elementams papuošti. Jie tiksliai nustato, kaip kiekvienas grafinis elementas, kuris yra puslapyje. Naudodami naujausias HTML5 ir CSS3 versijas galite įdėti vaizdo ir garso komponentus puslapyje, kurti 2D vaizdus ir animacijas ir net rašyti paprastus žaidimus. Nereikia stengtis atsiminti visų žymų ir stilių vienu metu. Bus naudinga išmokti pagrindus ir nedelsiant juos pritaikyti. Labai gera svetainė tyrinėjimui HTML pagrindai ir CSS – W3School. Bet tik tuo atveju, jei turite bent pagrindines anglų kalbos žinias. Be to, priekinės dalies kūrėjas turi suprasti kelių naršyklių ir kelių platformų kūrimą, prisitaikantį ir reaguojantį išdėstymą.

Bootstrap

Tai HTML, CSS ir JavaScript sistema. Tai yra, tam tikri šablonai, iš kurių, kaip iš konstruktoriaus, galima daug greičiau surinkti svetaines nei be jų. Bet, žinoma, jūs turite jį pritaikyti pagal savo poreikius. Jei mokate anglų kalbą, rekomenduojame getbootstrap svetainę ir tuos pačius w3schools.

JavaScript

„Javascript“ yra „front-end“ kūrimo pagrindas. Tai pirmoji ir labiausiai paplitusi sąsajos programavimo kalba. Jis gali pridėti daug funkcijų prie svetainės. Pradiniame lygyje ši kalba leidžia į puslapį įtraukti interaktyvių elementų. Jis naudojamas kuriant žemėlapius, kurie atnaujinami realiuoju laiku, interaktyviems internetiniams žaidimams ir filmams. Vyresniuose „JavaRush“ kursuose išmokstame šiek tiek „JavaScript“. Taip pat galite mokytis toje pačioje W3School arba skaityti apie tai rusų kalba svetainėje javascript.ru.

jQuery

„jQuery“ yra „Javascript“ biblioteka, kurioje yra įskiepių ir plėtinių, kurie gali padaryti kūrimą dar lengvesnį ir greitesnį. Užuot rašę kodą nuo nulio, bibliotekos leidžia pridėti paruoštų komponentų, kuriuos vėliau galima pritaikyti konkrečiam projektui. Galite naudoti automatinio paieškos formų užpildymo, tinklelio pertvarkymo ir dydžio keitimo bei atgalinės atskaitos laikmačių nustatymo funkcijas. Praktinis jQuery kursas w3school

Javascript karkasai

Egzistuoti Įvairių tipų karkasus, tačiau galite pasirinkti vieną iš jų, kuris jums bus patogus naudoti. Garsiausios yra Angular, Backbone, Ember ir React. Jie yra paruošta kodo struktūra. Jie padeda pagreitinti vystymąsi. Kartu su bibliotekomis jie gali sumažinti svetainės ar programos kūrimą nuo nulio. 5 populiariausių 2017 m. JavaScript karkasų ir bibliotekų apžvalga

Git versijos valdymo sistema

Versijų valdymo sistemos gali stebėti kodo pakeitimus laikui bėgant. Jie taip pat leidžia grįžti į ankstesnę projekto versiją. Git yra plačiausiai naudojama versijų valdymo sistema. Žinojimas, kaip dirbti su „Git“, yra svarbus kiekvieno kūrėjo įgūdis.

Trumpos išvados

UI reiškia vartotojo sąsają, o tai reiškia „vartotojo sąsaja“. Tai yra, UI dizaineris pirmiausia yra atsakingas už tai, kaip produktas pateikiamas vartotojui. Jis kuria mygtukus, piktogramas, parenka šriftus ir paruošia maketą. UX reiškia vartotojo patirtį. Taigi UX dizaineris kuria svetainės dizainą, aplikaciją – ar bet ką – taip, kad vartotojui būtų patogu ir suprantama, kas yra kas, o iš svetainės jis galėtų gauti tai, ko jam reikia, su minimaliomis pastangomis. Labai dažnai abu kūrinius atlieka vieno žmogaus orkestras: UI/UX dizaineris. Front-end kūrėjas pagyvina dizainerių darbą, įnešdamas į jį dinamikos: pradedami spausti mygtukai, ima keistis vaizdas. Jis turi mokėti programavimo kalbas, pagardintas sistemomis, išankstiniais procesoriais ir bibliotekomis.

Sąvoka „dizainas“ gali atrodyti apgaulingai paprasta. Tuo pačiu tai labai neaiški ir jei paprašysi skirtingų žmonių tau tai paaiškinti ši koncepcija, jų atsakymai bus labai skirtingi.

Pavyzdžiui, kai kas nors sako: „O aš dirbu dizaineriu“, dauguma žmonių gali nesuprasti, ką jie turi omenyje. Ir viskas dėl to, kad už to, atrodo, paprastu žodžiu melas puiki suma reikšmės.

Šiandien rinkoje pastebimas techninių įmonių sektoriaus augimas, kuris daugiausia dėmesio skiria įvairių ekranų sąsajų gamybai, o tai savo ruožtu lemia naujų dizaino ypatybių atsiradimą.

Tokia profesija, kaip UX dizaineris, iš pirmo žvilgsnio gali pasirodyti keista ir net šiek tiek sudėtinga tiems, kurie anksčiau su tuo nesusidūrė – be to, kai kurie patyrę kūrėjai nesupranta, ką tai reiškia ir gali susimąstyti: kas yra UX dizaineriai ir Ką jie veikia?Ar jie net dirba?

Tačiau UX pramonė dabar sparčiai auga. Tiesiog pažiūrėkite, kiek išaugo UX (arba „User Experience“) specialistų skaičius.

Ne visi jie yra nauji ekspertai, jau vien todėl, kad darbo rinka šioje srityje svyruoja nuo visiškai pradedančiųjų iki žmonių, kurie visada buvo UX specialistai, bet niekada to nežinojo.

Minėtos aplinkybės gali sukelti tam tikrų problemų, pavyzdžiui, ne visi save vadinantys UX dizaineriais iš tikrųjų yra UX specialistai. Kadangi tai yra ypatinga profesija, kurios negalima aiškiai apibrėžti, tarsi kalbėtume apie odontologus ar slaugytojus, be to, UX yra gana sunku atskirti gerą specialistą nuo blogo.

Kas yra UX dizaineris?

UX dizainerio darbas, kaip taisyklė, yra susijęs su prekės ar paslaugos suvokimu, todėl dizaino problemos šiuo atveju ne visada yra akivaizdžios.

Jie yra subjektyvūs ir gali turėti daugiau nei vieną sprendimą. Iš esmės UX dizaineris yra atsakingas už tai, kad kiekvienas gaminio kūrimo proceso žingsnis būtų išplaukęs iš ankstesnio.

Tai galima pasiekti naudojant tiesioginį vartotojo testavimą, kad būtų galima įvertinti atliktus veiksmus. Jei vartotojai gali atlikti tiek žodinius, tiek neverbalinius testus, tai yra sudarytos sąlygos efektyviam UX. Pavyzdžiui, geras sprendimas būtų sukurti patogią prisijungimo patirtį naujiems vartotojams.

Ką veikia UX dizaineris?

Geras UX specialistas gali sujungti visus puikios vartotojo patirties aspektus į vieną produktą.

Tai galima padaryti tik įsitikinus, kad aukščiau išvardyti aspektai gerai veikia kartu, o ne atskirai. Profesionalas, į kurį mes svarstome, prisiima visą atsakomybę už būsimus rezultatus ir ypač už patį ux.

Bet vis tiek tai tik karjeros pradžia kvalifikuotam UX specialistui, nes ateityje jie gali būti panaudoti įvairių metodų kurie leidžia gerai atlikti šį darbą.

Norint būti tikrai geru UX dizaineriu, jums reikės puikių bendravimo įgūdžių, aistros, meilės naujovėms, kūrybiškumo nuojautos ir iniciatyvos žinoti, kada eksperimentuoti ir kada laikytis taisyklių. Tačiau visi UX profesionalai turėtų pradėti nuo žemesnio karjeros lygio, jei ateityje nori būti parduodami.

Norėdami tapti sėkmingu UX dizaineriu, turite mokėti ne tik aprašyti, bet ir kompetentingai naudoti komunikacijos mechanizmus, užduočių atlikimo algoritmus, reikalavimus sąsajoms.

Turite mokėti paaiškinti investuotojams vartotojo patirtį nuo pradžios iki pabaigos, taip pat susijusias funkcijas ir kontekstą. Remdamas stiprią komandą, UX dizaineris gali paversti bet kurios gerai žinomos platformos, pvz., „Facebook“, savybes vertingu ir prieinamu įrankių rinkiniu.

Vielos rėmai ir eskizai yra tik maža darbo dalis

Karkasai ir vizualiniai planai yra didelio pasiruošimo kuriant produktą rezultatas. Tikrai svarbu paruošimo procesą pateikti vaizdine forma, pvz PowerPoint pristatymai, tolimesniam dizainerių ir programuotojų panašių medžiagų naudojimui.

Gana lengva gauti duomenis apie gaminių prototipus atliekant tinkamumo testus ar net sukurti ekrano transliacijas. Šie įrankiai gali būti tokie pat svarbūs kaip vieliniai rėmai.

UX dizainerius taip pat galima atpažinti iš to, kaip jie sutelkia dėmesį į kruopščiai parengtą planą, kaip pagerinti produkto dizainą, kad jis būtų efektyvesnis.

Tačiau nėra patvirtinto metodo, kaip pasirinkti gerą UX specialistą, nes jų pareigos gali skirtis. Pastarieji turi labai didelę sklaidą ir apima sąveiką su asmenys, juridiniai asmenys, taip pat su naujais techniniais patobulinimais.

Vartotojo testavimo vykdymas

UX dizainas apima daug daugiau nei tiesiog sėdėjimas su klientais prie internetinės platformos ar programos ir periodiškai klausiant jų nuomonės apie funkciją.

Tiesą sakant, vertinimo procese turėtų būti stebimas kliento gebėjimas atlikti jam skirtą veiklą. Tokiu būdu jie gali pateikti jums neredaguotą atsakymą apie savo vartotojo patirtį.

Atliekant tokio tipo vertinimą, klientų vertinimų skaičius, individualūs vertinimai ir testo dalyvių atranka labai priklauso nuo to, kiek pinigų esate pasiruošę investuoti į jo atlikimą pradiniame produkto kūrimo etape.

Laimei, į klientą orientuotas testavimas iš tikrųjų yra toks pat patikimas ir paprastas, kaip stebėti, kaip vartotojai sąveikauja su jūsų produktu internete.

Asmenų apibrėžimas ir kūrimas

Terminas persona vartojamas kalbant apie išgalvotą personažą, kuris atstovauja vienai iš vartotojų, kuriems kuriate produktą, kategorijų. Šio tipo asmenybės vertinimas gali būti kruopštaus tyrimo objektas, jei, žinoma, jis tinkamas.

Nors gali kilti pagunda visiškai sukurti asmenybę, nebent jūsų asmenybė yra pagrįsta statistiniais duomenimis apie jūsų tikrus vartotojus, ji, deja, bus nenaudinga. Personažo kūrimas taip pat neturės prasmės, jei jis neturi nieko bendra su jūsų verslu.

Geriausias būdas sukurti asmenybę yra naudoti įvairių tipų tyrimus, tokius kaip vartotojų testai, apklausos, klausimynai, tikslinės grupės ir kiti metodai.

Kai negalite vadintis UX dizaineriu

Jūs negalite tapti tikrai kvalifikuotu UX dizaineriu, jei neišmoksite bendrauti su žmonėmis, kurie turėtų padėti jums formuoti jūsų strategijas.

Šios profesijos pavadinime yra frazė „vartotojo patirtis“, tačiau jei vartotojo nėra, tai jūsų veikla neturi jokios vertės. Jei kuriate dizainą, pagrįstą šiek tiek daugiau nei įdomia idėja, neatsižvelgdami į duomenis apie tikrus vartotojų poreikius, jūs tikrai nesate UX dizaineris.

Tą patį galima pasakyti apie tuos UX specialistus, kurie negali apibrėžti savo tikslinės auditorijos. Jei manote, kad jūsų internetinė platforma puikiai tinka visiems, jūs ne tik darote neįmanomą savo darbą, bet ir nepaisote tikrų interneto dizaino principų – visada turi būti tikslinė auditorija.

Kitas trūkumas yra bandymas nedelsiant išspręsti problemą, o ne įsitikinti, kad ji iš tikrųjų egzistuoja ir rasti priežastį.

Jei jūsų viršininkas prašo sukurti internetinę platformą, o jūs net neklausite, kodėl tai reikia padaryti, greičiausiai esate paprastas (ir nebūtinai talentingas) interneto dizaineris, o ne UX specialistas.

Priimkite sprendimus remdamiesi tik Asmeninė patirtis, taip pat bloga mintis. Jei viršininkas klausia: „Kodėl nusprendėte naudoti žymų laukus, o ne kitą alternatyvą? Atsiliepimas paskutinėje apklausoje?“ turėtumėte atsakyti į ką nors geriau nei tiesiog: „Pasirinkau juos, nes man jie patinka“. Tai tikrai neveikia UX dizaine.

Jei norite tapti sėkmingu ir įgudusiu UX dizaineriu, labai svarbu naudoti visas projektavimo priemones – nuo klientų apklausos iki tinkamumo naudoti testų, asmenybių kūrimo, kontekstinių vertinimų, konceptualių modelių, svetainių schemų, produktų prototipų, vielinių rėmų, A/ V vertinimai ir daug daugiau.

Kvalifikuotiems UX dizaineriams būtina ne tik išsiaiškinti savo tikslinės auditorijos specifiką, bet ir turėti galimybę pademonstruoti šią informaciją savo komandai.

Produktas visada turi tobulėti

Pirmas dalykas, su kuriuo reikia susitaikyti, yra tai, kad jūsų produktas niekada nebus baigtas. Be to, produktas neturėtų būti vertinamas tik pagal jo vidinę vertę, nes svarbūs ir jo kūrimo metodai.

Daugeliui UX profesionalų gali būti sunku laikytis griežtų ribų arba laikytis plano, tačiau dauguma įmonių laikosi šis kelias. Tačiau vienintelis dalykas, kuris išlieka pastovus, yra pokyčiai, ir taip bus visada.

Jei bandote sukurti gaminį, turite stengtis tobulinti jo gamybai reikalingus metodus, taip pat nuolat gerinti galutinį rezultatą.

Tiesą sakant, UX dizaineriams gali būti naudinga periodiškai atsigręžti į savo praeities projektus (sėkmę ir nesėkmę), kad išsiaiškintų, ko jie išmoko ir kaip tai galima pritaikyti būsimame darbe.

Pristatome naują serijos straipsnį. Šioje serijos dalyje svarstysime UX/UI dizainerio – specialisto, atsakingo už atitiktį, pareigas išvaizda ir produkto logika.

UX/UI dizaineris- specialistas, kuriantis vartotojo sąsajas.

Tipiška darbo diena apima:

darbas su prioritetinėmis užduotimis (projektavimas, braižymas);
bendravimas su klientu;
daryti taisymus.

Privalumai ir trūkumai

Ši profesija dizainerius vilioja galimybe padaryti pasaulį geresne vieta, taip pat savo pažadais ir paklausa rinkoje:

„Man patinka galvoti, kad sugebi išspręsti problemą didelei auditorijai arba bent jau padaryti turinio suvokimo procesą malonesnį ir įdomesnį. Įdomu vaikščioti aplink žmones ir bandyti suprasti, ko jiems iš tikrųjų reikia, o tada sugalvoti, kaip tai įgyvendinti.

„Sritis labai įdomi tuo, kad teisingi dizainerio sprendimai gali gerokai supaprastinti ir pagerinti gyvenimo kokybę žmonių grupei, kuriai kuriamas tam tikras produktas ar projektas. Taip pat galite daug sužinoti apie įvairius verslo tipus pasaulyje, o tai gali būti naudinga pradedant nuosavą verslą ir žvelgiant į pasaulį globaliau.

„Asmeniškai mane erzina kvailos programėlės, nepatogūs mygtukų išdėstymai liftuose, netinkamai suprojektuoti automobilių interjerai – man patinka daryti kažką, kas gali tai pagerinti. Šis pasaulis yra toks netobulas (ne gamta – ten viskas tobula ir subalansuota), kad protingam dizaineriui visada yra darbo.“

„Mokiausi sistemos administratoriaus programuotojo specialybės, bet visada buvo įdomu ką nors veikti „Photoshop“. Anksčiau nebuvo tiek daug vadovėlių, vaizdo pamokų ir straipsnių, kaip dabar, todėl daugumą funkcijų ir funkcijų išmokau atsitiktinai. Vėliau nusprendžiau išbandyti Illustrator, jis buvo daug geresnis sunkesnis nei Photoshop, bet puikiai tinka kuriant vektorių. Mėgstu kurti kažką naujo, kažką naudingo ir gražaus, mėgstu tobulėti ir matyti pasiektą rezultatą. Visa tai leidžia padaryti dizaino sritis. Taip pat įdomu, kaip keičiasi tendencijos, atsiranda naujų programų ir funkcijų, visada reikia visa tai sekti ir nuolat tobulėti.

„Man patinka UX/UI dizainas, nes tai labai perspektyvi kryptis. Technologijos vystosi labai greitai, kai kurios sąsajos keičiamos naujomis, ir visas jas reikia projektuoti. Čia galite ne tik galvoti, ar sąsaja atrodo gražiai, bet ir apie tai, kaip ji patogi ir kiek ji gali išspręsti žmogaus problemą (arba greitai susirasti tinkamą kavinę, arba užsisakyti bilietą į koncertą, ar padėti paruošti mėgstamą patiekalas). Sąsajos yra visur: nuo medicinos įrangos iki automobilių. Kai automobiliai skraido, kažkam reikės pagalvoti apie savo sąsajos sąveiką su žmogumi. Ir tai būsime mes – UX/UI dizaineriai“.

Dar vienas pliusas – galimybė dirbti nuotoliniu būdu (20% visų dizainerių), didelis laisvai samdomų projektų pasirinkimas.

Tarp minusų Dizaineriai savo profesiją vadina bendravimu su klientais, kurie nežino, ko nori, taip pat IT kolegų neįvertinimu:

„80–90% atvejų tenka dirbti be techninių specifikacijų ir tokių reikalavimų: „Padarykite tai labai gražų ir megakonfigūruojamą“.

„Požiūrį į dizainą ir dizainerius Ukrainoje laikau profesijos trūkumu. Kažkodėl visi mano, kad jei vieną kartą atidarė „Photoshop“, tada jie gali automatiškai būti dizaineriais ir savarankiškai nuspręsti, kiek laiko bus skirta dizainui. Dėl to ypač kalti nepatyrę vadybininkai ir programuotojai (vienas naujokas vadovas tvirtino, kad Paint programoje užduotį galėtų atlikti per 30 minučių, tačiau kūrybai laiko neturi).

„Trūkumai – rimtų mokymų nebuvimas ir kompetentingų procesų bei metodikų rinkoje nesuvokimas. Užsakomųjų paslaugų atveju neįmanoma sekti rezultatų ir tobulinti savo geriausią praktiką. Produktas yra šiek tiek monotoniškas subrendusiems žmonėms ir visiškas chaosas pradedantiesiems.

„Trūkumai – kaip ir visose IT – sėdimas darbas, skausmingos akys ir kartais klientas, kuriam reikia baltą #ffffff padaryti dar baltesnę :)“

Kaip tapti ir kur judėti toliau

Pirmasis ir pagrindinis vartotojo sąsajos įgūdis yra įvaldyti grafikos redaktorius. Populiariausi įrankiai yra Adobe Photoshop, Sketch, Principle, Adobe Illustrator, After Effects. Pirmiausia galite pabandyti perpiešti bet kurios mobiliosios programos ar svetainės ekrano kopijas. Tačiau ne tik kopijuokite (nors ir jūs turite tai padaryti), bet pastebėkite nepatogumus ir pasiūlykite sprendimą, kaip tai padaryti geriau.

Taip pat svarbu suprasti spalvų teoriją, tipografiją, kompoziciją, svetainės ergonomiką (sąsajos naudojimo principus), taip pat rinkodaros, verslo analizės ir psichologijos pagrindus. Efektyvesniam bendravimui su kūrėjais pravers maketavimo įgūdžiai (HTML/CSS) ir pagrindinės JavaScript bei karkasų žinios.

Galite pradėti mokytis UX susipažinę su metodika skaitydami Nielseno Normano, Alano Cooperio, Jeffo Raskino, Steve'o Krugo, Alistairo Coburno knygas. Daugiau taikomosios literatūros yra Leah Buley „The User Experience Team of One: A Research and Design Survival Guide“.

"IN modernus pasaulisĮgyvendinimo galimybių yra daug. Įsigijau ir tebeperku internetinius kursus tokiose platformose kaip Coursera, Udemy, Edx. Stebiu „Adobe“, „Google“ internetines konferencijas, skaitau techninę literatūrą, analizuoju „Dribbble“, „Behance“, „Awwwards“ darbus.

„UX/UI dizaineris turi išstudijuoti vartotojo sąsajos klasiką: Steve'o Krugo „Don't Make Me Think“, Normano „Įprastų dalykų dizainas“, skaitykite Luke'ą Wroblewskį. Reikia nuolat praktikuotis, atsidurti vartotojo vietoje. Raskite mentorių, kuris nurodys klaidas, patars ir paskatins augti.

Karjerą galite pradėti laisvai samdydami įvairiose anglų kalbos platformose, taip pat bus naudinga išbandyti savo įgūdžius čempionatuose, pavyzdžiui, „Dev Challenge“. Tai padės jums sukurti savo portfelį.

UX ir UI įgūdžiai ir kompetencijos ()

Svarbios asmeninės savybės yra šios:

atkaklumas;
atkaklumas;
kūrybiškas mąstymas;
perfekcionizmas;
noras mokytis ir tobulėti;
gebėjimas išgirsti kritiką.

„Žmogus, kuris kuria sąsajas, yra inžinierius, jis turi turėti stiprų analitinį mąstymą, labai išvystytus empatijos įgūdžius ir gebėjimą įsiskverbti į dalykų esmę. Žinoma, yra ir praktinių įgūdžių – įvairių technologijų ir įrankių įvaldymas, bet tai, kaip taisyklė, yra antroje vietoje, žmogus iš prigimties turi būti inžinierius. O juo tapti nesunku, jei daug dirbi, skaitai knygas ir straipsnius apie dizainą (kompozicija, spalvų mokslas, tipografija) ir psichologiją (reikia suprasti, kaip žmogus renkasi ir kaip veikia jo smegenys), eini į paskaitas. ir seminarai ir daug ką praktikuoti“.

Galimi karjeros keliai UX/UI dizaineris:

tobulėti kaip dizaineris, padidinti savo kursą (jei esate laisvai samdomas darbuotojas);
įvaldyti susijusias sritis, tobulėti kaip gaminių dizaineris, VR dizaineris, VFX dizaineris, žaidimų dizaineris;
augti iki meno vadovo (dizaino vadovo) pareigų;
kurti taip, lyg norėtumėte pereiti nuo dizaino prie produkto valdymo apskritai;
tapkite, jei domitės žmonių koordinavimu;
darykite, jei jus labiau domina techninis aspektas;
išmokti programuoti ir tapti vartotojo sąsajos kūrėju;
išbandyti save rinkodaros srityje arba .

„Technologijos vystosi labai greitai ir nuolat atsiranda kažkas naujo, viskas reikalauja savo specifinio dizaino, turi savo reikalavimus ir ypatybes. O mes, dizaineriai, padėsime visa tai padaryti geriau, gražiau ir patogiau :)“

Dėkoju Julijai Bondarenko, Maksimui Palivodai, Marinai Popovichenko ir kitiems 25 Ukrainos dizaineriams, kurie papasakojo DOU apie savo poziciją už pagalbą rašant straipsnį. Straipsnyje pateiktos citatos paimtos iš jų pasakojimų.

Jei norite tobulėti dizaino srityje, tuomet, žinoma, turite nuolat tobulinti savo įgūdžius, neatsilikti nuo tendencijų ir žinoti šiuolaikinius dizaino reikalavimus, taip pat specialius terminus. Vienas iš tokių terminų yra UX/UI dizainas.

Tiesą sakant, kai prieš dvejus metus man reikėjo išsiaiškinti, kokios tai yra „savaitės“ ir „ui“, turėjau daug kasti, kad suprasčiau, kas tai yra ir kuo viena skiriasi nuo kitos. Apie tai daug parašyta ir tuo pačiu ne visada aišku. Todėl siūlau šias sąvokas suprasti kartu.

Pradėkime nuo UX. UX yra santrumpa Vartotojo patirtis, kuris pažodžiui reiškia „naudotojo patirtis“. Kiek apgalvotas, pavyzdžiui, svetainės UX dizainas, tuo patogiau vartotojui ieškoti reikalinga informacija arba bendravimas su juo. Kitaip tariant, UX dizaino užduotis yra išspręsti įrankio ar resurso funkcionalumo ir patogumo klausimus.

Koncepcija, beje, tinka ne tik IT sektoriui, bet ir praktiškai bet kuriam kitam. Galima sakyti, kad tušinuko UX dizainas yra tai, kaip jis rašo, kiek pakanka rašymo pastos, ar tai padeda formuoti taisyklingą rašyseną, ar patogu transportuoti, su apsauginiu dangteliu ar automatinis... Apskritai , kaip gerai produktas išsprendžia problemą, kuriai jis skirtas, ir svarbu, kaip tai aišku vartotojui.

Vartotojas turi jaustis patogiai ir viskas turi būti aišku

Kalbant apie vartotojo sąsajos dizainą, šiuo atveju jis yra trumpinys Vartotojo sąsaja, vėl pažodžiui - " vartotojo sąsaja“ Šis dizaino tipas nustato spalvą, formą, dydį ir elementų išdėstymą, pavadinimus ir šrifto dydį. Tai yra, vartotojo sąsaja yra vizualinis komponentas, kurio užduotis, jei norite, yra akcentai ir paryškinti tam tikrus svetainės ar produkto elementus. Tai yra, kad produktas ar išteklius būtų maloniai suvokiamas ir intuityviai naudojamas. Pavyzdžiui, teksto suvokimas priklauso nuo jo padalijimo į pastraipas, šrifto dydžio ir tipo, antraštės ir iliustracijų buvimo bei tekstą supančios erdvės.

UX ir UI dizaino skirtumai

Nepaisant akivaizdaus šių dviejų sąvokų panašumo, jos atitinka skirtingos funkcijos, yra neatsiejama beveik bet kurio projekto dalis. Norėdami geriau suprasti šių tipų dizaino skirtumus, panagrinėkime pavyzdį - „Yandex“ paieškos rezultatus.

Vidinė struktūra, hierarchija, didžiulis skaičius papildomos paslaugos (Tiesioginis, Metrika, Wordstat ir pan.) yra UX. Bet, pavyzdžiui, tai, kad nuorodos, kurias jau sekėte, yra paryškintos kita spalva - tai yra vartotojo sąsaja. Tas pats pasakytina ir apie vartotojo sąsają, kad svetainė yra švari Baltas fonas, tarpas tarp rezultatų Paieškos rezultatai, pakanka patogiam suvokimui, favicon, taip pat galimybei bet kuriuo metu pasiekti savo paštą viršutiniame dešiniajame svetainės kampe.

UX dizaineris apgalvoja, kaip vartotojas sąveikaus su sistema, kad ji atitiktų jo lūkesčius. UI dizaineris galvoja, kaip turėtų atrodyti: piktogramos, paveikslėliai, šriftas, spalvų kompozicija, suvokimo paprastumas apskritai. Ir gana dažnai šioje užduotyje dalyvauja tas pats asmuo, todėl UI ir UX dažnai rašomi dizainerių darbo vietose naudojant /.

Koncepcijos skiriasi, tačiau jų panašumas yra tas, kad jomis siekiama užtikrinti vartotojo patogumą.

Taikymo sritys

Kaip minėta aukščiau, UI ir UX terminai yra taikomi ne tik IT sričiai. Tiesą sakant, jie pasirodė iš karto, kai buvo sukurtas pirmasis produktas. Tai labai seniai. Pavyzdžiui, galima laikyti vienu pirmųjų UX dizaino proveržių ratas.

Pastaruoju metu atsiradę terminai, rašybos panašumas ir taikymo sritis dažnai klaidina. Savo tinklaraštyje daugiau dėmesio skirsiu temoms, susijusioms su plėtra interneto sąsajos ir komercinis dizainas.

Norint suprasti UX/UI dizaino problemas, neužtenka vieną kartą perskaityti vadovėlį ar porą straipsnių, suprasti pagrindus ir užbaigti porą projektų. Interneto dizaino sritis keičiasi ir tobulėja beveik kiekvieną dieną, todėl reikalavimai ir kas “ vakar"buvo tendencija" Šiandien„nebėra comme il faut.

Kaip sužinoti, ar jūsų dizainas tinkamas

Jei kalbame apie pardavimo užduotį, tada UX dizaino „teisingumą“ patikrina A/B testavimas arba tikslinės grupės. Tai leidžia pamatyti, kokia aiški ir patogi sąsaja yra vartotojui. Pavyzdžiui, visi tikslinės grupės nariai gauna užduotį surasti tam tikrą svetainės skiltį arba užsiregistruoti. Tai, kaip greitai jie tai sutvarko, daug ką pasako apie UX dizaino kokybę.

UI dizaino koncepcija šiuo atveju yra subjektyvesnė, nes dažnai priklauso nuo vartotojo pretenzijos ir skonio. O kas vienam atrodo gražu, kitam skaudina akis. Tačiau yra bendrų rekomendacijų (aiškus blokų išdėstymas, teksto kontrastas su fonu, spustelėjamų elementų paryškinimas ar paryškinimas ir pan.), kurių turėtų laikytis visi, kuriantys skaitmeninius produktus.

Rašyk komentaruoseŽemiau yra jūsų nuomonė, ar man pavyko ją atskleisti, o jei ne, tai ką reikėtų ja papildyti.

Kompetentingo požiūrio vartotojo sąsajų kūrimas yra struktūrizuotas taip, kad būtų kuo patrauklesnis ir patogesnis optimizuoti sąveiką su vartotoju.

Bet kuriame projekte žiniatinklio sąsajos kūrėjai susiduria su užduotimi sukurti patogią sąsają. Tačiau tai ne visada tokia paprasta užduotis, kaip gali pasirodyti iš pirmo žvilgsnio, o kartais reikalauja nemažos projektavimo patirties. Pagrindiniai reikalavimai čia yra patogumas, praktiškumas ir intuityvus aiškumas. Būtent šiuo metu pradeda veikti tokios sąvokos kaip UX ir UI dizainas, kurios dažnai painiojamos. Pažvelkime į kiekvieną iš jų atskirai ir nustatykime pagrindinius jų aspektus.

UX dizainas

Vartotojo patirties dizainas išvertus reiškia „sąveikos patirtis“ ir apima įvairius UX komponentus: informacijos architektūrą, sąveikos dizainą, Grafinis dizainas ir turinį.

Apskritai UX dizainas reiškia integruotą požiūrį į vartotojo sąveiką su sąsaja, nesvarbu, ar tai svetainė, mobilioji programėlė ar bet kuri kita programa. Asmuo, kuris atlieka šį darbą, yra UX dizaineris(pastaruoju metu vis dažniau galite išgirsti vardus UX architektas, UX inžinierius ar strategas, nes žodis „dizainas“ šiame kontekste yra labiau įprastas daiktavardis, o ne tai, ką iš tikrųjų esame įpratę suprasti pagal šio žodžio reikšmę) – kuriant sąsaja turėtų, kiek įmanoma, atsižvelgti į visas smulkmenas, pradedant nuo vartotojo aplinkos ir tipo Elektroninis prietaisas ir baigiant informacijos įvedimo ir rodymo būdais.

Paprastas pavyzdys: Tarkime, kad investavote įspūdingą pinigų sumą, kad padidintumėte savo išteklius į aukščiausias pozicijas paieškos sistemos, tačiau jo patogumas palieka daug norimų rezultatų. Tokiu atveju įspūdingas vartotojų skaičius tiesiog paliks svetainę ir efektas bus minimalus. Būtent todėl būtina nuolat analizuoti resursų lankytojų veiksmus, tobulinti savo svetainę ir sekti šiuolaikines tendencijas.

Pagrindinės UX dizaino problemos:

Tikslų ir uždavinių nustatymas – ką galiausiai turime pasiekti?
Tinkamų UX įrankių pasirinkimas jūsų tikslams pasiekti
Sukurti kuo patogesnį ir lengviau suprantamą produktą tikslinė auditorija
Galutinio rezultato analizė – ar prekė atitinka kliento lūkesčius ir koks aukštas vartotojų pasitenkinimo lygis.

Būtent kompetentingas visų detalių apgalvojimas šiuose etapuose leis jums sukurti jūsų gaminio gerbėjų armiją. Ryškus pavyzdys – šiuo keliu pasekusi ir tūkstančių bei milijonų širdis užkariavusi bendrovė „Apple“.

UI dizainas

Vartotojo sąsajos dizainas arba vartotojo sąsaja- tai siauresnė sąvoka, apimanti tam tikrą grafiškai suprojektuotą rinkinį techniniai elementai(mygtukai, žymės langeliai, parinkikliai ir kiti laukai). Jo užduotis yra padėti vartotojui organizuoti sąveiką su programa / svetaine. Šiuo metu yra keletas UI dizaino taisyklės:

Sąsajos elementų organizavimas. Tai reiškia, kad jie turi būti logiškai struktūrizuoti ir tarpusavyje susiję.
Sąsajos elementų grupavimas. Tai apima logiškai susijusių elementų (meniu, formų) sujungimą į grupes.
Sąsajos elementų suderinimas. Sunku įsivaizduoti, kad prastai suderinta sąsaja gali būti patogi bet kam!
Vienetinis stilius sąsajos elementai. Stilius vaidina svarbų vaidmenį, nes būtent tai išsaugoma vartotojo atmintyje.
Laisvos vietos prieinamumas. Tai leidžia atskirti informacijos blokus, sutelkiant dėmesį į vieną dalyką.

Pagal visas taisykles sukurta vartotojo sąsaja žymiai padidina resurso efektyvumą ir suteikia konkurencinį pranašumą.

Informacijos architektūra (IA)

Atskirai norėčiau pasakyti keletą žodžių apie Informacijos architektūra (IA). Jos darbas orientuotas į duomenų organizavimą, ty į tai, kiek informacija yra struktūrizuota vartotojo požiūriu, o ne į technines ar sistemos taisykles. Jis nustato elementų išdėstymą puslapyje, pačių puslapių ryšį. IA kompetencija veikiau yra meniu ir navigacija bei kompetentingas jų įgyvendinimas.

Apibendrindamas norėčiau pažymėti, kad skirtingų šaltinių UX dizainas reiškia skirtingus dalykus, tačiau apskritai jie visi reiškia darbą su straipsnyje aprašytu gaminiu. Ką tau reiškia UX?