Mis tahes disain, ükskõik kui hea see ka poleks, on täiesti kasutu, kui see pole UX -disain. Seal on sadu tuhandeid ressursse, mis loovad hämmastavaid liidesekujundusi ja graafilisi kujundusi ning kasutavad parimaid ebarealistliku andega spetsialiste, kuid nad ei saa veebis oma kohta. Ja seda seetõttu, et suhtlus saidi ja kasutajate vahel kasvab hüppeliselt, mis tähendab, et kasutajate tagasiside leidmiseks peavad veebidisainerid hoolitsema kasutajakogemuse eest (UX - User Experience). Just selles etapis tulevad appi UX -i disainitööriistad - suurepärased veebiteenused, mis annavad disaineritele näpunäiteid kasutajaliideste kujundamise kohta. Selles artiklis räägime neist üksikasjalikumalt.

Kuna disainerid peavad arvestama mitte ainult elementide ilu ja korrektse korraldusega, vaid ka keerukamate teguritega, mis on seotud saidi külastajate käitumisega, kasutavad nad sageli UX -i kujundamise tööriistu, mis aitavad neil mõnda ülesannet automatiseerida või oluliselt lihtsustada nende täitmise protsess. Õnneks pole liidese kujundamine enam uus teema ja Internetis on sadu UX -i kujundamise tööriistu. Loomulikult ei hakka me kõiki loetlema. Teie abistamiseks oleme valinud vaid mõned kõige huvitavamad ja kasulikumad lühikirjeldustega UX -i kujundamise tööriistad, mis näitavad nende põhiomadusi, ning annavad teile võimaluse valida kõige sobivam.

UX -i disainivahendid makettide ja prototüüpide modelleerimiseks ja kujundamiseks

Prototüüpimine on muutunud kohustuslikuks kõigile disaineritele, kes soovivad olla edukad UX disaini ja kasutajakogemuse osas. Makettide, mudelite ja prototüüpide loomine võimaldab neil testida kõiki ideid, enne kui nad investeerivad projekti, aega ja vaeva. Nende UX -i kujundustööriistade abil saate oma toodet kogu tootmisprotsessi jooksul testida ja täiustada, et luua sihtrühmale tugev kasutuskogemus.

Moqups liidese kujundamise tööriist

Moqups isana HTML5 rakendus on loodud makettide, makettide ja prototüüpide loomiseks. Moqups pakub tohutul hulgal eelseadeid ja malle, mille abil saate oma projektile aluse luua. Saate iga komponenti kohandada ja määrata oma värvid, teksti suuruse, ikoonid jne.

Traatraam

See on veel üks traadita raamimise tööriist, millel on kasutajasõbralik minimalistlik liides. Tööriista on lihtne kasutada ja see sisaldab ainult vajalikke funktsioone, muutes kasutusprotsessi võimalikult lihtsaks. Selle tööriistaga diagrammide loomise eeliseks on see, et kasutajad saavad neid hõlpsalt teistega jagada. Iga teie loodud skeem või makett saab oma unikaalse URL -i, mille saate saata kliendile või teistele meeskonnaliikmetele.

Pliiats

See on graafiline prototüüpimise tööriist. Kuna see on avatud lähtekoodiga tööriist, saate selle oma arvutisse installida ja hakata graafilisi prototüüpe tegema isegi ilma Interneti -ühenduseta. Loomulikult ei tohiks te sellest oodata täiustatud funktsioone ja keerukaid funktsioone, kuid see saab oma põhiülesannetega hakkama.

Balsamiq

Kas te ei taha prototüüpimiseks tunde kulutada? Sellisel juhul peate lihtsalt proovima Balsamiqi. See on lihtne, kuid prototüüpide koostamisel väga tõhus. Balsamiqiga saavad kasutajad luua mitu paigutust, mida saab testida ja valida, mis annab parima tulemuse.

PowerMockup

Kas olete PowerPointi meister? Siis armastate seda tööriista, kuna see muudab PowerPointi võimasks UX -i kujundamise tööriistaks makettide tegemiseks. See tähendab, et te ei pea üldse uut tarkvara õppima. PowerMockup võimaldab disaini- ja arendusprotsessis osaleda ilma eriliste tehniliste oskusteta inimestel, mis on kindlasti üks selle peamisi eeliseid.

Mockplus

Mockplus sisaldab kõike, mida vajate oma järgmise projekti jaoks, alates kaunist visualiseeritud interaktsioonist, sisseehitatud 200 komponendist ja 3000 ikoonist kuni ühistoimetamise ja reaalajas testimiseni reaalsetes seadmetes. See kasutajaliidese kujundamise tööriist aitab teil tõhusalt ja hõlpsalt muuta oma ideed täielikult toimivateks prototüüpideks. Lisaks tasakaalustab Mockplus disainitööriist kasutusmugavuse ja keeruka funktsionaalsuse, et luua mis tahes prototüüp.

UXPin

Kas otsite tööriista, mis võimaldab teil luua interaktiivseid prototüüpe ja makette? UXPin on intuitiivne ja hõlpsasti kasutatav tööriist. Seda kasutades saate isegi aimu, kuidas toode mobiilseadmetes välja näeb, lihtsalt brauseri ekraani suurust muutes.

Tahkuda

Gliffy

Gliffy pole lihtsalt järjekordne UX disaini prototüüpimise tööriist; see on palju enamat. Gliffy võimaldab kasutajatel luua võrguskeeme, keerukaid tehnilisi jooniseid, vooskeeme, UML -diagramme ja palju muud. Selle intuitiivne liides võimaldab teil mõne minuti jooksul diagramme luua.

POP

A / B testimisvahendid

Nende tööriistade idee on luua lehe kaks versiooni ja seejärel neid testida, et teada saada, milline versioon töötab kõige paremini. Konversioonimäärad, keskmine lehel veedetud aeg ja muud mõõdikud on mõned tegurid, mida saate kasutada saidi lehe toimivuse hindamiseks.

Arvamus

Kas pole kindel, kas loote projekti, mida kasutajad tõesti näha tahavad? Selle A / B testimisvahendiga saate esitada mis tahes teid huvitava küsimuse ja saada tõelise kasutaja vastuse. Tööriistal on väga kasulik funktsioon - arutelu. Saate oma saidil arutelu alustada, et kaasata kasutajad kujundusprotsessi. Lisaks saate luua privaatseid arutelusid ja jagada neid ainult sõprade või kolleegidega.

Visuaalne veebisaidi optimeerija

See on lihtne, kuid äärmiselt võimas tööriist, mis võimaldab tipptasemel A / B testimist. Tema abiga saate läbi viia ka mitmemõõtmelisi ja poolitatud katseid. Segmenteeritud aruanded ja tulude analüüs on saadaval ka veebisaidi visuaalses optimeerijas.

Optimeeritult

See on tugev A / B testimisvahend, mis võimaldab kasutajatel testi sooritada ilma tehnilistesse üksikasjadesse laskumata ja ilma erilisi oskusi nõudmata. Koodi puudumine ja täielik visuaalne redigeerimine muudab selle turundajate seas väga populaarseks.

Kasutatavuse testimise tööriistad

Mis puutub heasse UX -disaini, siis võib vaja minna kasutatavuse testimise tööriistu, mis aitavad teil mõista kasutuskogemuse probleemi ning tuvastada sihtkasutajate vajadusi ja psühholoogiat. Kui suudate määratleda, mida külastajad ja potentsiaalsed kliendid tegelikult tahavad, ja nende teadmiste põhjal liidese üles ehitada, siis disain kindlasti avaldab publikule muljet ja annab sellele energiat. Kasutatavuse testimise UX tööriistad saab ligikaudu jagada kaugkasutatavuse testimise tööriistadeks ja tagasiside tööriistadeks. Sellesse jaotisse oleme kogunud nii need kui ka muud lahendused, et saaksite valida, milline neist teile kõige paremini sobib.

Loop11

Loop11 on lihtne kasutatavuse testimise tööriist, mis ei nõua HTML -i ega programmeerimiskeelte tundmist. Tööriista piires saate kasutada valmis malle või luua teema ise. Lisaks on mitmeid viise, kuidas kaasautoreid oma projekte testima kutsuda. Saate luua sotsiaalsete võrgustike põhjal oma kasutajate loendi, luua saidil hüpikakna huvitatud inimeste leidmiseks. Peate vaid looma küsimuste loendi või lisama erinevaid kujundusi ja seejärel saatma inimestele kutse, paludes neil neile vastata. Tulemuste põhjal saate teha vajalikud disainimuudatused.

Hull muna

See tööriist aitab teil muuta oma lehe kasutajasõbralikumaks ja suurendada konversioone, luues õige kasutuskogemuse. See toimib järgmiselt. Esitate oma disaini, mille järel kasutusmugavuse ja kasutajakogemuse spetsialistid seda analüüsivad ning jagavad teie kommentaare, mida saate oma saidi täiustamiseks kasutada.

Kasutatavus

See on üks laialdasemalt kasutatavaid UX -i kujundamise tööriistu ning on oma kasulike omaduste tõttu saavutanud disainerite ja turundajate seas tohutu populaarsuse. See tööriist aitab analüüsida veebisaidi lehti kasutaja seisukohast. See tohutu eelis disaineri jaoks on see, et ta annab konkreetseid vihjeid selle kohta, kus ja milliseid muudatusi peab disainer konversiooni suurendamiseks tegema või milliseid elemente tuleb teisaldada, et kasutaja saaks teatud toiminguid teha. See kasutatavuse tööriist võimaldab ka tagasisidet ja tagasisidet inimestelt, kes toodet tegelikult kasutavad.

Appsee

See on "analüütiline tarkvara", mida kasutatakse rakenduste kasutajate tegevuse jälgimiseks. See tööriist aitab teil saada väärtuslikku teavet selle kohta, kuidas kasutajad teie rakendusega suhtlevad. Selle instrumendi funktsioon "Kasutaja salvestamine" on kõige muljetavaldavam. See salvestab kasutajate tegevuse ja annab seega suurepärase ülevaate kasutaja käitumisest. See on kasulik tööriist teie rakenduse üldise toimivuse parandamiseks ja konversioonide suurendamiseks.

Attensee

See on kasutaja käitumise jälgimise tööriist, mis aitab teil mõista, kuidas teie sihtrühm teie saidi lehti vaatab. Attensee annab teile visuaalse näite selle kohta, kas inimesed märkavad teie saidi olulisi elemente. See on otseselt seotud disainiga, sest kui leiate, et märkimisväärne hulk kasutajaid ei keskendu tegelikult olulistele elementidele, nagu bännerid, tegevusele kutsuvad nupud, eripakkumised, võib Attensee aidata teil seda parandada.

UserVoice

See on veel üks võimas tööriist, mis võimaldab teil vaadata ja analüüsida kasutajate erinevaid toiminguid teie saidi sirvimise ajal. See tööriist võimaldab teil saada tõelistelt kasutajatelt otsest tagasisidet ja lahendada nende probleemid.

MouseStats

Nagu selle tööriista nimigi ütleb, aitab MouseStats jälgida kasutajate toiminguid hiirega. Nagu te ilmselt teate, jäljendavad hiire liigutused kasutaja silmade liigutusi. Kursori liikumise ja kerimise jälgimine annab teile olulisi vihjeid selle kohta, kuidas kasutajad teie kujundusega suhtlevad. Selle tööriista parim külg on see, et see esitab kasutaja tegevuse visuaalse kujutise ja aitab seega teha vajalikke muudatusi.

UX -i disainivahendid prototüüpide koostamiseks ja koostöös

Meeskonnatöö on teie sihtrühmale häid UX -kujundusi välja töötades kohustuslik. Kui olete harjunud meeskonnas töötama, peab teil olema juurdepääs sobivatele tööriistadele, mis aitavad teie meeskonnaliikmetel tõhusalt ja vaevata koostööd teha ning oma ettepanekuid teha. Allpool on UX -i kujundamise tööriistad prototüüpimiseks ja koostööprojekteerimiseks, mis võivad teile kasulikud olla.

FileSquare

See pole lihtsalt koostöövahend. See võimaldab teil luua interaktiivse prototüübi ja samal ajal teha koostööd teiste meeskonnaliikmetega. Tehke loomingulisi otsuseid ja hankige inimestelt reaalajas tagasisidet.

Notism

Kas töötate visuaalse sisu kallal ja otsite koostöövahendit? Siis vajate notismi. Selleks, et meeskonnaga suhtlemine oleks võimalikult mugav, kasutab ta visandeid ja märkmeid. Märguanded tulevad reaalajas, nii et saate kolleegidelt ja klientidelt tagasisidet kohe, kui keegi neid märgib.

Punane pliiats

RedPeniga on ühine disain ja prototüüpimine kiire ja lihtne. See UX -tööriist on mõeldud koostöös modelleerimiseks ja prototüüpimiseks. See on spetsiaalselt loodud koostöö hõlbustamiseks graafilise sisuga. Arvustuste vahetamine on väga lihtne: mõne elemendi valimiseks ja märkme jätmiseks peab kasutaja lihtsalt selle kohal hõljuma. Pärast seda ilmub väike tekstikast, kuhu saate oma tagasiside jätta.

Memosort

Memosortiga pole kaugus enam takistuseks. See hämmastav tööriist on üks parimaid koostööprojekte. See aitab teil meeskonnaga suhelda ja reaalajas koostööd teha. Kõik Memosorti märkmed salvestatakse automaatselt, nii et te ei pea muretsema hea idee või soovituse kaotamise pärast.

Trello

Unustage pikad ja igavad e -kirjad, Trello on siin, et muuta teie meeskonna koostöö ja suhtlemine lihtsamaks. Selle tööriista eeliseks on see, et see on tasuta. Trello tööriista sees on spetsiaalsed kaardid, mis esindavad erinevaid projekte. Inimeste lisamiseks projekti on vaja vaid lohistada see vastavale kaardile. Tööriista uuendatakse ka reaalajas.

Visioon

See on huvitav kombinatsioon koostööst ja prototüüpimisvahendist. Selle abil saate luua interaktiivseid prototüüpe ja mudeleid. Invision võimaldab reaalajas suhtlemist. Kõik, mida pead tegema, on saata disainilahenduse link teistele meeskonnaliikmetele ja nad saavad selle kallal tööd teha ning samuti ettepanekuid teha.

Summeerida

Niisiis, need on mõned UX-i kujundamise tööriistad, mis aitavad veebidisaineritel luua iseseisvalt ja meeskonnas edukaid veebiprojekte ning koguda enesetäiendamise eesmärgil teavet kasutajakogemuse kohta. Kui teate mõnda muud kasulikku tööriista, mida unustasime mainida, kirjutage sellest kindlasti kommentaarides!

Kui soovite disainivaldkonnas areneda, siis loomulikult peate pidevalt oma oskusi täiendama, trendidega kursis olema ja tundma kaasaegseid disaininõudeid ning eritingimusi. Üks neist terminitest on UX / UI disain.

Tegelikult, kui mul oli kaks aastat tagasi vaja teada saada, millised on "tahid" ja "ui", pidin ma põhjalikult kaevama, enne kui sain aru, mis see on ja kuidas üks teisest erineb. Sellest on palju kirjutatud ja samas pole see alati selge. Seetõttu teen ettepaneku neid mõisteid koos mõista.

Alustame UX -ist. UX tähistab Kasutajakogemus, mis sõna otseses mõttes tähendab "kasutajakogemust". Kuivõrd on näiteks veebisaidi UX -kujundus läbi mõeldud, seda mugavam on kasutajal vajalikku teavet otsida või sellega suhelda. Teisisõnu, UX -i disaini ülesanne on lahendada tööriista või ressursi funktsionaalsuse ja mugavuse probleemid.

Muide, kontseptsioon ei viita mitte ainult IT -valdkonnale, vaid ka praktiliselt mis tahes muule. Võime öelda, et pastapliiatsi UX -disain on see, kui hästi see kirjutab, kui palju kirjutuspastast piisab, kas see aitab moodustada õiget käekirja, kas seda on mugav transportida, kaitsekorgiga või automaatse ... üldiselt, kui hästi toode lahendab ülesande, milleks see on ette nähtud, ja samal ajal on see oluline - kui selge see kasutajale on.

Kasutaja peaks end mugavalt tundma ja kõigest aru saama

Mis puutub kasutajaliidese kujundamisse, siis antud juhul on see lühend Kasutajaliides, jälle sõna otseses mõttes - "kasutajaliides". Sama tüüpi disain määrab elementide värvi, kuju, suuruse ja asukoha, nimed ja fontide suuruse. See tähendab, et kasutajaliides on visuaalne komponent, mille ülesanne on soovi korral esile tuua ja esile tõsta veebisaidi või toote teatud elemente. See tähendab, et muuta toode või ressurss silmale meeldivaks ja intuitiivseks kasutamiseks. Näiteks sõltub teksti tajumine sellest, kuidas see on lõikudeks jagatud, fondi suurusest ja tüübist, pealkirjade ja illustratsioonide olemasolust ning teksti ümbritsevast ruumist.

Erinevused kasutajaliidese ja kasutajaliidese kujunduse vahel

Vaatamata nende kahe mõiste näilisele sarnasusele täidavad nad erinevaid funktsioone, olles peaaegu iga projekti lahutamatu osa. Seda tüüpi kujunduste erinevuste paremaks mõistmiseks kaaluge näidet - Yandexi otsingutulemused.

Sisemine struktuur, hierarhia, suur hulk lisateenuseid ( Otsene, Mõõdikud, Wordstat ja nii edasi) on UX. Aga näiteks asjaolu, et lingid, mida olete juba järginud, on esile tõstetud erinevat värvi - see on kasutajaliides. Samuti on kasutajaliidesega seotud asjaolu, et saidil on puhas valge taust, otsingutulemuste vahel on taanded, mis on mugavaks tajumiseks piisavad, eelistused, samuti võimalus minna saidi paremas ülanurgas olevasse posti igal ajal.

UX disainer mõtleb, kuidas kasutaja süsteemiga suhtleb, et see vastaks tema ootustele. UI disainer mõtleb, kuidas see välja peaks nägema: ikoonid, pildid, font, värvikompositsioon, tajumise lihtsus üldiselt. Ja üsna sageli täidab seda ülesannet sama inimene, nii et sageli kirjutatakse disaineri vabal töökohal kasutajaliides ja UX läbi /.

Mõisted on erinevad, kuid sarnased selle poolest, et nende eesmärk on tagada kasutaja mugavus.

Rakendused

Nagu eespool mainitud, ei kehti UI ja UX mõisted mitte ainult IT -valdkonna kohta. Tegelikult ilmusid need kohe, kui esimene toode loodi. See tähendab, et väga ammu. Näiteks võib pidada üheks esimeseks läbimurdeks UX -i disainis ratas.

Mõistete hiljutine ilmumine, õigekirja ja ulatuse sarnasused on sageli eksitavad. Oma blogi raames keskendun rohkem arendusega seotud teemadele veebiliidesed ja kaubanduslik disain.

Kasutajaliidese / kasutajaliidese kujundamise probleemide mõistmiseks ei piisa sellest, kui loete korra õpetust või paari artiklit, mõistate põhitõdesid ja lõpetate paar projekti. Veebidisaini valdkond muutub ja areneb peaaegu iga päev, nii et nõuded ja asjaolu, et „ eile"Oli trendis," täna"Ei ole enam komme il.

Kuidas mõista, kas teie disain on õige

Kui me räägime müügiülesandest, siis kontrollib UX disaini "õigsust" A / B testimine või fookusgrupid... See võimaldab teil näha, kui selge ja mugav on kasutajaliides kasutajale. Näiteks palutakse kõigil fookusgrupi liikmetel leida saidilt või registrist konkreetne jaotis. See, kui kiiresti nad sellega tegelevad, räägib UX -disaini kvaliteedist.

Kasutajaliidese kujunduskontseptsioon on antud juhul subjektiivsem, kuna see sõltub sageli kasutaja pretensioonikusest ja maitsest. Ja mis ühele tundub ilus, teeb teisele silma. Siiski on olemas üldised juhised (plokkide selge paigutus, taustal olev tekst, klõpsatavate elementide esiletõstmine või esiletõstmine jne), mida igaüks, kes digitooteid kujundab, peaks järgima.

Kirjutage kommentaaridesse Allpool on teie arvamus, kas mul õnnestus avalikustada ja kui mitte, siis millega ma seda täiendama peaksin.

Kõik sõltub vanaema pumpamise astmest. Kui teie vanaema on UX / UI disainer, ei vaja te ilmselt lihtsustavaid metafoore. Vähem uudishimuliku vanaema jaoks võib see olla vabandus: "Ma töötan mobiili- ja veebirakendustega." Kui me püüame koostada määratluse sõnadest, mida keskmine vanaema mõistab, võimalikult lakooniliselt ja täpselt tähendust kajastades, siis on see järgmine: „Parandan digitaalteenuste (UX) kvaliteeti, sealhulgas punktide ja kanalite kujundamist nende teenuste (UI) saamine. "

Tatjana Pchelintseva, aastal Lõpetanud kursuse "UX / UI disain" BHShD

“Minu vanaemale ... Selgus, et isegi mu isa ei saanud veel hiljuti aru, mida ma teen. Juhtus naljakas juhtum. Isa küsis, kelle jaoks ma õpin. Vastasin, et teeme digitaalseid tooteid, parandades kasutuskogemust. (Paus) "Kas müüte juustu Interneti kaudu?" Miks täpselt juust, ma ei saa siiani aru, kuid see avaldas mulle väga muljet. Pidin ütlema, et igaüks meist on UX -disainer.

Vanemad tegid hiljuti korteris remonti, varustasid selle vastavalt oma vajadustele: seinariiulid kõrgusel, kus emal on mugav raamatuid korraldada, diivan asub telerist nii kaugel, et selle mõju silmad on minimaalsed, kohvimasin on alati silmapaistval kohal ... UX -disainer tegeleb ka disainiga, kuid mitte niivõrd tema enda kui kellegi teise kogemustega: tuvastab kasutaja / ettevõtte eesmärgid, tuvastab nende valud ja pakub välja lahendusi. "

Denis Ušakov, sisse BVShD lõpetaja

„Kõige raskem osa sellest, mida ma teen, oli selgitada oma vanaemale, kes tajub väljendit„ tootedisain ”toidupoega seotud asjana ja küsib pidevalt, milliste toodetega ma töötan. :)

Kuid üldiselt sobib nii vanaemale kui ka vanematele auto rooli näitel põhinev selgitus üsna hästi: UX -disain selgitab rooli asukohta autos ja kasutajaliides selle välimust. "

Näitena võib tuua ühe meie õpilaste tänavuse lõputöö - Tele2 digiesitluse. See on Tele2 salongides asuv iseteeninduskiosk, mis võimaldab teil vajalikud teenused ise hankida ja aega kokku hoida. Kursuse üliõpilased seisid silmitsi ülesandega kujundada ümber digitaalse poe kasutajaliides ja kasutajaliides, et muuta see teenus mugavaks, suurendada konversiooni ja „digiteerida” suhtlust abonentide ja mobiilioperaatori vahel.

Kursuse "UX / UI disain" üliõpilaste projekt BHShD Tele2 jaoks: digitaalne esitlus Tele2 jaoks

Disainerid on mõelnud nii vitriini funktsioonide loendi kui ka nende järjestuse, navigeerimise asukoha ekraanil, selle teenuse saamise sammud. Selleks, et seda tõhusalt teha, ei piisa lihtsalt ekraani joonistamisest, see kõik on välja töötatud teadusuuringute, testimise ja muude tootekujundustööriistade põhjal, mis UX / UI disaineril peavad olema.

2. Milliseid pädevusi omab ideaalne UX / UI disainer?

Mõiste "kasutajakogemuse disain" (UXD) ilmumise ajal oli mõiste "liidese disain" (UID) juba olemas ja sellel oli selge stabiilne artefaktide loend - need on digitaalse tooteliidese disaineri töö tulemused võimaldas luua liidese: ikoonid, nupud, makettide loomine, kasutajaliidese komplekt, fondide, ruudustikega töötamine, illustratsioonide loomine jne.

UXD -pädevuste juurutamine digitaalsete lahenduste arendamise valdkonda on loonud UX -disainerite klassi, kes on lisanud sellele protsessile uusi esemeid, mis on seotud teaduslikuma ja meetrilisema lähenemisviisiga teenuste kujundamisel: kasutatavuse uuringud, kasutajate uuringud, teabearhitektuuri arendamine, kasutaja marsruudi analüüs. Mööblidisainer töötas justkui ergonoomikaga, et luua mitte ainult ilusaid ja vastupidavaid, vaid ka mugavamaid toole.

Tarkvara (Agile, Scrum) paindliku lähenemisviisi tulekuga hakkab kõrgelt spetsialiseerunud ekspertide arv meeskondades vähenema, kuna iga osaleja pädevus on suurenenud. Agiilsetes tootetiimides saab kohe selgeks, et UX -i ja kasutajaliidese vastutuse eraldamine pikendab arendusaega tänu sellele, et disainerite vahelise töö vastuvõtmise nõuded muutuvad ja kasvavad pidevalt. Lõpuks jääb üks disaineritest haigeks, siis tõuseb kogu töö üles. Seetõttu eelistavad tootetiimid värvata UX / UI disainereid, kes ühendavad, kuigi pealiskaudselt, nii UXD kui ka UID pädevused, mitte kahte sügavat eksperti.

UX / UI disainerite kompetentside kombinatsioon

Kui palju need disainerid teenivad? Kõige täpsem vastus sellele küsimusele on hh.ru. Teenuse andmetel on ettevõtted täna valmis pakkuma UX / UI disainereid 70 000 kuni 200 000 kuus või rohkem.

Saate oma trajektoori üles ehitada erinevatest lähtepunktidest, kuid muidugi, kui alustate graafilisest disainerist, tarkvaraarendajast, digitaalse äri analüütikust, sotsiaal- või psühholoogiuurijast, on see trajektoor lühem ja tee kiirem. Disainimeeskondades on täiendavuse ja vastastikuse õppimise element. Selle protsessi tõhususe huvides koostatakse niinimetatud "tähekaardid", kus on märgitud erinevate pädevuste omamise aste. Ja näiteks kui disainer ei oma animatsiooni, viiakse ta meeskonda, kus seda oskust arendatakse. Seda me teeme oma õpilastega, iga mooduli lõpus toimub ainult rotatsioon.

Daria Salnikova, Tele2 UX / UI disainer

„Enne Briti õpinguid töötasin graafilise disainerina, veebiteenuste osas oli projekte, kuid mingil hetkel ei meeldinud mulle see, et ühendan tootega alles viimases etapis, kui ma ei saa seda enam mõjutada kasutatavus. See tähendab, et joonistate nuppe, ikoone, korraldate need vastavalt tehnilisele ülesandele, isegi kui saate sisemiselt aru, et see on ebamugav või ei lahenda probleemi.

Seetõttu otsustasin süveneda UX / UI disaini, mõista, kuidas toodet nullist arendatakse, uuringuid tehakse, kasutajat uuritakse, tema ülesandeid ja käitumist? ja kuidas see kõik liidest mõjutab. Esmalt läbisin AIC -lt sissejuhatava veebikursuse, seejärel läksin praktikale briti keeles. Pärast mitmeid Golden Crown ja Mail.Ru koolitusprojekte sain tööd Tele2 UX / UI disainerina. Lisaks portfooliole oli oluline, kuidas ma saan meeskonnas töötada, milliseid rolle ma nendes projektides täitsin, milliseid ülesandeid, peale liideste, saan lahendada ka muid pehmeid oskusi.

Nüüd töötan Tele2 klientide lojaalsussüsteemi kallal. Ja see on täiesti erinev: me töötame koos analüütikutega ja kasutajaliidese osas võin juba vaielda iga liideseelemendi asukoha, kuju, värvi üle. Meil olid kursusel poisid, kes ei tulnud disainivaldkonnast (turundajad, juhid, arendajad). Kursusel õpiti prototüüpimise tööriistu, õpiti mõnede liidese elementide valmistamist. On selge, et neil pole sama disainitausta kui graafilistel disaineritel. Aga see on nii tore, kui isegi juhid või arendajad saavad disainist aru, saavad prototüübi teha, bänneri, ikooni parandada ja üldiselt hakkavad aru saama, et disain on palju tööd. "

Dmitri Ershov, JSC MegaLabs pilveteenuste juht

„MegaLabsil on mitu meeskonda, kelle vahel jagatakse MegaFoni tooteid. Näiteks otsime nüüd disainereid MegaFon.Bank ja MegaFon.TV meeskondadesse. Kui ma olen portfooliot juba vaadanud ja UX / UI spetsialistiga rääkinud, kontrollin kõigepealt oma teadmisi teooriast: kompositsioon, tüpograafia, värv. Iga teema kohta esitan mitu küsimust ja kui disainer vastab "ma näen seda nii" - kohe miinus 1 punkt. Aga kui ta näiteks pakub kolmekordse skeemi abil värvi valida, selgub, et ta on värvi põhitõdedega kursis.

Kui teooria on kontrollitud, saan teada, milline viiest UX -tasemest Jess Garretti mudeli järgi on kandidaadi jaoks kõige rohkem "pumbatud" ja sõltuvalt tasemest esitan mitu probleemi. MegaFoni tootedisainerid on inimesed, kes loovad liideseid, lähtudes ettevõtte klientide eesmärkidest ja vajadustest. Eelistatakse neid, kes mõistavad probleeme ja pakuvad kohapeal mitmeid lahendusi.

Intervjuudes küsitakse alati arenguküsimusi. Tavaliselt näitan mitut saiti ja küsin, mitu veergu on ruudustikus või kuidas JS erineb CSS -ist. Disainer peab suutma seda kõike selgitada, et oma ideid "pakendada" arendajatele arusaadavas keeles. "

3. Kas on raske tööd leida?

Ühest küljest tunneb tööstus puudust sellistest spetsialistidest ja on valmis palju maksma, teisalt otsivad nüüd paljud disainerid tööd ega leia pikka aega korralikku tööd. Mis on mõlema probleem?

Kõigepealt peate oma mõtlemist muutma. Alates "kuidas teha ilusaid portfoolioekraane" kuni "kuidas muuta inimesed pärast tootega suhtlemist õnnelikumaks". Võib selguda, et ekraane ei pea üldse joonistama ja inimesed tänavad teid selle eest. Nende esemete loomiseks kasutatakse tegelikke disainivahendeid ja metoodikaid: disainimõtlemine, kasutaja lugude kaardistamine, kasutajavoo kaardistamine, kliendi teekonna kaardistamine, poolitatud testimine, kasutatavuse testimine, kvantitatiivsed uuringud ja paljud teised. Kuigi mõnikord võite õigete tulemusteni jõuda valel viisil. Uute elukutsete turul on olukord ebastabiilne, nüüd on see üsna nõutud ja tulus tegevus, kuid nõudlus loob pakkumise.

Jevgeni Zasimenko, BHSADi lõpetanud, Avito tootedisainer

“Hakkasin paar kuud enne kursuse lõppu otsima tööd tootedisainerina. See ei tähenda, et see oleks väga aktiivne, kuid Avitos meeldis mulle see, kui olime seal Britanka ekskursioonil. Värbamisprotsess oli disainitööstuses üsna tavaline: portfelli läbivaatamine, testiülesanne, kaks intervjuud ja sain pakkumise.

Tootearendus on ennekõike meeskonnatöö, milles disainer peaks algusest peale osalema ning tegelema mõõdikute ja uuringute põhjal liideste joonistamisega, suutma luua testide prototüüpe, tegema koostööd arendajatega ja mis kõige tähtsam, peaks aitama saavutada ühist eesmärki. "

Ettevõtete protsessid, mis nõuavad tootekujundajat, tõstavad sisenemise lati: lisaks disainitööriistade mõistmisele nõuab see ka praktilist kogemust nende kasutamisel ning meeskonnatöö oskust. Seetõttu anname lisaks praegustele tööriistadele ja metoodikatele oma õpilastele reaalseid juhtumeid suurtelt kaubamärkidelt ja ühendame need funktsionaalseteks meeskondadeks.

Selle aasta jooksul õnnestus meil lõpule viia umbes 20 projekti erinevat tüüpi ettevõtetele: alates eeldatavast fintechist - Alfa -Bank, MTS, MegaFon - kuni põllumajandustehnoloogia valdkonna idufirmadeni. Paljud õpilased said projektide kaitsmise tulemusena tööd leida nendes ettevõtetes, mille jaoks nad projekti tegid, sest kliendid näevad selle käigus nende pädevust ja praktilisi kogemusi.

Denis Ushakov, BHShD lõpetanud

„Meie projekt oli arendada AgroClicki mobiilirakendust täpse põllumajanduse jaoks. Agronoomi tõukerattarakendus aitab tal kõiki taimeandmeid ühes kohas hoida, struktureerida ja kiiresti jagada. Lahenduse olemus on kiirendada suhtlust tõukeratta agronoomi, kes on kogu päeva põllul ja kogub teavet põllukultuuride kohta, ja spetsialisti agronoomi vahel, kes teeb kontoris võtmeotsused, näiteks pestitsiidide ostmise kohta.

Nüüd jätkan projekti kallal töötamist toote disainerina juba selle ettevõtte personalis. Klient ise pakkus mulle tootedisaineri ametikohta, kuna nad olid juba näinud, milleks ma võimeline olen, oli meil koos töötamise kogemus. Mulle tundub, et peaaegu kõik klassikaaslased said õpingute lõpuks UX / UI -ga seotud töö sellistes ettevõtetes nagu Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Russia ja teised. "

4. Kas nõudlus selliste spetsialistide järele kasvab järgmise 5 aasta jooksul?

Tulenevalt asjaolust, et erinevate ettevõtete ärid - alates pankadest kuni restoranideni - digitaliseeritakse, võib oodata ettevõttesisese arenduse kasvu ja üleminekut kohandatud arendustoodete rööbastele. Seega on vajadus UX / UI disainerite järele suur. Ma ei saa lubada kullamägesid, sest uute elukutsete turg kohaneb üha kiiremini nõudlusega, nagu see oli suurandmete, masinõppe, plokiahela ja muude valdkondade spetsialistidega, kuid haritud tootekujundaja, kellel on hea portfell ja hea kogemus on nüüd kallis ja nõudlik kogu maailmas.

"Ma arvan, et see ei puuduta niivõrd nime" UX / UI-design ", kuivõrd funktsionaalsust ja vastutust. Nõudlus muidugi ei lange, aga kelle jaoks? Laineid vaadeldakse: algul otsisid kõik mitmekülgset inimest - disainerit, küljendajat, copywriterit. Selle põhjuseks oli asjaolu, et ettevõtetel ei olnud selleks raha või nad ei saanud aru, miks nad peaksid selle disaineritele kulutama. Siis algas UX-i hype, ilmusid ettevõttesisesed uurimis- ja disainiosakonnad, kasutusele võeti mõisted mitte niivõrd nuppudest kui kasutajakogemusest. Hakkasime mängima testimist, disainimõtlemist, silmajälgijaid. Nad hakkasid mõtlema protsessides, mitte ekraanidel.

Ma arvan, et järgmine laine keskendub UX -i põhikontseptsioonide ja -põhimõtete teadvustamisele ja rakendamisele kõikidel toote loomise elukutsetel. See tähendab, et nõutud on spetsialistid, kes DNA tasandil mõistavad uurimistöö põhimõtteid, kasutajate ja protsesside analüüsimise ning kogemuste kujundamise põhimeetodeid. Ja see ei välista kõrgeid disainioskusi. Ma usun disainipädevuse kasvu, sest disainer on hea, kuid ilutunnet selle sõna laiemas tähenduses pole tühistatud. "

5. Kuidas kajastub UX / UI disaineri töö igapäevaelus?

Kui me eeldame, et peaaegu kõik, mida me kasutame, on disainerite leiutatud, siis peaaegu kõik massilised digitaalsed teenused - mobiilisaidid, veebiteenused ja muud - on nüüd välja töötatud digitaalse tootearendaja poolt. Pangarakendused,enused, e -kaubandus, tutvumine teenused, geograafiline asukoht ja teabeteenused ... Võite jätkata pikka aega - lihtsam on avada mobiiltelefoni või sülearvuti töölaud ja vaadata läbi installitud rakendusi. Kõik need on loogiliselt ja visuaalselt digitaalsed tooted. mille UX / UI disainerid töötavad.

Kursuse "UX / UI disain" üliõpilaste projekt BHSAD for MTS: mobiilne juhend MTS -i töötajate kohandamiseks ja arendamiseks

Töö võib olla kas täiesti uue toote loomine või olemasolevate teenuste digiteerimine. Näiteks tegid meie õpilased juhtumi MTS -i jaoks - mobiilne juhend uute töötajate kohanemiseks ja nende arendamiseks mängude süsteemi ja muude funktsioonidega. Kohanemissüsteem on alati eksisteerinud: tavalisest personaliosakonnast personaliteenuste ja juhendamissüsteemini, kuid see on digitaalne lahendus, mis on midagi uut. See on paindlikum, tõhusam ja võimaldab lahendada ettevõtte erinevaid ülesandeid ühe teenuse kaudu: võrgustike loomine, koolitus, töötajate töö korraldamine.

Kasumlike ärimudelite eluiga väheneb kiiresti. Veepinnal püsimiseks tuleb pidevalt luua uusi ja arendada olemasolevaid digitooteid. Kaubamärgid, mis ei suuda kiirusega kohaneda, lähevad rajalt kõrvale. Seetõttu liiguvad kaasaegsed ettevõtted pidevate muutuste kiirete kohanemistsüklite juurde. See puudutab kurikuulsaid Agile ja Scrumi. Disain-Arenda-Õpi ja uuesti ringis. Järelikult muutub selle ringi osaks olev disainialane asjatundlikkus fundamentaalseks.

Alina Ermakova, Sberbank-Technologiesi kasutajate suhtlemise analüütiliste uuringute osakonna juhataja

„Paar nädalat tagasi tulin tagasi San Franciscos toimunud Enterprise UX konverentsilt. Suured ettevõtted rääkisid sellest, kuidas nad kujundavad valitsusteenuseid või suuri fintech -süsteeme või näiteks kuidas Uber säilitab järjepidevuse, asudes 77 maailma riigis. UX / UI on juba nende DNA -s. See ei ole etapp ega meetod, see on tavaline tootmisprotsess. Puuduvad näiteks disainimõtlemise tseremooniad.

Kogu toodete loomise protsess on disainimõtlemine. Meeskond kasutab õigeid meetodeid seal, kus nad tunnevad end õigesti. See on osa tööst. Ja sündmuskohale sisenemiseks ei palgatud liideste joonistamiseks noori hipsterdisainereid. Seal olid onud ja tädid üle 45, ettevõtete omanikud, korporatsioonide tegevdirektorid. Sest see on juba terve mõistuse tasemel. "

6. Millised metoodikad on praegu kõige populaarsemad?

Venemaal on tootedisaini kultuur alles kujunemas. Disainimõtlemise raamistik on juba saanud lahutamatuks osaks ettevõtete sisemisest koolitusprogrammist meie suurtes ettevõtetes ja korporatsioonides: Rosatom, Sberbank, Alfa-Bank jt.

Disainimõtlemise tuletisinstrumendid on traditsiooniliselt populaarsed digiettevõtetes - Google Ventures Design Sprints, IBM Design Thinking, aga ka erinevad disainimõtlemise instrumentaalsed osad - tegelaskuju modelleerimine, etnograafilised uuringud, sidusrühmade kaardid, kliendireiside kaardistamine jt. Suhteliselt uus, kuid tähelepanuväärne on Jobs To Be Done raamistik, kus toodet arendatakse mitte niivõrd kasutaja omaduste, vaid olukorra põhjal, millesse ta satub. Metoodika asjakohasus sõltub nii ettevõtte ulatusest kui ka sisemistest protsessidest. Sama Scrumi juurutamine suurettevõttes on pikem ja keerulisem kui idufirmas, kuid kõik on realistlik, peamine on soov teha inimestele suurepärane toode.

Dmitri Ershov, JSC MegaLabs pilveteenuste juht

„Toodete puhul, mis ei muutu, kasutame klassikalist koskede arendamise mudelit ja pidevalt arenevate toodete puhul SCRUMi. Kirjeldame uusi tooteid või funktsioone kasutusjuhtude skeemide abil, kuid proovige Jobs To Be Done kontseptsiooni, mille puhul selliseid diagramme pole vaja.

Uute väljaannete kavandamisel hindame funktsionaalsust nii kasutajatele, ettevõtetele kui ka tööjõukuludele. Kõige raskem on hinnata kasutajate tähtsust. Objektiivsuse saavutamiseks kasutame HEART raamistikku. See aitab teil vaadata uusi funktsioone läbi kasutaja eesmärkide objektiivi.

Mõnikord tekivad vaidlused, näiteks toote omanik ei nõustu disaineriga. Sellistel juhtudel töötame välja ja käivitame korraga erinevaid võimalusi, et hinnata nende tõhusust. Kõige tõhusama lahenduse määrab kasutaja käitumise statistika. "

7. Millistesse tööstusharudesse tulevikus UX / UI disainitehnikad integreeritakse?

Kui võtame ülemaailmse praktika, siis kõige aeglasemalt arenevad alad, kus konkurents on madal, näiteks valitsusasutused - on, kuhu kätt panna. Meie riigis on traditsiooniliselt madal finants- ja juriidiline kirjaoskus, tänu sellele, mitte nii kiiresti kui tahaksime, on tooteid, mis on suunatud varahaldusele ja igasugustele õigusteenustele.

Kursusel teeme palju fintechi, üks hiljutisi juhtumeid on mobiiliteenus, mis aitab inimesel oma rahaasju hallata ja investeerida. Panga ja kasutaja vahelise suhtlustõkke kõrvaldamiseks otsustasid õpilased teha vestlusroboti vormingus tööriista, mis töötab iga kasutajasõbraliku sõnumitoojaga.

BHSADi UX / UI disainikursuse tudengite projekt pangale Ak Bars: isiklik finantsassistent, tööriist investeeringute tegemiseks mis tahes mugavasse messengerisse.

IDEO on juba aastaid olnud tunnustatud edasiviiv jõud disainimõtlemise rakendamisel. Nende hiljutistest juhtumitest on näha, et seda metoodikat hakatakse aktiivselt rakendama hariduse, kantava elektroonika arendamise ja globaalsete probleemide lahendamise valdkonnas.

On selge, et suurenenud konkurents erinevat tüüpi ettevõtetes on sundinud ettevõtteid digile minema. Seega, kui täna näeme, et agrotehnoloogia, meditsiin, restoraniettevõte ja muud võrguühenduseta sfäärid on hakanud veebis teenuseid pakkuma, siis homme vajavad nad meie metoodikat, et pakkuda turule uusi funktsioone ja tooteid, pakkuda välja ja uuendada oma digitaalseid lahendusi kiiremini, ja olge paindlikumad ning muutke oma kliendid õnnelikumaks.

„Enamik ettevõtteid tajub UX / UI uuringuid, disainimõtlemist ja muid loomingulisi võtteid teenusena, eraldi teenusena, mida saab tellida või rentida. Disainerina mõtlemist ei saa osta, peate alustama. Igaüks =) ", - ütleb Alber Ermakova, Sberbank -Technologiesi kasutajate suhtlemise analüütiliste uuringute osakonna juhataja.

Disain on üsna lai ja ebamäärane mõiste. Kui keegi ütleb: "Ma olen disainer", pole kohe selge, mida nad päevast päeva teevad. Selle kontseptsiooni alla kuuluvad mitmed erinevad tööstusharud.

Disainitööd hõlmavad mitmesuguseid valdkondi alates tööstusdisainist (auto, mööbel), trükist (ajakirjad ja muud väljaanded) kuni veebidisaini (veebisaidid, mobiilirakendused). Kuna hiljutine sissevool kõrgtehnoloogilisi ettevõtteid on keskendunud ekraanide liideste loomisele, on disaini osas ilmnenud palju uut tööd. UX- või kasutajaliidese kujundaja positsioon võib olla arusaamatu mitte ainult asjatundmatutele, vaid isegi disaineritele endile, kes on pärit teistest tööstusharudest.

"Sellele küsimusele ei ole ühte õiget vastust."

Proovime välja mõelda, mida see IT -tööstuses tegelikult tähendab.

UX disainer

UX disainerid on ennekõike mures kuidas toode kasutajaga suhtleb... Sellele küsimusele ei ole ühte õiget vastust. UX -i disainerid uurivad erinevaid lähenemisviise konkreetse kasutaja probleemi lahendamiseks. UX disaineri põhiülesanne on tagada, et toode liiguks loogiliselt ühest sammust teise. Üks viis, kuidas UX -i disainer seda välja mõelda saab, on isiklikult kasutajatestide tegemine ja nende tunnetest järelduste tegemine. Tuvastades verbaalseid ja mitteverbaalseid komistuskive, parandab see ja kordab, et luua kasutajale „parem” kogemus. Näide on uuele kasutajale vinge liitumise loomine.

„Määrake interaktsioonimudelid, kasutajaülesannete voog ja liidese eripärad. Töötage välja stsenaariume, otsast lõpuni interaktsioone, interaktsioonimudeleid, graafilise kasutajaliidese väljatöötamist. Koostöö meie loovjuhi ja graafilise disaineriga, et ühendada Twitteri visuaalne pool selle funktsionaalsusega. Vajadusel arendage ja hooldage traatraame, makette ja spetsifikatsioone. "

Näide UX -disaineri loodud rakenduste ekraanist
Allikas: Kööginõude Pro Kit Wireframe autor Neway Lau Dribbble'is.

Ülesanne: Ekraanide traatraamid, süžeeskeemid, saidiplaan

Vahendid: Photoshop, Sketch, Illustrator, Ilutulestik, InVision

Tõenäoliselt kuulsite temast: " Pärast registreerimise lõppu peaks kasutaja nägema lehte "Tänan". "

UI disainer

Erinevalt UX -i disaineritest, kes on mures toote üldise ettekujutuse pärast, on kasutajaliidese disainerite jaoks oluline kuidas toode välja näeb... Nad vastutavad iga ekraani või lehe kujundamise eest, millega kasutaja suhtleb, ja UX -disaineri kavandatud visuaalse kasutajaliidese pakkumise. Näiteks võib kasutajaliidese kujundaja, luues armatuurlaua, tuua esile olulisemat teavet või otsustada, kas liugur või armatuurlaud on diagrammile kõige intuitiivsem lisada. Kasutajaliidese disainer vastutab tavaliselt ka täieliku disainijuhendi loomise eest, mis pakub ühtset disainikeelt, mis hõlmab kogu toodet. Visuaalsete elementide järjepidevuse säilitamine ja selle määramine, millises suunas töötada. Näiteks vigade või hoiatuste kuvamine on kasutajaliidese kujundaja pädevuses.

„Airbnb.com visuaalse keele kontseptsioon ja rakendamine. Laiendatud stiilijuhendi loomine. "

Piirid kasutajaliidese ja UX -disaineri vahel on üsna udused ja väga sageli otsustavad ettevõtted neid rolle kombineerida.

Kasutajaliidese kujundaja määrab rakenduse üldise välimuse.
Allikas: Metro Style Interface 4, autor Ionut Zamfir, Dribbble.

Vahendid: Photoshop, visand, illustraator, ilutulestik

"Väljad" enter "ja" register "tuleb viia paremasse ülanurka."

Graafiline disainer

"Graafilised disainerid töötavad väikeste detailide kallal, millele teised tähelepanu ei pööra."

Graafiline disainer on keegi, kes tegeleb graafikaga - tõenäoliselt vastab sulle mittekujundaja, kui küsid temalt, mida disainer teeb. Graafilisi disainereid ei huvita, kuidas ekraanid üksteisele viitavad, ega ka see, kuidas keegi tootega suhtleb. Selle asemel keskenduvad nad kaunite ikoonide, juhtelementide ja visuaalide kujundamisele ning sobiva välimuse loomisele. Graafilised disainerid töötavad väikeste detailide kallal, mida teised ei näe, ja töötavad sageli Photoshopis 4- ja 8 -kordse suurendusega.

„Tooge kvaliteetseid visuaalseid projekte: ideest teostuseni, sealhulgas erinevate resolutsioonidega laua-, veebi- ja mobiilseadmete jaoks (ikoonid, graafika ja turundusmaterjalid). Brändi kajastavate ressursside loomine ja kordamine, toote kauniks muutmine ja elu sisse puhumine. "

Samuti peavad kasutajaliidese disainerid sageli mitte ainult oma tööd tegema, vaid ka pikslite järgi täiusliku paigutuse tegema. Mõned ettevõtted ei soovi graafilise disaineri rolli jaoks eraldi inimest.

Graafiline disainer kujundab, suunab ja reguleerib iga pikslit, et tagada täiuslik lõpptulemus.
Allikas: IOS 7 juhend Tasuta PSD PSD poolt Seevi kargwal Dribbble'is.

Vahendid: Photoshop, visand

Tõenäoliselt kuulsite temalt:"Vähendage tuuma ja liigutage nuppu 1 pikslit vasakule!"

Liikumiskujundaja

Kas mäletate peent liigutust, kui tõmbate ekraani iPhone'i e -posti värskendamiseks? See on liikumisdisaineri töö. Erinevalt graafilistest disaineritest, kes kipuvad tegelema staatiliste objektidega, loovad liikumiskujundajad rakenduses animatsioone. Nad tegelevad mida liides teeb pärast seda, kui kasutaja seda puudutab... Näiteks otsustavad nad, kuidas menüü peaks libisema, milliseid efekte üleminekuks kasutama ja kuidas nuppu vajutatakse. Kui liikumine on hästi tehtud, muutub see liidese lahutamatuks osaks, pakkudes visuaalseid näpunäiteid toote kasutamise kohta.

„Vajalikud on teadmised graafilisest disainist, liikumisdisainist, digitaalsest kunstist, värvi- ja tüpograafiatundest, materjalide / tekstuuride üldisest teadlikkusest ja praktilisest animatsiooni tundmisest. IOS -i, OS X -i, Photoshopi ja Illustratori püsivara tundmine, samuti režissööri (või samaväärse), kvartskomposisti (või samaväärse), 3D -arvutite modelleerimise, liikumisgraafika tundmine. "

Vahendid: AfterEffects, põhiline helilooja, Flash, Origami

Tõenäoliselt kuulsite temalt:"Menüü peaks hüppama vasakult 800 ms pärast."

UX teadlane

UX -i teadlane teab kasutajate vajadustest kõike.

UX -i teadlane teab kasutajate vajadustest kõike. Teadlase eesmärk on vastata kahele põhiküsimusele: "Kes on meie kasutajad?" ja "Mida meie kasutajad tahavad?" Tavaliselt hõlmab see kasutajate küsitlusi, turu -uuringuid ja andmete analüüsi. Disain on pideva iteratsiooni protsess. Teadlased saavad selles protsessis abiks olla, viies läbi A / B teste, et teada saada, milline disainilahendus kasutajate vajadustele kõige paremini sobib. UX -i teadlased kipuvad olema suurte ettevõtete alustalaks, kus juurdepääs suurtele andmemahtudele annab neile palju võimalusi statistiliselt oluliste järelduste tegemiseks.

„Tihe koostöö arendusmeeskondadega uurimisteemade väljaselgitamiseks. Uurimistöö, mis puudutab nii kasutaja toiminguid kui ka arusaamu. Uuringute läbiviimine, kasutades ja rakendades erinevaid meetodeid, näiteks küsitlusi. "

Mõiste UX tekkis 1993. aastal Apple Corporationi siseselt, ärakiri kõlab nagu kasutaja eXperience. Mobiilseadmete populaarsuse kasvuga muutus see kontseptsioon moes ja seda hakati kasutama kõikjal. Kuid isegi praegu ei saa kõik kindlalt vastata, mis on UX -disain, kuidas see erineb kasutajaliidese kujundusest ja miks neid asju sageli koos mainitakse. Aitame teil selle välja selgitada.

Mis on UX -disain

Vene keeles on UX disain kasutajakogemuse disain. See on üks esimesi samme toote loomisel ja muudab rakenduse loogiliseks, mugavaks ja kasulikuks. ja saidid määravad, milliseid muljeid inimene nende kasutamisel saab, kuidas täpselt ta neid tooteid kasutab.

Kuhu on parem paigutada sissepääs oma isiklikule kontole? Mitu sammu peab kasutaja läbima uudiskirja tellimiseks või tellimuse esitamiseks? Kuidas saab ta teada, et operatsioon õnnestus? Selliseid küsimusi UX -i disainer otsustab.

UX disain sisaldab erinevaid komponente:

• infoarhitektuur;
• interaktiivne disain;
• kasutatavus (toote lihtsuse, mugavuse ja tõhususe näitaja kasutajate silmis).

UX -disainer mõistab kasutajate psühholoogiat ja emotsioone, analüüsib nende ootusi toote suhtes ja seab eesmärgi, mida tuleb saavutada. Järgmisena valib ta sobivad tööriistad ja pakub välja rakenduse või saidi struktuuri, mis vastab kõigile vajalikele parameetritele.

Toore idee veebisaidist või rakendusest on meie kontoris nagu lahtivõetud pusle. UX disaineri tahtel moodustatakse nendest tükkidest selge struktuur.

UX -i disainerina ei ole monotoonseid ülesandeid, mistõttu vajavad erinevad projektid sageli eri valdkondade oskustega inimesi. Seal on terveid laboreid, millel on võimas tehniline varustus, kus mitmest inimesest koosnev meeskond tegeleb uurimistööga. Sellistes laborites on olemas seadmed, mis registreerivad kasutajate psühhofüüsilisi reaktsioone (näiteks pilgu liigutused ja südamelöögid), nad viivad läbi uuringuid, jälgivad kasutajaid kaasatud ja kaasamata meetodit kasutades jne.

UX -disainerite jaoks on oluline, et nad saaksid:

• teha kasutajauuringuid;
• luua traatraame ja saitide ning rakenduste prototüüpe. See aitab hinnata, millises suunas rakendust või saiti arendada. Pealegi pole joonistamisoskus kaasaegse UX -disaineri jaoks üldse kohustuslik. On palju prototüüpimisvahendeid, mille abil saate valmis elementide abil luua liidese pädeva visualiseerimise (näiteks Axure, Balsamiq või UXPin);
• disaini interaktsioon, st kujutage ette, kuidas täpselt inimene toodet kasutab. Selleks luuakse rakenduste ekraanidel olevate kasutajateede kaardid, saitide interaktiivsed traatraamid ja erinevate kujundusvõimalustega rakendused;
• katsetage toodet;
• analüüsi teha. Erinevate mõõdikute (nt Webvisor, Hotjar, Mixpanel, UXcam või Appsee) kasutamine aitab teil mõista disaini tõhusust ja täiustada toodet reaalsete andmete põhjal.

Lisateavet UX -liidese kujundamise põhimõtete ja põhialuste kohta saate lugeda artiklist.

Mis on kasutajaliidese disain

Kasutajaliidese disain või kasutajaliidese kujundus on UX -disaini visuaalne teostus. Selle ülesanne on muuta rakendus, veebisait või muu toode teatud graafiliste lahenduste abil intuitiivseks, atraktiivseks ja võimalikult lihtsaks kasutada.

Kasutajaliidese kujundaja vastutab iga ekraani või lehe väljanägemise eest. Ta vastutab selliste graafiliste juhtnuppude eest nagu nupud ja märkeruudud, fondid, värviskeemid ja mitmesugused visuaalid.

Milline peaks nupp välja nägema, et seda oleks lihtne klõpsata? Millise fondi suuruse peaksin valima, et tekst oleks loetav? Kuidas vormindada veateadet nii, et see köidab tähelepanu, kuid mitte häirib? Liideste kasutajaliidese disain aitab neile küsimustele vastuseid leida.

UI disainer kasutab oma töös erinevaid graafilisi toimetajaid: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Töötades selle kallal, kuidas rakendus vidina ekraanil välja näeb, keskendub kasutajaliidese disainer mobiiliplatvormi juhistele - Apple'i ja Google'i soovituste kogumitele, tänu millele näevad kolmanda osapoole rakendused välja järjepidevad ja integreeruvad sujuvalt üldisesse kontseptsiooni.

Kui tuua elust väga lihtne analoogia, siis UX -disain on korteri ja kommunikatsioonide paigutus ning kasutajaliides tapeedi ja põrandakatte valik. Kuid praktikas on UX ja kasutajaliidese kujundus omavahel tihedalt seotud, teine ​​järgib loogiliselt esimest ja sageli tegeleb sama isik mõlemaga. Seetõttu on piir kahe mõiste vahel hägune ja need on märgitud koos.