Jebkurš dizains, lai cik labs tas būtu, būs pilnīgi bezjēdzīgs, ja tas nav UX dizains. Ir simtiem tūkstošu resursu, kas rada pārsteidzošus interfeisa dizainus un grafiskos dizainus un nodarbina labākos profesionāļus ar nereāliem talantiem, taču viņi nevar ieņemt savu vietu tīmeklī. Un tas ir tāpēc, ka mijiedarbība starp vietni un lietotājiem pieaug eksponenciāli, kas nozīmē, ka, lai atrastu lietotāju atsauksmes, tīmekļa dizaineriem ir jārūpējas par lietotāja pieredzi (UX — User Experience). Tieši šajā posmā palīgā nāk UX dizaina rīki – lieliski tiešsaistes pakalpojumi kas sniedz mājienus par dizainu lietotāja saskarnes dizaineriem. Šajā rakstā mēs par tiem runāsim sīkāk.

Tā kā dizaineriem ir jāņem vērā ne tikai elementu skaistums un pareiza organizācija, bet arī sarežģītāki faktori, kas saistīti ar apmeklētāju uzvedību vietnē, viņi bieži izmanto UX dizaina rīkus, kas var palīdzēt automatizēt dažus uzdevumus vai ievērojami vienkāršot to izpildes process. Par laimi interfeisa dizains vairs nav jauna tēma, un internetā ir simtiem UX dizaina rīku. Protams, mēs tos visus neuzskaitīsim. Lai jums palīdzētu, mēs esam izvēlējušies tikai dažus interesantākos un noderīgākos UX dizaina rīkus ar īsiem aprakstiem, lai parādītu to galvenās īpašības un sniegtu jums iespēju izvēlēties vispiemērotāko.

UX dizaina rīki maketu un prototipu modelēšanai un projektēšanai

Prototipu izstrāde ir kļuvusi par obligātu priekšnosacījumu visiem dizaineriem, kuri vēlas gūt panākumus UX dizaina un lietotāju pieredzes jomā. Maketu, modeļu un prototipu izveide ļauj viņiem pārbaudīt visas idejas darbībā, pirms investēt projektā laiku, pūles un naudu. Izmantojot šos UX dizaina rīkus, varat pārbaudīt savu produktu visā ražošanas procesā un veikt uzlabojumus, lai radītu stabilu lietotāja pieredzi savai mērķauditorijai.

Moqups interfeisa projektēšanas rīks

Lietotne Moqups isana HTML5 ir paredzēta maketu, maketu un prototipu izveidei. Moqups nodrošina milzīgu skaitu sākotnējo iestatījumu un veidņu, ko varat izmantot, lai izveidotu sava projekta pamatu. Varat pielāgot katru komponentu un iestatīt savas krāsas, teksta izmēru, ikonas utt.

Stiepļu karkass

Šis ir vēl viens karkasa rīks ar lietotājam draudzīgu minimālisma interfeisu. Rīks ir ērti lietojams un ietver tikai nepieciešamo funkciju minimumu, padarot lietošanas procesu pēc iespējas vienkāršāku. Diagrammu izveidei, izmantojot šo rīku, ir tāda priekšrocība, ka lietotāji tās var viegli koplietot ar citiem. Katra jūsu izveidotā shēma vai makets iegūst savu unikālo URL, ko varat nosūtīt klientam vai citiem komandas locekļiem.

Zīmulis

Tas ir grafisks prototipēšanas rīks. Tā kā tas ir atvērtā pirmkoda rīks, varat to instalēt savā Personālais dators un sāciet veidot grafiskos prototipus pat bez piekļuves internetam. Protams, no tā nav vērts gaidīt uzlabotas funkcijas un sarežģītu funkcionalitāti, taču tā tiek galā ar saviem galvenajiem uzdevumiem.

Balsamiq

Vai nevēlaties pavadīt stundas, veidojot prototipus? Šajā gadījumā jums vienkārši ir jāizmēģina Balsamiq. Tas ir vienkārši, bet ļoti efektīvi, kad runa ir par prototipu veidošanu. Izmantojot Balsamiq, lietotāji var izveidot vairākus izkārtojumus, kurus var pārbaudīt un atlasīt, kas nodrošina vislabāko rezultātu.

PowerMockup

Vai esat PowerPoint meistars? Tad jums patiks šis rīks, jo tas pārvērš PowerPoint par jaudīgu UX dizaina rīku maketu veidošanai. Tas nozīmē, ka jums vispār nav jāapgūst jauna programmatūra. PowerMockup ļauj cilvēkiem bez īpašām tehniskām iemaņām piedalīties projektēšanas un izstrādes procesā, kas noteikti ir viena no tā galvenajām priekšrocībām.

Mockplus

Mockplus ir viss, kas nepieciešams jūsu nākamajam projektam, sākot no skaistas vizualizētas mijiedarbības, iebūvētiem 200 komponentiem un 3000 ikonām, līdz koprediģēšanai un reāllaika testēšanai reālās ierīcēs. Šis lietotāja interfeisa dizaina rīks palīdz efektīvi un viegli pārvērst jūsu idejas pilnībā funkcionālos prototipos. Turklāt Mockplus dizaina rīks līdzsvaro lietošanas ērtumu un izsmalcinātu funkcionalitāti, lai izveidotu jebkuru prototipa elementu.

UXPin

Vai meklējat rīku, kas ļauj izveidot interaktīvus prototipus un maketus? UXPin ir intuitīvs un viegli lietojams rīks. Izmantojot to, jūs pat varat iegūt priekšstatu par to, kā produkts izskatīsies mobilajās ierīcēs, vienkārši pārslēdzot pārlūkprogrammas ekrāna izmēru.

Sacietēt

Gliffy

Gliffy nav tikai vēl viens UX dizaina prototipu veidošanas rīks; tas ir daudz vairāk. Gliffy ļauj lietotājiem izveidot tīkla diagrammas, sarežģītus tehniskos rasējumus, blokshēmas, UML diagrammas un daudz ko citu. Tas ir intuitīvs skaidrs interfeissļauj izveidot diagrammas dažu minūšu laikā.

POP

A/B testēšanas rīki

Šo rīku ideja ir izveidot divas lapas versijas un pēc tam tās pārbaudīt, lai noskaidrotu, kura versija darbojas vislabāk. Reklāmguvumu rādītāji, vidējais lapā pavadītais laiks un citi rādītāji ir daži no faktoriem, ko varat izmantot, lai novērtētu lapas veiktspēju vietnē.

Desinion

Vai neesat pārliecināts, vai veidojat projektu, kuru lietotāji patiešām vēlas redzēt? Izmantojot šo A/B testēšanas rīku, varat uzdot jebkuru jūs interesējošo jautājumu un saņemt reālu lietotāja atbildi. Rīkam ir ļoti noderīga funkcija – diskusija. Varat sākt diskusiju savā vietnē, lai iesaistītu lietotājus dizaina procesā. Turklāt jūs varat izveidot privātas diskusijas un dalīties tajās tikai ar draugiem vai kolēģiem.

Vizuālais vietnes optimizētājs

Tas ir vienkāršs, taču ārkārtīgi spēcīgs rīks, kas nodrošina augstākā līmeņa A/B testēšanu. Ar tās palīdzību jūs varat arī veikt daudzfaktoru testēšanu un dalīto testēšanu. Segmentēti pārskati un ieņēmumu analīze būs pieejami arī vizuālajā vietnes optimizētājā.

Optimizēti

Tas ir spēcīgs A/B testēšanas rīks, kas ļauj lietotājiem veikt testu, neiedziļinoties tehniskās detaļās un bez īpašām prasmēm. Koda trūkums un pilnīga vizuālā rediģēšana padara to ļoti populāru tirgotāju vidū.

Lietojamības pārbaudes rīki

Runājot par labu UX dizainu, jums var būt nepieciešami lietojamības testēšanas rīki, kas palīdzēs izprast lietotāju pieredzes problēmu un noteikt mērķa lietotāju vajadzības un psiholoģiju. Ja jūs varat definēt, ko apmeklētāji un potenciālie klienti patiešām vēlas, un izveidot saskarni, pamatojoties uz šīm zināšanām, dizains noteikti pārsteigs un sniegs enerģiju auditorijai. Lietojamības testēšanas UX rīki var aptuveni iedalīt attālās lietojamības pārbaudes rīkos un atgriezeniskās saites rīkos. Šajā sadaļā mēs esam apkopojuši gan šos, gan citus risinājumus, lai jūs varētu izvēlēties sev piemērotāko.

11. cilpa

Loop11 ir vienkāršs lietojamības testēšanas rīks, kuram nav nepieciešamas HTML vai programmēšanas valodu zināšanas. Rīka ietvaros varat izmantot gatavas veidnes vai izveidot motīvu pats. Turklāt ir vairāki veidi, kā uzaicināt līdzstrādniekus pārbaudīt jūsu projektus. Varat izveidot savu lietotāju sarakstu, pamatojoties uz sociālie tīkli, izveidojiet uznirstošo logu vietnē, lai atrastu interesentus. Viss, kas jums jādara, ir izveidot jautājumu sarakstu vai iekļaut dažādus dizainus, no kuriem izvēlēties, un pēc tam nosūtīt ielūgumu cilvēkiem, lūdzot viņiem atbildēt. Pamatojoties uz rezultātiem, varēsiet veikt nepieciešamās dizaina izmaiņas.

Trakā ola

Šis rīks palīdzēs padarīt jūsu lapu lietotājam draudzīgāku un palielināt reklāmguvumu skaitu, radot pareizo lietotāja pieredzi. Tas darbojas šādi. Jūs iesniedzat savu dizainu, pēc kura lietojamības un lietotāja pieredzes speciālisti to analizēs un dalīsies ar jūsu komentāriem, kurus varat izmantot savas vietnes uzlabošanai.

Lietojamības rīki

Tas ir viens no visplašāk izmantotajiem UX dizaina rīkiem, un tas ir ieguvis milzīgu popularitāti dizaineru un tirgotāju vidū. noderīgas funkcijas... Šis rīks palīdz analizēt vietnes lapas no lietotāja viedokļa. Šī milzīgā dizainera priekšrocība ir tā, ka viņš sniedz konkrētus norādījumus par to, kur un kādas izmaiņas dizainerim ir jāveic, lai palielinātu reklāmguvumu, vai kādi elementi ir jāpārvieto, lai mudinātu lietotāju veikt noteiktas darbības. Šis lietojamības rīks nodrošina arī atsauksmes un atsauksmes no cilvēkiem, kuri faktiski izmanto produktu.

Appsee

Tā ir "analītiskā programmatūra", ko izmanto, lai izsekotu lietojumprogrammu lietotāju aktivitātēm. Šis rīks palīdzēs jums gūt vērtīgu ieskatu par to, kā lietotāji mijiedarbojas ar jūsu lietojumprogrammu. Šī instrumenta funkcija "Lietotāja ierakstīšana" ir visiespaidīgākā. Tas reģistrē lietotāju aktivitātes un tādējādi sniedz lielisku ieskatu lietotāju uzvedībā. Tas ir noderīgs rīks, lai uzlabotu lietotnes vispārējo veiktspēju un palielinātu reklāmguvumu skaitu.

Attensee

Tas ir lietotāju uzvedības izsekošanas rīks, kas palīdz saprast, kā jūsu mērķauditorija skatās jūsu vietnes lapas. Attensee sniedz vizuālu norādi par to, vai cilvēki pamana svarīgus "jūsu vietnes elementus". Tas ir tieši saistīts ar dizainu, jo, ja konstatējat, ka ievērojams skaits lietotāju faktiski nekoncentrējas uz svarīgiem elementiem, piemēram, reklāmkarogiem, pogām ar aicinājumu uz darbību, īpašajiem piedāvājumiem, Attensee var palīdzēt to novērst.

UserVoice

Šis ir vēl viens spēcīgs rīks, kas ļauj skatīt un analizēt dažādas lietotāju darbības, kamēr viņi pārlūko jūsu vietni. Šis rīks ļauj saņemt tiešas atsauksmes no reāli lietotāji un atrisināt problēmas, ar kurām viņi saskaras.

MouseStats

Kā norāda šī rīka nosaukums, MouseStats palīdz izsekot lietotāja darbībām ar peli. Kā jūs droši vien zināt, peles kustības atdarina lietotāja acu kustības. Kursora kustību izsekošana un ritināšana sniegs svarīgus norādījumus par to, kā lietotāji mijiedarbojas ar jūsu dizainu. Pats labākais šajā rīkā ir tas, ka tas sniedz vizuālu lietotāja darbību attēlojumu un tādējādi palīdz veikt nepieciešamās izmaiņas.

UX dizaina rīki prototipu veidošanai un sadarbības projektēšanai

Komandas darbs ir priekšnoteikums kad runa ir par labu UX dizainu izstrādi jūsu mērķauditorijai. Ja esat pieradis strādāt komandā, jums ir jābūt pieejamiem atbilstošiem rīkiem, kas var palīdzēt jūsu komandas locekļiem efektīvi un bez piepūles sadarboties un sniegt savus ieteikumus. Tālāk ir sniegti UX dizaina rīki prototipu veidošanai un sadarbības projektēšanai, kas jums varētu noderēt.

FileSquare

Tas nav tikai sadarbības rīks. Tas ļauj izveidot interaktīvu prototipu un vienlaikus sadarboties ar citiem komandas locekļiem. Pieņemiet radošus lēmumus un saņemiet reāllaika atsauksmes no cilvēkiem.

Notisms

Vai strādājat pie vizuālā satura un meklējat sadarbības rīku? Tad jums ir nepieciešams notisms. Lai saziņa ar komandu būtu pēc iespējas ērtāka, tiek izmantotas skices un piezīmes. Paziņojumi tiek saņemti reāllaikā, lai jūs varētu saņemt atsauksmes no kolēģiem un klientiem, tiklīdz kāds tos atzīmē.

Sarkana pildspalva

Izmantojot RedPen, kopīgs dizains un prototipu izveide būs ātra un vienkārša. Šis UX rīks ir paredzēts sadarbības dizaina modelēšanai un prototipu veidošanai. Tas ir īpaši izstrādāts, lai atvieglotu sadarbību ar grafisko saturu. Atsauksmju apmaiņa ir ļoti vienkārša: lai atlasītu kādu no elementiem un atstātu piezīmi, lietotājam vienkārši jānovieto kursors virs tā. Pēc tam tiek parādīts neliels tekstlodziņš, kurā varat atstāt atsauksmes.

Memosort

Izmantojot Memosort, attālums vairs nav šķērslis. Šis apbrīnojamais rīks ir viens no labākajiem sadarbības projektēšanas rīkiem. Tas palīdzēs jums sazināties ar komandu un sadarboties reāllaikā. Visas piezīmes programmā Memosort tiek saglabātas automātiski, tāpēc jums nav jāuztraucas, ka dažas laba ideja vai piedāvājums var tikt zaudēts.

Trello

Aizmirstiet ilgi un garlaicīgi e-pastiem Trello ir šeit, lai komandai atvieglotu sadarbību un saziņu. Šī rīka priekšrocība ir tā, ka tas ir bezmaksas. Trello rīka iekšpusē ir īpašas kartes, kas attēlo dažādus projektus. Viss, kas jums jādara, lai projektam pievienotu cilvēkus, ir velciet un nometiet to attiecīgajā kartē. Rīks tiek atjaunināts arī reāllaikā.

Invision

Tā ir interesanta sadarbības un prototipēšanas rīka kombinācija. Ar to jūs varat izveidot interaktīvus prototipus un modeļus. Ar Invision ir iespējama mijiedarbība reāllaikā. Viss, kas jums jādara, ir jānosūta saite uz dizainu citiem komandas locekļiem, un viņi var strādāt pie tā un sniegt ieteikumus.

Summējot

Tātad šie ir daži UX dizaina rīki, kas palīdz tīmekļa dizaineriem izveidot veiksmīgu darbu tiešsaistes projekti patstāvīgi un komandā, kā arī apkopot informāciju par lietotāju pieredzi sevis pilnveidošanas nolūkos. Ja zini ko vairāk noderīgi rīki ko aizmirsām pieminēt - noteikti rakstiet par to komentāros!

Ja vēlaties attīstīties dizaina jomā, tad, protams, jums ir nepārtraukti jāpilnveido savas prasmes, jāseko tendencēm un jāzina mūsdienu dizaina prasības, kā arī īpaši noteikumi. Viens no šiem terminiem ir UX/UI dizains.

Patiesībā, kad pirms diviem gadiem man vajadzēja noskaidrot, kas ir "daktis" un "ui", nācās kārtīgi rakt, pirms es sapratu, kas tas ir un ar ko viens atšķiras no otra. Par to ir daudz rakstīts, un tajā pašā laikā tas ne vienmēr ir skaidrs. Tāpēc es ierosinu saprast šos jēdzienus kopā.

Sāksim ar UX. UX apzīmē Lietotāja pieredze, kas burtiski nozīmē "lietotāja pieredze". Jo pārdomātāks ir, piemēram, mājaslapas UX dizains, jo lietotājam ērtāk ir meklēt. nepieciešamo informāciju vai mijiedarboties ar viņu. Citiem vārdiem sakot, UX dizaina uzdevums ir atrisināt rīka vai resursa funkcionalitātes un ērtības jautājumus.

Starp citu, jēdziens attiecas ne tikai uz IT sfēru, bet arī praktiski uz jebkuru citu. Varam teikt, ka lodīšu pildspalvas UX dizains ir tas, cik labi tā raksta, cik pietiek ar rakstāmpastas, vai palīdz veidot pareizu rokrakstu, vai ir ērti transportēt, ar aizsargvāciņu vai automātisko ... In vispārīgi, cik labi produkts atrisina uzdevumu, kuram tas ir paredzēts un tajā pašā laikā ir svarīgi – cik lietotājam tas ir skaidrs.

Lietotājam jājūtas ērti un viss jāsaprot

Kas attiecas uz lietotāja interfeisa dizainu, tad Šis gadījums tas ir saīsinājums Lietotāja interfeiss, atkal burtiski - "lietotāja interfeiss". Šis pats dizaina veids nosaka elementu krāsu, formu, izmēru un atrašanās vietu, fontu nosaukumus un izmērus. Tas ir, UI ir vizuāla sastāvdaļa, kuras uzdevums, ja vēlaties, ir izvietot akcentus un izcelt atsevišķus vietnes vai produkta elementus. Tas ir, lai produkts vai resurss būtu acij tīkams un intuitīvi lietojams. Piemēram, teksta uztvere ir atkarīga no tā, kā tas ir sadalīts rindkopās, no fonta lieluma un veida, no virsrakstu un ilustrāciju klātbūtnes, kā arī no telpas ap tekstu.

Atšķirības starp UX un UI dizainu

Neskatoties uz šo divu jēdzienu šķietamo līdzību, tie darbojas dažādas funkcijas, kas ir gandrīz jebkura projekta neatņemama sastāvdaļa. Lai labāk izprastu atšķirības starp šiem dizaina veidiem, apsveriet piemēru - Yandex meklēšanas rezultātus.

Iekšējā struktūra, hierarhija, milzīgs daudzums papildu pakalpojumi (Tieša, Metrika, Wordstat un tā tālāk) ir UX. Bet, piemēram, tas, ka saites, kurām jau esat sekojis, ir izceltas citā krāsā - tas ir lietotāja interfeiss. Tas attiecas arī uz lietotāja saskarni, ka vietnei ir tīra Balts fons, atkāpes starp meklēšanas rezultātiem, pietiek ērtai uztverei, favicon, kā arī iespēja jebkurā laikā doties uz pastu vietnes augšējā labajā stūrī.

UX dizainers pārdomā, kā lietotājs mijiedarbosies ar sistēmu, lai tā atbilstu viņa cerībām. UI dizainers domā par to, kā tam vajadzētu izskatīties: ikonas, attēli, fonts, krāsu kompozīcija, uztveres vieglums kopumā. Un diezgan bieži ar šo uzdevumu nodarbojas viena un tā pati persona, tāpēc bieži vien dizainera vakancē UI un UX tiek rakstīts caur /.

Koncepcijas ir atšķirīgas, taču tās ir līdzīgas, jo to mērķis ir nodrošināt lietotāja komfortu.

Lietojumprogrammas

Kā minēts iepriekš, termini UI un UX attiecas ne tikai uz IT jomu. Patiesībā tie parādījās, tiklīdz tika izveidots pirmais produkts. Tas ir, ļoti sen. Piemēram, var uzskatīt par vienu no pirmajiem sasniegumiem UX dizainā ritenis.

Nesenā terminu parādīšanās, pareizrakstības un tvēruma līdzības bieži vien ir maldinoši. Sava emuāra ietvaros vairāk pievērsīšos tēmām, kas saistītas ar attīstību tīmekļa saskarnes un komerciālais dizains.

Lai saprastu UX / UI dizaina problēmas, nepietiek vienreiz izlasīt pamācību vai pāris rakstus, saprast pamatus un pabeigt pāris projektus. Web dizaina joma gandrīz katru dienu mainās un attīstās, tāpēc prasības un fakts, ka “ vakar"Bija tendencē," šodien"Vairs nav comme il faut.

Kā saprast, vai jūsu dizains ir pareizs

Ja mēs runājam par pārdošanas uzdevumu, tad UX dizaina "pareizība" tiek pārbaudīta, izmantojot A/B testēšana vai fokusa grupas... Tas ļauj jums redzēt, cik lietotājam ir skaidrs un ērts interfeiss. Piemēram, visiem fokusa grupas dalībniekiem tiek lūgts atrast konkrētu vietnes sadaļu vai reģistrēties. Tas, cik ātri viņi ar to tiek galā, liecina par UX dizaina kvalitāti.

UI dizaina koncepcija šajā gadījumā ir subjektīvāka, jo bieži vien ir atkarīga no lietotāja pretenciozitātes un gaumes. Un tas, kas vienam šķiet skaists, citam sāp acis. Tomēr ir vispārīgas vadlīnijas (skaidrs bloku izkārtojums, teksts kontrastē ar fonu, klikšķināmu elementu izcelšana vai izcelšana utt.), kas jāievēro ikvienam, kas izstrādā digitālos produktus.

Raksti komentāros Zemāk ir jūsu viedoklis, vai man izdevās atklāt un ja nē, tad ar ko man tas jāpapildina.

Tas viss ir atkarīgs no vecmāmiņas sūknēšanas pakāpes. Ja jūsu vecmāmiņa ir UX/UI dizainere, tad, iespējams, jums nebūs vajadzīgas pārāk vienkāršotas metaforas. Mazāk zinātkārai vecmāmiņai šis varētu būt attaisnojums: "Es strādāju ar mobilajām un tiešsaistes lietojumprogrammām." Ja mēģināsim no vidusmēra vecmāmiņai saprotamiem vārdiem sastādīt definīciju, pēc iespējas lakoniskāk un precīzāk atspoguļojot nozīmi, tā būs: "Uzlaboju digitālo pakalpojumu (UX) kvalitāti, tai skaitā punktu, kanālu dizainu. šo pakalpojumu saņemšana (UI)."

Tatjana Pčelinceva, iekš Kursa "UX / UI dizains" BHSAD absolvents

“Manai vecmāmiņai ... Izrādījās, ka pat mans tētis vēl nesen nesaprata, ko es daru. Bija smieklīgs atgadījums. Tētis jautāja, kam es mācos. Es atbildēju, ka mēs veidojam digitālos produktus, uzlabojot lietotāju pieredzi. (Pauze) "Vai jūs pārdodat sieru internetā?" Kāpēc tieši siers, es joprojām nesaprotu, bet tas mani ļoti iespaidoja. Man bija jāsaka, ka katrs no mums ir UX dizaineris.

Vecāki nesen veica dzīvoklī remontu, aprīkoja to atbilstoši savām vajadzībām: sienas plaukti tādā augstumā, kādā mammai būs ērti kārtot grāmatas, dīvāns atrodas tādā attālumā no televizora, lai tā ietekme uz acis ir minimālas, kafijas automāts vienmēr ir labi redzamā vietā ... Arī UX dizaineris nodarbojas ar dizainu, taču ne tik daudz no savas, cik kāda cita pieredzes: viņš nosaka lietotāja/uzņēmuma mērķus, identificē viņu sāpes un piedāvā risinājumus.

Deniss Ušakovs, iekš BVShD absolvents

“Visgrūtākais, ko daru, bija paskaidrot savai vecmāmiņai, kura frāzi “produkta dizains” uztver kā kaut ko saistītu ar pārtikas veikalu, un nemitīgi jautā, ar kādiem produktiem es strādāju. :)

Bet kopumā gan vecmāmiņai, gan vecākiem diezgan piemērots ir skaidrojums, izmantojot automašīnas stūres piemēru: UX dizains izskaidro stūres atrašanās vietu automašīnā, un UI to izskaidro. izskats».

Kā piemēru var minēt vienu no mūsu studentu šī gada izlaiduma projektiem - digitālā vitrīna Tele2. Šis ir pašapkalpošanās kiosks Tele2 salonos, kas ļauj pašiem saņemt nepieciešamos pakalpojumus un ietaupīt laiku. Kursa studenti saskārās ar uzdevumu pārveidot digitālā veikala UX un UI, lai padarītu šo pakalpojumu ērtu, palielinātu konversiju un “digitizētu” sakarus starp abonentiem un mobilo sakaru operatoru.

Kursa "UX / UI dizains" studentu projekts BHSAD priekš Tele2: digitālā vitrīna priekš Tele2

Dizaineri pārdomāja gan vitrīnas funkciju sarakstu, gan to secību, navigācijas atrašanās vietu ekrānā, soļus šī pakalpojuma iegūšanai. Lai to paveiktu efektīvi, nepietiek tikai ar ekrāna uzzīmēšanu, tas viss ir izstrādāts, pamatojoties uz pētījumiem, testēšanu un citiem produktu izstrādes rīkiem, kas jāpieder UX/UI dizainerim.

2. Kādas kompetences ir ideālam UX/UI dizainerim?

Laikā, kad parādījās termins "lietotāja pieredzes dizains" (UXD), termins "interfeisa dizains" (UID) jau pastāvēja, un tam bija skaidrs stabils artefaktu saraksts - tie digitālā produkta saskarnes dizainera darba rezultāti, kas ļāva izveidot interfeisu: ikonas, pogas, maketu veidošana, UI komplekts, darbs ar fontiem, režģi, ilustrāciju veidošana utt.

UXD kompetenču ieviešana digitālo risinājumu izstrādes jomā ir radījusi UX dizaineru klasi, kuri šim procesam ir pievienojuši jaunus artefaktus, kas saistīti ar zinātniskāku un metriskāku pieeju pakalpojumu dizainam: lietojamības izpēte, lietotāju izpēte, informācijas arhitektūras izstrāde, lietotājs maršruta analīze. It kā mēbeļu dizainers strādājis kopā ar ergonomiku, lai radītu ne tikai skaistus un izturīgus, bet arī ērtākus krēslus.

Līdz ar veiklības parādīšanos programmatūra(Agile, Scrum), augsti specializētu ekspertu skaits komandās sāk samazināties, jo palielinās katra dalībnieka kompetenču skaits. Agilajās produktu komandās uzreiz kļūst skaidrs, ka UX un UI pienākumu nodalīšana palielina izstrādes laiku, jo prasības darba “pieņemšanai” starp dizaineriem nemitīgi mainās un pieaug. Galu galā viens no dizaineriem saslimst, tad viss darbs ceļas augšā. Tāpēc produktu komandas izvēlas pieņemt darbā UX/UI dizainerus, kuri, kaut arī virspusēji, apvieno gan UXD, gan UID kompetences, nevis divus dziļus ekspertus.

UX/UI dizaineru kompetenču kombinācija

Cik pelna šie dizaineri? Visprecīzākā atbilde uz šo jautājumu ir hh.ru. Saskaņā ar pakalpojumu, šodien uzņēmumi ir gatavi piedāvāt UX / UI dizaineriem no 70 000 līdz 200 000 mēnesī vai vairāk.

Jūs varat izveidot savu trajektoriju no dažādām sākuma punkti bet, protams, sākot no grafiskā dizainera, programmatūras izstrādātāja, digitālā biznesa analītiķa, sociālā vai psiholoģiskā pētnieka, trajektorija būs īsāka un ceļš ātrāks. Dizaina komandās ir komplementaritātes un savstarpējas mācīšanās elements. Šī procesa efektivitātei tiek sastādītas tā sauktās "zvaigžņu kartes", kurās tiek atzīmēta dažādu kompetenču piederības pakāpe. Un, piemēram, ja dizainerim nepieder animācija, tad viņš tiek pārvietots uz komandu, kurā šī prasme tiek attīstīta. Tā mēs darām ar saviem studentiem, katra moduļa beigās notiek tikai rotācija.

Daria Saļņikova, UX / UI dizainere uzņēmumā Tele2

“Pirms studijām Lielbritānijā strādāju par grafisko dizaineri, bija projekti par web servisiem, bet kādā brīdī man nepatika, ka pieslēdzos produktam tikai pēdējā posmā, kad vairs nevaru ietekmēt tā darbību. lietojamība. Tas ir, jūs zīmējat pogas, ikonas, sakārtojat tos atbilstoši tehniskajam uzdevumam, pat ja iekšēji saprotat, ka tas būs neērti vai neatrisinās problēmu.

Tāpēc es nolēmu iedziļināties UX / UI dizainā, lai saprastu, kā produkts tiek izstrādāts no nulles, tiek veikti pētījumi, tiek pētīts lietotājs, viņa uzdevumi un uzvedība? un kā tas viss ietekmē saskarni. Vispirms es apguvu AIC tiešsaistes ievadkursu, pēc tam devos praksē britu valodā. Pēc vairākiem apmācības projektiem Golden Crown un Mail.Ru es saņēmu darbu kā UX / UI dizainers Tele2. Papildus portfolio bija svarīgi, kā es varu strādāt komandā, kādas lomas ieņēmu šajos projektos, kādus uzdevumus, bez interfeisiem, varu atrisināt citas mīkstās prasmes.

Tagad strādāju pie lojalitātes sistēmas Tele2 klientiem. Un tas ir pavisam savādāk: mēs strādājam ar analītiķiem, un, runājot par lietotāja interfeisu, es jau varu strīdēties par katra interfeisa elementa atrašanās vietu, formu, krāsu. Mums kursā bija puiši, kuri nebija no dizaina jomas (mārketinga speciālisti, menedžeri, izstrādātāji). Kursā viņi apguva prototipēšanas rīkus, iemācījās izgatavot dažus saskarnes elementus. Ir skaidrs, ka viņiem nav tāda paša dizaina fona kā grafiskajiem dizaineriem. Bet tas ir tik lieliski, ja pat vadītāji vai izstrādātāji saprot dizainu, var izgatavot prototipu, salabot reklāmkarogu, ikonu un vispār sāk saprast, ka dizains ir liels darbs.

Dmitrijs Eršovs, vadītājs mākoņpakalpojumi, AS "MegaLabs"

“MegaLabs ir vairākas komandas, starp kurām tiek izplatīti MegaFon produkti. Piemēram, tagad mēs meklējam dizainerus komandām MegaFon.Bank un MegaFon.TV. Kad esmu jau apskatījis portfolio un runājis ar UX/UI speciālistu, vispirms pārbaudu savas zināšanas teorijā: kompozīcija, tipogrāfija, krāsa. Par katru no tēmām uzdodu vairākus jautājumus, un, ja dizainere atbild "Es tā redzu" - uzreiz mīnus 1 punkts. Bet, ja, piemēram, viņš piedāvā izvēlēties krāsu, izmantojot triādes shēmu, kļūst skaidrs, ka viņš ir iepazinies ar krāsu pamatiem.

Kad teorija ir pārbaudīta, noskaidroju, kurš no pieciem UX līmeņiem pēc Džesa Gareta modeļa kandidātam ir visvairāk "uzpumpēts" un atkarībā no līmeņa dodu vairākas problēmas. MegaFon produktu dizaineri ir cilvēki, kas veido saskarnes, pamatojoties uz uzņēmuma klientu mērķiem un vajadzībām. Priekšroka tiek dota tiem, kas izprot problēmas un piedāvā vairākus risinājumus uz vietas.

Intervijās vienmēr tiek uzdoti attīstības jautājumi. Es parasti rādu vairākas vietnes un jautāju, cik kolonnu ir režģī vai kā JS atšķiras no CSS. Dizaineram tas viss ir jāspēj izskaidrot, lai "iepakotu" savas idejas izstrādātājiem saprotamā valodā.

3. Vai ir grūti atrast darbu?

No vienas puses, nozare izjūt šādu speciālistu trūkumu un ir gatava maksāt daudz, no otras puses, šobrīd daudzi dizaineri meklē darbu un ilgstoši nevar atrast cienīgu darbu. Kāda ir problēma ar abiem?

Pirmkārt, jums ir jāmaina domāšana. No “kā izveidot skaistus portfeļa ekrānus” līdz “kā padarīt cilvēkus laimīgākus pēc mijiedarbības ar produktu”. Var izrādīties, ka ekrāni nemaz nav jāzīmē, un cilvēki par to pateiks paldies. Lai izveidotu šos artefaktus, tiek izmantoti faktiskie dizaina rīki un metodoloģijas: dizaina domāšana, lietotāja stāsta kartēšana, lietotāja plūsmas kartēšana, klientu ceļojuma kartēšana, dalītā pārbaude, lietojamības pārbaude, kvantitatīvā izpēte un daudzi citi. Lai gan dažreiz jūs varat nonākt pie pareizajiem rezultātiem nepareizā veidā. Situācija jauno profesiju tirgū ir nestabila, šobrīd tā ir diezgan pieprasīta un ienesīga nodarbošanās, bet pieprasījums rada piedāvājumu.

Jevgeņijs Zasimenko, BHSAD absolvents, produktu dizainers uzņēmumā Avito

“Dažus mēnešus pirms kursu beigām sāku meklēt produktu dizainera darbu. Tas nenozīmē, ka tas ir ļoti aktīvs, bet man patika Avito, kad bijām tur ekskursijā no Britankas. Personāla atlases process dizaina nozarē bija diezgan standarta: portfolio pārskatīšana, testa uzdevums, divas intervijas, un es saņēmu piedāvājumu.

Produktu izstrāde ir pirmām kārtām komandas darbs, kurā dizainerim ir jāiesaistās jau no paša sākuma un jānodarbojas ar saskarņu renderēšanu, pamatojoties uz metriku un izpēti, jāspēj izveidot testu prototipus, jāstrādā kopā ar izstrādātājiem un, pats galvenais, jāpalīdz sasniegt kopīgu mērķi.

Uzņēmumu procesi, kuros nepieciešams produktu dizainers, paceļ latiņu ienākšanai: līdztekus dizaina rīku izpratnei nepieciešama arī praktiska pieredze to lietošanā, kā arī spēja strādāt komandā. Tāpēc papildus pašreizējiem rīkiem un metodoloģijām mēs saviem studentiem piedāvājam reālus lielo zīmolu gadījumus un apvienojam tos starpfunkcionālās komandās.

Šī gada laikā izdevies pabeigt ap 20 projektu dažāda veida uzņēmumiem: no gaidāmajiem fintech - Alfa-Bank, MTS, MegaFon - līdz startupiem no lauksaimniecības tehnoloģiju jomas. Daudzi studenti, aizstāvot projektus, varēja atrast darbu tajos uzņēmumos, kuriem viņi projektēja, jo klienti šajā procesā redz viņu kompetences un praktisko pieredzi.

Deniss Ušakovs, BHSAD absolvents

“Mūsu projekts bija izstrādāt AgroClick mobilo aplikāciju Exact Farming. Agronoma motorollera lietotne palīdz viņam glabāt visus augu datus vienuviet, strukturēt tos un ātri kopīgot tos. Risinājuma būtība ir paātrināt saziņu starp skrejriteņa agronomu, kurš visu dienu atrodas uz lauka un vāc informāciju par kultūraugiem, un speciālistu agronomu, kurš birojā pieņem galvenos lēmumus, piemēram, par pesticīdu iegādi.

Tagad es turpinu strādāt pie projekta kā produktu dizainere jau šajā uzņēmumā. Pats klients man piedāvāja produktu dizainera amatu, jo viņi jau bija redzējuši, uz ko esmu spējīga, mums bija kopīga darba pieredze. Man šķiet, ka gandrīz visi klasesbiedri līdz studiju beigām ieguva darbu, kas saistīts ar UX / UI tādos uzņēmumos kā Raiffeisenbank, Sberbank Technologies, Tele2, Mail.ru, IBM Russia un citos.

4. Vai pieprasījums pēc šādiem speciālistiem turpinās augt arī turpmākajos 5 gados?

Tā kā dažādu uzņēmumu bizness - no bankām līdz restorāniem - tiek digitalizēts, var sagaidīt iekšējās attīstības pieaugumu un pāreju uz pasūtījuma izstrādes produktu sliedēm. Tādējādi vajadzība pēc UX / UI dizaineriem būs liela. Nevaru solīt zelta kalnus, jo jauno profesiju tirgus arvien ātrāk pielāgojas pieprasījumam, kā tas bija ar lielo datu speciālistiem. mašīnmācība, blockchain un citās jomās, bet izglītots produktu dizainers ar labs portfelis un sasniegumi tagad ir dārgi un pieprasīti visā pasaulē.

"Es domāju, ka tas nav tik daudz par nosaukumu" UX / UI-design ", cik par funkcionalitāti un atbildību. Pieprasījums, protams, nekritīs, bet kam? Tiek novēroti viļņi: sākumā visi meklēja daudzpusīgu cilvēku - dizaineru, maketētāju, tekstu autoru. Tas bija saistīts ar faktu, ka uzņēmumiem vai nu nebija naudas tam, vai arī viņi nesaprata, kāpēc viņiem tā būtu jātērē dizaineriem. Tad sākās UX ažiotāža, parādījās iekšējie pētniecības un dizaina departamenti, un sāka lietot ne tik daudz pogu, cik lietotāja pieredzes jēdzienus. Sākām spēlēt testēšanu, dizaina domāšanu, acu izsekotājus. Viņi sāka domāt procesos, nevis ekrānos.

Es domāju, ka nākamais vilnis būs vērsts uz UX galveno koncepciju un principu apzināšanos un ieviešanu visās produktu radīšanas profesijās. Tas nozīmē, ka būs pieprasīti speciālisti, kuri DNS līmenī izprot pētījumu principus, lietotāju un procesu analīzes un pieredzes veidošanas pamatmetodes. Un tas neizslēdz augstas dizaina prasmes. Ticu dizaina kompetences izaugsmei, jo dizainers ir labs, bet skaistuma sajūta šī vārda plašākajā nozīmē nav atcelta."

5. Kā UX/UI dizainera darbs atspoguļojas ikdienā?

Ja pieņemam, ka gandrīz visu, ko lietojam, ir izdomājuši dizaineri, tad gandrīz visus masu digitālos pakalpojumus - mobilās vietnes, tīmekļa pakalpojumus un citus - tagad izgudro Digital Product Designer. Banku lietojumprogrammas, telekomunikāciju operatoru pakalpojumi, e-komercija, iepazīšanās pakalpojumi , ģeogrāfiskā atrašanās vieta un informācijas pakalpojumi... Var turpināt ilgi – ir vieglāk atvērt darbvirsmu Mobilais telefons vai klēpjdatora galddators un pārlūkojiet instalētās lietojumprogrammas... Tie visi ir digitālie produkti, uz kuru loģiskā un vizuālā komponenta strādā UX / UI dizaineri.

Kursa "UX / UI dizains" studentu projekts BHSAD for MTS: mobilais ceļvedis MTS darbinieku adaptācijai un attīstībai

Darbs var būt vai nu pilnīgi jauna produkta izveide, vai esošo pakalpojumu digitalizēšana. Piemēram, mūsu studenti izgatavoja MTS - mobilo ceļvedi jaunu darbinieku adaptācijai un attīstībai ar gamification sistēmu un citām funkcijām. Pielāgošanas sistēma ir pastāvējusi vienmēr: no standarta personāla nodaļas līdz personāla pakalpojumiem un mentoringa sistēmai, taču tas ir digitāls risinājums, kas ir kaut kas jauns. Tas ir elastīgāks, efektīvāks un ļauj ar viena pakalpojuma palīdzību risināt dažādus uzņēmuma uzdevumus: tīklošanos, apmācību, darbinieku darba organizēšanu.

Ienesīgu biznesa modeļu dzīves ilgums strauji sarūk. Lai paliktu virs ūdens, jums pastāvīgi jārada jauni un jāattīsta esošie digitālie produkti. Zīmoli, kas nespēj pielāgoties ātrumam, izbrauc no trases. Tāpēc mūsdienīgi uzņēmumi pāriet uz ātriem adaptīviem pastāvīgu pārmaiņu cikliem. Tas attiecas tikai uz bēdīgi slavenajiem Agile un Scrum. Dizains-Izstrādāt-Mācīties un atkal riņķī. Līdz ar to dizaina pieredze kā daļa no šī loka kļūst par būtisku.

Alīna Ermakova, Sberbank-Technologies lietotāju mijiedarbības analītisko pētījumu nodaļas vadītāja

“Pirms pāris nedēļām es atgriezos no Enterprise UX konferences Sanfrancisko. Lielie uzņēmumi runāja par to, kā viņi izstrādā sabiedriskos pakalpojumus vai lielas fintech sistēmas, vai, piemēram, kā Uber uztur konsekvenci, atrodoties 77 pasaules valstīs. UX/UI jau ir viņu DNS. Tas nav posms, nevis metode, tas ir normāls ražošanas process. Piemēram, nav dizaina domāšanas ceremoniju.

Viss produktu radīšanas process ir dizaina domāšana. Komanda izmanto pareizās metodes tur, kur jūtas pareizi. Tā ir daļa no darba. Un ne jau jauni hipsteru dizaineri tika nolīgti, lai zīmētu saskarnes, lai iekļūtu arēnā. Bija onkuļi un tantes, kas vecāki par 45 gadiem, uzņēmumu īpašnieki, korporāciju rīkotājdirektori. Jo tas jau ir veselā saprāta līmenī.

6. Kādas metodikas šobrīd ir vispopulārākās?

Krievijā produktu dizaina kultūra tikai veidojas. Dizaina domāšanas ietvars jau ir kļuvis par iekšējās korporatīvās apmācības programmas neatņemamu sastāvdaļu mūsu lielajos uzņēmumos un korporācijās: Rosatom, Sberbank, Alfa-Bank un citos.

Design Thinking atvasinājumi tradicionāli ir populāri digitālajos uzņēmumos – Google Ventures Design Sprints, IBM Design Thinking, kā arī dažādas Design Thinking instrumentālās daļas – raksturu modelēšana, etnogrāfiskā izpēte, ieinteresēto personu kartes, Customer Journey Mapping un citas. Salīdzinoši jauns, bet ievērības cienīgs ir Jobs To Be Done ietvars, kur produkts tiek izstrādāts ne tik daudz balstoties uz lietotāja īpašībām, bet gan pēc situācijas, kurā viņš atrodas. Metodoloģijas atbilstība ir atkarīga gan no uzņēmuma darbības jomas, gan no iekšējiem procesiem. To pašu Scrum ieviest lielā uzņēmumā ir ilgāk un grūtāk nekā startup, bet viss ir reāli, galvenais ir vēlme uztaisīt cilvēkiem lielisku produktu.

Dmitrijs Eršovs, AS MegaLabs mākoņpakalpojumu vadītājs

“Produktiem, kas nemainīsies, mēs izmantojam klasisko ūdenskrituma izstrādes modeli, bet pastāvīgi pilnveidojamiem – SCRUM. Mēs aprakstām jaunus produktus vai funkcionalitāti, izmantojot lietošanas gadījumu diagrammas, bet izmēģinām koncepciju Jobs To Be Done, kurā šādas diagrammas nav vajadzīgas.

Plānojot jaunus izdevumus, mēs novērtējam funkcionalitāti, ņemot vērā to nozīmi lietotājiem, biznesam un darbaspēka izmaksām. Visgrūtākais ir novērtēt tā nozīmi lietotājiem. Lai panāktu lielāku objektivitāti, mēs izmantojam SIRDS ietvaru. Tas palīdz aplūkot jaunas funkcijas, izmantojot lietotāja mērķus.

Dažkārt rodas strīdi, piemēram, produkta īpašnieks nepiekrīt dizaineram. Šādos gadījumos mēs vienlaikus izstrādājam un ieviešam dažādas iespējas, lai novērtētu katra no tām efektivitāti. Visefektīvāko risinājumu nosaka lietotāju uzvedības statistika.

7. Kurās nozarēs UX/UI dizaina tehnikas tiks integrētas nākotnē?

Ja ņemam vērā globālo praksi, tad vislēnāk attīstās apgabali ar zemu konkurenci, piemēram, valsts dienesti – ir kur pielikt roku. Mūsu valstī tradicionāli zemā finanšu un juridiskā pratība, tādēļ ne tik ātri, kā gribētos, ir produkti, kas vērsti uz īpašuma pārvaldīšanu un visa veida juridiskie pakalpojumi.

Kursā mēs daudz nodarbojamies ar fintech, viens no pēdējiem gadījumiem ir mobilais pakalpojums, kas palīdz cilvēkam pārvaldīt savas finanses un investēt. Lai novērstu šķēršļus saziņai starp banku un lietotāju, studenti nolēma izveidot rīku chatbot formātā, kas var darboties jebkurā lietotājam draudzīgā kurjerī.

BHSAD UX / UI dizaina kursa studentu projekts bankai Ak Bars: personīgais finanšu asistents, rīks ieguldījumiem jebkurā ērtā kurjerī.

IDEO jau daudzus gadus ir bijis atzīts dizaina domāšanas dzinējspēks. No viņu nesenajiem gadījumiem var redzēt, ka šī metodika tiek aktīvi pielietota izglītības jomā, valkājamas elektronikas attīstībā un globālo problēmu risināšanā.

Ir skaidrs, ka pieaugošā konkurence dažāda veida uzņēmumos ir piespiedusi uzņēmumus pāriet uz digitalizāciju. Tāpēc, ja šodien mēs redzam, ka lauksaimniecības tehnoloģijas, medicīna, restorānu bizness un citas bezsaistes sfēras ir sākušas sniegt pakalpojumus tiešsaistē, tad rīt viņiem būs nepieciešama mūsu metodika, lai piedāvātu tirgum jaunas funkcijas un produktus, ātrāk nāktu klajā ar un atjauninātu savus digitālos risinājumus. , un esiet elastīgāki un padariet savus klientus laimīgākus.

“Lielākā daļa uzņēmumu joprojām uztver UX/UI izpēti, dizaina domāšanu un citus radošus paņēmienus kā pakalpojumu, atsevišķu pakalpojumu, ko var pasūtīt vai nolīgt. Domājot kā dizaineru nevar nopirkt, ir jāsāk. Ikviens =) ", - saka Alīna Ermakova, Sberbank-Technologies lietotāju mijiedarbības analītiskās izpētes nodaļas vadītāja.

Dizains ir diezgan plašs un neskaidrs termins. Kad kāds saka: "Es esmu dizainers", nav uzreiz skaidrs, ko viņš dara katru dienu. Ir vairākas dažādas nozares, uz kurām attiecas šis jēdziens.

Ar dizainu saistīti darba pienākumi ir no rūpnieciskā dizaina (automašīnas, mēbeles), drukāšanas (žurnāli un citas publikācijas) līdz tīmekļa dizainam (tīmekļa vietnes, mobilās lietojumprogrammas). Ar neseno augsto tehnoloģiju uzņēmumu pieplūdumu, kas koncentrējas uz ekrānu saskarņu izveidi, to ir bijis daudz jauns darbs... UX vai UI dizainera pozīcija var būt nesaprotama ne tikai nezinātājam, bet pat pašiem dizaineriem, kas nāk no citām nozarēm.

"Uz šo jautājumu nav vienas pareizas atbildes."

Mēģināsim noskaidrot, ko tas īsti nozīmē IT nozarē.

UX dizainers

UX dizaineri galvenokārt rūpējas par kā produkts mijiedarbojas ar lietotāju... Uz šo jautājumu nav vienas pareizas atbildes. UX dizaineri pēta dažādas pieejas konkrētas lietotāja problēmas risināšanai. UX dizainera galvenais darbs ir pārliecināties, ka produkts loģiski plūst no viena soļa uz nākamo. Viens no veidiem, kā UX dizaineris to var noskaidrot, ir klātienē veikt lietotāja testus un izdarīt secinājumus no viņu jūtām. Identificējot verbālos un neverbālos klupšanas akmeņus, tas izlabo un atkārtojas, lai radītu “labāku” lietotāja pieredzi. Piemērs ir lieliskas uzņemšanas izveide jaunam lietotājam.

“Definējiet mijiedarbības modeļus, lietotāja uzdevumu plūsmu un saskarnes specifiku. Izstrādāt scenārijus, end-to-end mijiedarbību, mijiedarbības modeļus, attīstību grafiskais interfeiss lietotājs. Strādājam ar mūsu radošo direktoru un grafisko dizaineri, lai integrētu Twitter vizuālo pusi funkcionālās īpašības... Ja nepieciešams, izstrādājiet un uzturiet karkasus, maketus un specifikācijas.

UX dizainera izstrādāta lietojumprogrammas ekrāna piemērs
Avots: Kitchenware Pro Kit Wireframe no Neway Lau vietnē Dribbble.

Uzdevums: Ekrāna karkasi, sižetu shēmas, vietas plāns

Instrumenti: Photoshop, Sketch, Illustrator, Fireworks, InVision

Jūs droši vien dzirdējāt no viņa: " Pēc reģistrācijas beigām lietotājam vajadzētu redzēt lapu “Paldies”.

UI dizainers

Atšķirībā no UX dizaineriem, kuri ir nobažījušies par produkta vispārējo uztveri, lietotāja interfeisa dizaineriem ir svarīgi, lai kā produkts izskatās... Viņi ir atbildīgi par katra ekrāna vai lapas noformēšanu, ar kuru lietotājs mijiedarbojas, un nodrošina vizuālo lietotāja interfeisu, ko ir izstrādājis UX dizainers. Piemēram, lietotāja interfeisa dizainers, izveidojot informācijas paneli, var parādīt vairāk svarīga informācija, vai arī izlemj, vai slīdni vai vadības paneli ir visintuitīvāk pievienot grafikam. UI dizainers parasti ir atbildīgs arī par izveidi pilnīgas vadlīnijas pēc dizaina, kas nodrošina saskaņotu dizaina valodu, kas aptver visu produktu. Vizuālo elementu konsekvences saglabāšana un darba virziena noteikšana. Piemēram, kļūdu vai brīdinājumu parādīšana ir lietotāja interfeisa izstrādātāja kompetencē.

“Airbnb.com vizuālās valodas koncepcija un ieviešana. Paplašināta stila rokasgrāmatas izveide.

Līnijas starp UI un UX dizaineru ir diezgan neskaidras, un ļoti bieži uzņēmumi izvēlas šīs lomas apvienot.

UI dizainers nosaka lietojumprogrammas kopējo izskatu un darbību.
Avots: Metro Style Interface 4, ko izveidojis Ionuts Zamfirs vietnē Dribbble.

Instrumenti: Photoshop, Sketch, Illustrator, Fireworks

"Lauki" ievadiet "un" reģistrs "jāpārvieto uz augšējo labo stūri."

Grafiskais dizaineris

"Grafiskie dizaineri strādā pie mazām detaļām, kurām citi nepievērš uzmanību."

Grafiskais dizaineris ir tas, kurš nodarbojas ar grafiku – visticamāk, ka ne-dizaineris jums atbildēs, ja jautāsiet viņam, ar ko nodarbojas dizaineris. Grafiskajiem dizaineriem ir vienalga, kā ekrāni atsaucas viens uz otru, ne arī tas, kā kāds mijiedarbojas ar produktu. Tā vietā viņi koncentrējas uz skaistu ikonu, vadīklu un vizuālo materiālu noformēšanu un piemērota izskata izveidi. Grafiskie dizaineri strādā pie mazām detaļām, kuras citi neredz, un bieži strādā programmā Photoshop ar 4x un 8x palielinājumu.

“Izstrādājiet augstas kvalitātes vizuālos projektus: no koncepcijas līdz izpildei, tostarp galddatoriem, tīmekļa un mobilajām ierīcēm ar dažādas izšķirtspējas(ikonas, grafikas un mārketinga materiāli). Resursu izveide un atkārtošana, kas atspoguļo zīmolu, padara produktu skaistu un iedveš tajā dzīvību.

Arī interfeisa dizaineriem bieži vien ir jādara ne tikai savs darbs, bet arī jāizveido pikseļiem ideāls izkārtojums. Daži uzņēmumi izvēlas neizmantot atsevišķu personu grafiskā dizainera lomai.

Grafiskais dizainers izstrādā, virza un pielāgo katru pikseļu, lai nodrošinātu perfektu gala rezultātu.
Avots: IOS 7 Guide Freebie PSD, ko izveidojis Seevi kargwal vietnē Dribbble.

Instrumenti: Photoshop, Sketch

Jūs droši vien dzirdējāt no viņa:"Samaziniet atzarojumu un pārvietojiet pogu par 1 pikseli pa kreisi!"

Kustību dizainers

Vai atceraties smalko kustību, pavelkot ekrānu, lai atjauninātu iPhone e-pastu? Tas ir kustību dizainera darbs. Atšķirībā no grafiskajiem dizaineriem, kuri mēdz strādāt ar statiskiem objektiem, kustību dizaineri lietojumprogrammā veido animācijas. Viņi tiek galā ar ko saskarne dara pēc tam, kad lietotājs tai pieskaras... Piemēram, viņi izlemj, kā izvēlnei jāslīd, kādus efektus izmantot pārejām un kā tiks nospiesta poga. Ja tas ir izdarīts labi, kustība kļūst par saskarnes neatņemamu sastāvdaļu, nodrošinot vizuālas norādes par produkta lietošanu.

“Zināšanas ir vajadzīgas Grafiskais dizains, kustību dizains, digitālā māksla, krāsu un tipogrāfijas izjūta, vispārēja izpratne par materiāliem / faktūrām un praktiska izpratne par animāciju. Zināšanas iOS programmaparatūra, OS X, Photoshop un Illustrator, kā arī zināšanas par Director (vai līdzvērtīgu), Quartz Composer (vai līdzvērtīgu), 3D datormodelēšanu, kustību grafiku.

Instrumenti: AfterEffects, Core Composer, Flash, Origami

Jūs droši vien dzirdējāt no viņa:"Izvēlnei vajadzētu parādīties no kreisās puses pēc 800 ms."

UX pētnieks

UX pētnieks zina visu par lietotāju vajadzībām.

UX pētnieks zina visu par lietotāju vajadzībām. Pētnieka mērķis ir atbildēt uz diviem galvenajiem jautājumiem: "Kas ir mūsu lietotāji?" un "Ko vēlas mūsu lietotāji?" Parasti tas ietver lietotāju aptaujas, tirgus izpēti un datu analīzi. Dizains ir nepārtrauktas iterācijas process. Pētnieki var palīdzēt šajā procesā, veicot A/B testus, lai noskaidrotu, kura dizaina opcija vislabāk atbilst lietotāju vajadzībām. UX pētnieki mēdz būt lielo uzņēmumu balsts, kur piekļuve lielam datu apjomam sniedz plašas iespējas izdarīt statistiski nozīmīgus secinājumus.

“Cieši sadarbojoties ar izstrādes komandām, lai noteiktu pētniecības tēmas. Pētījuma dizains, kas attiecas gan uz lietotāja darbībām, gan uztveri. Veikt pētījumus, izmantojot un pielietojot dažādas metodes, piemēram, aptaujas.

Termins UX radās 1993. gadā Apple Corporation iekšienē, atšifrējums izklausās kā User eXperience. Pieaugot mobilo ierīču popularitātei, šis jēdziens kļuva moderns un sāka izmantot visur. Taču pat tagad ne visi var droši atbildēt, kas ir UX dizains, kā tas atšķiras no lietotāja interfeisa dizaina un kāpēc šīs lietas bieži tiek pieminētas kopā. Mēs palīdzēsim jums to noskaidrot.

Kas ir UX dizains

Krievu valodā UX dizains ir lietotāja pieredzes dizains. Tas ir viens no pirmajiem soļiem produkta izveidē un kalpo tam, lai aplikācija būtu loģiska, ērta un noderīga. un vietnes nosaka, kādus iespaidus cilvēks gūs no to lietošanas, kā tieši viņš lietos šos produktus.

Kur ir labāk ievietot ieeju savā personīgajā kontā? Cik darbības ir jāveic lietotājam, lai abonētu biļetenu vai veiktu pasūtījumu? Kā viņš zinās, ka operācija bija veiksmīga? Šos jautājumus izlemj UX dizaineris.

UX dizains ietver dažādas sastāvdaļas:

• informācijas arhitektūra;
• interaktīvs dizains;
• lietojamība (produkta vienkāršības, ērtuma un efektivitātes rādītājs lietotāju acīs).

UX dizaineris izprot lietotāju psiholoģiju un emocijas, analizē viņu cerības no produkta un izvirza sasniedzamo mērķi. Pēc tam viņš izvēlas atbilstošos rīkus un izstrādā lietojumprogrammu vai vietnes struktūru, kas atbilst visiem nepieciešamajiem parametriem.

Neapstrādāta ideja par vietni vai lietotni ir kā izjaukta mīkla mūsu birojā. Pēc UX dizainera gribas no šiem gabaliem tiek veidota skaidra struktūra.

Kā UX dizainerim nav vienmuļu uzdevumu, tāpēc dažādos projektos bieži vien ir nepieciešami cilvēki ar dažādu jomu prasmēm. Ir veselas laboratorijas ar jaudīgu tehnisko aprīkojumu, kurās vairāku cilvēku komanda strādā pie pētījumiem. Šādās laboratorijās ir ierīces, kas fiksē lietotāju psihofiziskās reakcijas (piemēram, skatiena kustības un sirdspukstus), veic aptaujas, novēro lietotājus, izmantojot iekļauto un neiekļauto metodi u.c.

Ir svarīgi, lai UX dizaineri spētu:

• veikt lietotāju izpēti;
• izveidot vietņu un lietojumprogrammu karkasus un prototipus. Tas palīdzēs novērtēt, kādā virzienā attīstīt lietojumprogrammu vai vietni. Turklāt prasme zīmēt nebūt nav obligāta prasme mūsdienu UX dizainerim. Ir daudzi prototipu veidošanas rīki, kuros varat izmantot gatavus elementus, lai izveidotu kompetentu interfeisa vizualizāciju (piemēram, Axure, Balsamiq vai UXPin);
• dizaina mijiedarbība, tas ir, iedomājieties, kā tieši cilvēks izmantos produktu. Šim nolūkam tiek izveidotas lietotāju maršrutu kartes pa aplikāciju ekrāniem, interaktīvi vietņu un aplikāciju rāmji ar dažādām dizaina iespējām;
• pārbaudīt produktu;
• veikt analīzi. Izmantojot dažādus rādītājus (piemēram, Webvisor, Hotjar, Mixpanel, UXcam vai Appsee), varēsit saprast, cik efektīvs ir dizains, un uzlabot produktu, pamatojoties uz reāliem datiem.

Vairāk par UX interfeisa dizaina principiem un pamatiem varat lasīt šeit.

Kas ir lietotāja interfeisa dizains

Lietotāja interfeisa dizains jeb UI dizains ir UX dizaina vizuālais iemiesojums. Tās uzdevums ir, izmantojot noteiktus grafiskos risinājumus, padarīt aplikāciju, mājaslapu vai citu produktu intuitīvu, pievilcīgu un maksimāli viegli lietojamu.

UI izstrādātājs ir atbildīgs par to, kā izskatīsies katrs atsevišķs ekrāns vai lapa. Viņa atbildības joma ir grafiskās vadīklas, piemēram, pogas un izvēles rūtiņas, fonti, krāsu shēmas un dažādi vizuālie materiāli.

Kādai vajadzētu izskatīties pogai, lai to būtu viegli noklikšķināt? Kādu fonta lielumu izvēlēties, lai teksts būtu lasāms? Kā formatēt kļūdas ziņojumu, lai tas piesaistītu uzmanību, bet nebūtu kaitinošs? Interfeisu UI dizains palīdz rast atbildes uz šiem jautājumiem.

UI dizaineris savā darbā izmanto dažādus grafiskos redaktorus: Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma

Strādājot pie tā, kā lietojumprogramma izskatīsies sīkrīka ekrānā, lietotāja interfeisa dizainers koncentrējas uz mobilās platformas vadlīnijām - Apple un Google ieteikumu kopumiem, pateicoties kuriem trešo pušu lietojumprogrammas izskatās konsekventi un nemanāmi integrējas kopējā koncepcijā.

Ja izvelkam ļoti vienkāršu analoģiju no dzīves, tad UX dizains ir dzīvokļa plānojums un komunikācijas, bet UI ir tapešu un grīdas seguma izvēle. Taču praksē UX un UI dizains ir savstarpēji cieši saistīti, otrais loģiski seko pirmajam, un nereti ar abiem nodarbojas viens un tas pats cilvēks. Tāpēc robeža starp abiem jēdzieniem ir izplūdusi, un tie ir norādīti kopā.