Ցանկացած դիզայն, անկախ նրանից, թե որքան լավն է, բոլորովին անօգուտ կլինի, եթե այն UX դիզայն չէ: Կան հարյուր հազարավոր ռեսուրսներ, որոնք ստեղծում են խելամիտ ինտերֆեյսի դիզայն և գրաֆիկական դիզայն և օգտվում են անիրական տաղանդով լավագույն մասնագետների ծառայություններից, բայց չեն կարող իրենց արժանի տեղը գրավել ցանցում: Եվ այսքանը, քանի որ կայքի և օգտատերերի միջև փոխազդեցությունը աճում է էքսպոնենցիալ կերպով, ինչը նշանակում է, որ օգտատերից հետադարձ կապ գտնելու համար վեբ դիզայներները պետք է հոգ տանեն օգտատերերի փորձի մասին (UX - User Experience - «interaction experience»): Հենց այս փուլում է, որ օգնության են հասնում UX դիզայնի գործիքները՝ գերազանց առցանց ծառայություններ, որոնք հուշումներ են տալիս դիզայնի վերաբերյալ օգտագործողի միջերեսներդիզայներներ. Նրանց մասին ավելի մանրամասն կխոսենք այս հոդվածում:

Քանի որ դիզայներները պետք է հաշվի առնեն ոչ միայն տարրերի կազմակերպման գեղեցկությունն ու ճիշտությունը, այլև կայքի այցելուների վարքագծի հետ կապված ավելի բարդ գործոնները, նրանք հաճախ դիմում են UX դիզայնի գործիքների օգնությանը, որոնք կարող են օգնել նրանց ավտոմատացնել որոշ առաջադրանքներ կամ զգալիորեն պարզեցնել դրանք կատարելու գործընթացը. Բարեբախտաբար, ինտերֆեյսի ձևավորումն այլևս նոր թեմա չէ, և ինտերնետում կան հարյուրավոր UX դիզայնի գործիքներ: Իհարկե, մենք բոլորը չենք թվարկի։ Ձեզ օգնելու համար մենք ընտրել ենք միայն ամենահետաքրքիր և օգտակար UX նախագծման գործիքներից մի քանիսը` կարճ նկարագրություններով` ցույց տալու դրանց հիմնական բնութագրերը, և թույլ ենք տալիս Ձեզ ընտրել այն, որը ձեզ լավագույնս համապատասխանում է:

UX նախագծման գործիքներ՝ մոդելների և նախատիպերի մոդելավորման և նախագծման համար

Նախատիպավորումը դարձել է անհրաժեշտություն բոլոր դիզայներների համար, ովքեր ցանկանում են հաջողության հասնել UX դիզայնի առջևում և բարելավել օգտատերերի փորձը: Մակետների, մոդելների և նախատիպերի ստեղծումը թույլ է տալիս նրանց փորձարկել ցանկացած գաղափար գործողության մեջ՝ նախքան նախագծում ժամանակ, ջանք և գումար ներդնելը: Այս UX նախագծման գործիքների միջոցով դուք կարող եք փորձարկել ձեր արտադրանքը արտադրության ողջ ընթացքում և կատարել բարելավումներ՝ ձեր թիրախային լսարանի համար օգտատիրոջ ամուր փորձ ստեղծելու համար:

Moqups ինտերֆեյսի նախագծման գործիք

Moqups isana HTML5 հավելվածը նախատեսված է դասավորություններ, մակետներ և նախատիպեր ստեղծելու համար: Moqups-ը տրամադրում է հսկայական քանակությամբ նախապատկերներ և կաղապարներ, որոնք կարող եք օգտագործել ձեր նախագծի հիմքը կառուցելու համար: Դուք կարող եք հարմարեցնել յուրաքանչյուր բաղադրիչ և սահմանել ձեր սեփական գույները, տեքստի չափը, պատկերակները և այլն:

մետաղալար շրջանակ

Սա ևս մեկ գործիք է էջերի կառուցվածքային դիագրամներ ստեղծելու համար (wireframing) հարմար մինիմալիստական ​​ինտերֆեյսով: Գործիքը հեշտ է օգտագործել և ներառում է միայն նվազագույն հատկանիշները, ինչը հնարավորինս հեշտացնում է այն օգտագործելը: Այս գործիքի միջոցով դիագրամների ստեղծումն ունի այն առավելությունը, որ օգտատերերը կարող են հեշտությամբ կիսվել դրանք ուրիշների հետ: Ձեր ստեղծած յուրաքանչյուր դիագրամ կամ մոդել ստանում է իր յուրահատուկ URL-ը, որը կարող եք ուղարկել հաճախորդին կամ թիմի այլ անդամներին:

Մատիտ

Դա գրաֆիկական նախատիպի գործիք է: Քանի որ սա բաց կոդով գործիք է, կարող եք տեղադրել այն ձեր վրա Անհատական ​​համակարգիչև սկսեք ստեղծել գրաֆիկական նախատիպեր նույնիսկ առանց ինտերնետ հասանելիության: Իհարկե, դրանից առաջադեմ առանձնահատկություններ և բարդ ֆունկցիոնալություն պետք չէ սպասել, բայց այն լավ է գլուխ հանում իր հիմնական խնդիրներից:

Բալսամիկ

Չե՞ք ուզում ժամեր ծախսել նախատիպերի վրա: Այս դեպքում պարզապես պետք է փորձել Balsamiq-ը: Դա պարզ է, բայց շատ արդյունավետ, երբ խոսքը վերաբերում է նախատիպերին: Balsamiq-ի միջոցով օգտատերերը կարող են ստեղծել բազմաթիվ դասավորություններ, որոնք կարող են փորձարկվել, և կարելի է ընտրել լավագույն արդյունքը տվողը:

ուժային մոդել

Դուք PowerPoint-ի վարպետ եք: Այնուհետև ձեզ դուր կգա այս գործիքը, քանի որ այն PowerPoint ծրագիրը կվերածի հզոր UX դիզայնի դասավորության գործիքի: Սա նշանակում է, որ դուք ընդհանրապես պետք չէ սովորել նոր ծրագրեր: PowerMockup-ը թույլ է տալիս հատուկ տեխնիկական հմտություններ չունեցող մարդկանց մասնակցել նախագծման և մշակման գործընթացին, ինչը, անշուշտ, նրա հիմնական առավելություններից մեկն է:

ծաղրել գումարած

Mockplus-ն ունի այն ամենը, ինչ ձեզ անհրաժեշտ է ձեր հաջորդ նախագծի համար՝ սկսած գեղեցիկ վիզուալացված փոխազդեցություններից, ներկառուցված 200 բաղադրիչից և 3000 պատկերակներից մինչև իրական ժամանակի համատեղ խմբագրում և իրական սարքերի վրա փորձարկում: UI նախագծման այս գործիքը օգնում է ձեզ արդյունավետ և առանց ջանքերի ձեր գաղափարները վերածել լիովին գործառական նախատիպերի: Բացի այդ, Mockplus դիզայնի գործիքը հավասարակշռություն է օգտագործման հեշտության և ցանկացած նախատիպի տարրեր ստեղծելու համար բարդ գործառույթների առկայության միջև:

UXPin

Փնտրու՞մ եք գործիք, որը թույլ է տալիս ստեղծել ինտերակտիվ նախատիպեր և մոդելներ: UXPin-ը ինտուիտիվ և հեշտ օգտագործման գործիք է: Օգտագործելով այն՝ դուք նույնիսկ կարող եք պատկերացում կազմել այն մասին, թե ինչ տեսք կունենա ապրանքը շարժական սարքերում՝ պարզապես փոխելով բրաուզերի էկրանի չափը:

ամրացնել

Գլիֆի

Gliffy-ը ոչ միայն UX դիզայնի նախատիպային գործիք է. դա շատ ավելին է: Gliffy-ն օգտատերերին թույլ է տալիս ստեղծել ցանցային դիագրամներ, բարդ տեխնիկական գծագրեր, հոսքային գծապատկերներ, UML դիագրամներ և այլն: Դրա ինտուիտիվ հստակ ինտերֆեյսթույլ է տալիս րոպեների ընթացքում ստեղծել դիագրամներ:

POP

A/B փորձարկման գործիքներ

Այս գործիքների հիմքում ընկած գաղափարը էջի երկու տարբերակ ստեղծելն է, այնուհետև փորձարկել դրանք՝ տեսնելու, թե որ տարբերակն է ավելի լավ կատարում: Փոխակերպման տոկոսադրույքները, էջի վրա ծախսված միջին ժամանակը և այլ ցուցանիշները որոշ գործոններ են, որոնք կարող եք օգտագործել վեբ կայքի էջի աշխատանքը գնահատելու համար:

Desinion

Համոզված չե՞ք, որ դուք ստեղծում եք նախագիծ, որն օգտատերերն իսկապես ցանկանում են տեսնել: Այս A/B թեստավորման գործիքի միջոցով կարող եք տալ ձեզ հետաքրքրող ցանկացած հարց և ստանալ իրական պատասխան օգտատերերից: Գործիքը ունի շատ օգտակար հատկություն՝ քննարկում։ Դուք կարող եք քննարկում սկսել ձեր կայքում, որպեսզի օգտվողները ներգրավվեն դիզայնի գործընթացում: Բացի այդ, դուք կարող եք ստեղծել մասնավոր քննարկումներ և դրանք կիսել միայն ընկերների կամ գործընկերների հետ:

Վիզուալ վեբ կայքի օպտիմիզատոր

Դա պարզ, բայց չափազանց հզոր գործիք է, որը թույլ է տալիս կատարել A/B թեստավորում ամենաբարձր մակարդակով: Դրանով դուք կարող եք նաև անցկացնել բազմաչափ թեստավորում և պառակտման թեստավորում: Սեգմենտացված հաշվետվությունները և եկամուտների վերլուծությունը հասանելի կլինեն նաև Visual Website Optimizer-ում:

Օպտիմալ կերպով

Այն A/B թեստավորման հզոր գործիք է, որը թույլ է տալիս օգտատերերին թեստ անցկացնել՝ առանց տեխնիկական մանրամասների մեջ մտնելու և առանց հատուկ հմտությունների անհրաժեշտության: Կոդի բացակայությունը և ամբողջական տեսողական խմբագրումը դարձնում են այն շատ տարածված շուկայավարների շրջանում:

Օգտագործելիության փորձարկման գործիքներ

Երբ խոսքը վերաբերում է լավ UX դիզայն ստեղծելուն, ձեզ կարող են անհրաժեշտ լինել օգտագործելիության փորձարկման գործիքներ, որոնք կօգնեն ձեզ հասկանալ օգտագործողի փորձը և որոշել թիրախային օգտվողների կարիքները և նրանց հոգեբանությունը: Եթե ​​դուք կարողանաք որոշել, թե իրականում ինչ են ուզում այցելուներն ու պոտենցիալ հաճախորդները և այդ գիտելիքների հիման վրա ինտերֆեյս կառուցել, ապա դիզայնը, անկասկած, կտպավորի և կակտիվացնի հանդիսատեսին: Օգտագործելիության փորձարկման UX գործիքներկարելի է բաժանել հեռավոր օգտագործման փորձարկման գործիքների և հետադարձ կապի գործիքների: Այս բաժնում մենք հավաքել ենք երկու լուծումներն էլ, որպեսզի կարողանաք ընտրել, թե որոնք են ձեզ լավագույնս համապատասխանում:

Օղակ 11

Loop11-ը հեշտ օգտագործման փորձարկման գործիք է, որը չի պահանջում HTML կոդի կամ ծրագրավորման լեզուների իմացություն: Գործիքի շրջանակներում կարող եք օգտագործել պատրաստի կաղապարներ կամ ինքներդ թեմա ստեղծել: Բացի այդ, կան մի քանի եղանակներ հրավիրելու մասնակիցներին փորձարկել ձեր նախագծերը: Դուք կարող եք ստեղծել ձեր սեփական ցուցակը օգտվողների հիման վրա սոցիալական ցանցերը, ստեղծել թռուցիկ կայքում՝ հետաքրքրված մարդկանց գտնելու համար: Պարզապես պետք է ստեղծել հարցերի ցանկ կամ ներառել դիզայնի տարբեր տարբերակներ, որոնցից կարող եք ընտրել, այնուհետև հրավեր ուղարկել մարդկանց՝ խնդրելով պատասխանել դրանց: Արդյունքների հիման վրա դուք կարող եք կատարել անհրաժեշտ փոփոխություններ դիզայնում:

Խենթ ձու

Այս գործիքը կօգնի ձեզ ձեր էջն ավելի հարմար դարձնել օգտատերերի համար և մեծացնել ձեր փոխակերպումը` ստեղծելով օգտատերերի ճիշտ փորձ: Այն աշխատում է հետևյալ կերպ. Դուք ներկայացնում եք ձեր դիզայնը, որից հետո օգտագործելիության և օգտագործողի փորձի մասնագետները կվերլուծեն այն և կկիսվեն իրենց մեկնաբանություններով, որոնք կարող եք օգտագործել ձեր կայքը բարելավելու համար:

Օգտագործելիության գործիքներ

Այն UX դիզայնի ամենալայն կիրառվող գործիքներից մեկն է և հսկայական ժողովրդականություն է ձեռք բերել դիզայներների և շուկայագետների շրջանում՝ շնորհիվ իր օգտակար հատկություններ. Այս գործիքը օգնում է վերլուծել կայքի էջերը օգտատիրոջ տեսանկյունից։ Սա վիթխարի առավելություն է դիզայների համար, քանի որ տալիս է կոնկրետ հուշումներ, թե որտեղ և ինչ փոփոխություններ պետք է կատարի դիզայները՝ փոխակերպումները մեծացնելու համար, կամ ինչ տարրեր պետք է տեղափոխվեն, որպեսզի օգտագործողին ստիպեն որոշակի գործողություններ կատարել: Օգտագործելիության այս գործիքը նաև թույլ է տալիս ստանալ կարծիք և կարծիք այն մարդկանցից, ովքեր իրականում օգտագործում են ապրանքը:

appsee

Դա «վերլուծական ծրագիր» է, որն օգտագործվում է հավելվածների օգտատերերի գործունեությանը հետևելու համար։ Այս գործիքը կօգնի ձեզ արժեքավոր տվյալներ ստանալ այն մասին, թե ինչպես են օգտվողները փոխազդում հավելվածի հետ: Այս գործիքի «Օգտատիրոջ ձայնագրման» առանձնահատկությունն ամենատպավորիչն է: Այն գրանցում է օգտատիրոջ գործողությունները և այդպիսով ձեզ տալիս է օգտատիրոջ վարքագծի մեծ պատկերացում: Սա օգտակար գործիք է ձեր հավելվածի ընդհանուր աշխատանքը բարելավելու և փոխարկումները մեծացնելու համար:

Ներկա

Սա օգտվողի վարքագծի հետևման գործիք է, որն օգնում է ձեզ հասկանալ, թե ինչպես է ձեր թիրախային լսարանը դիտում կայքի էջերը: Attensee-ը ձեզ տեսողական ցուցում է տալիս, թե արդյոք մարդիկ նկատում են ձեր կայքի «կարևոր» տարրերը: Սա ուղղակիորեն կապված է դիզայնի հետ, քանի որ եթե գտնում եք, որ զգալի թվով օգտատերեր իրականում չեն կենտրոնանում կարևոր տարրերի վրա, ինչպիսիք են պաստառները, գործողության կանչի կոճակները, հատուկ առաջարկները, Attensee-ն կօգնի ձեզ ուղղել այն:

UserVoice

Սա ևս մեկ հզոր գործիք է, որը թույլ է տալիս դիտել և վերլուծել օգտատերերի տարբեր գործունեությունը, երբ նրանք զննում են ձեր կայքը: Այս գործիքը թույլ է տալիս ուղիղ արձագանք ստանալ իրական օգտվողներև շտկել իրենց առջև ծառացած խնդիրները:

mousestats

Ինչպես ցույց է տալիս այս գործիքի անունը, MouseStats-ն օգնում է հետևել օգտատերերի գործունեությանը մկնիկի միջոցով: Ինչպես հավանաբար գիտեք, մկնիկի շարժումները նմանակում են օգտատերերի աչքերի շարժումներին։ Կուրսորի շարժումներին հետևելը և ոլորելը ձեզ կարևոր հուշումներ կտան այն մասին, թե ինչպես են օգտվողները փոխազդում դիզայնի հետ: Այս գործիքի ամենալավ բանն այն է, որ այն ապահովում է օգտագործողի գործունեության տեսողական ներկայացում և այդպիսով օգնում է կատարել անհրաժեշտ փոփոխությունները:

UX նախագծման գործիքներ նախատիպերի և համատեղ դիզայնի համար

Թիմային աշխատանքն է նախադրյալերբ խոսքը վերաբերում է ձեր թիրախային լսարանի համար լավ UX դիզայն մշակելուն: Եթե ​​դուք սովոր եք աշխատել թիմում, ապա ձեզ հարկավոր է մուտք ունենալ համապատասխան գործիքներ, որոնք կարող են օգնել ձեր թիմի անդամներին արդյունավետ և առանց ջանքերի համագործակցել և անել իրենց առաջարկները: Ստորև բերված են UX նախագծման գործիքներ նախատիպերի և համատեղ ձևավորման համար, որոնք կարող եք օգտակար լինել:

FileSquare

Դա պարզապես համագործակցության գործիք չէ: Այն թույլ է տալիս ստեղծել ինտերակտիվ նախատիպ և միևնույն ժամանակ համագործակցել թիմի այլ անդամների հետ: Կրեատիվ որոշումներ կայացրեք և ստացեք իրական ժամանակի արձագանքներ մարդկանցից:

նոտիզմ

Դուք աշխատում եք վիզուալ բովանդակության վրա և փնտրում եք համագործակցության գործիք: Ապա դուք պետք է Notism. Թիմի հետ շփումը հնարավորինս հարմար դարձնելու համար այն օգտագործում է էսքիզներ և նշումներ: Ծանուցումները գալիս են իրական ժամանակում, այնպես որ կարող եք արձագանք ստանալ գործընկերներից և հաճախորդներից հենց որ ինչ-որ մեկը նշում է դա:

կարմիր գրիչ

RedPen-ի հետ համատեղ դիզայնը և նախատիպավորումը արագ և հեշտ է: Այս UX գործիքը նախատեսված է համատեղ դիզայնի մոդելավորման և նախատիպերի համար: Այն հատուկ նախագծված է գրաֆիկական բովանդակության հետ համատեղ աշխատանքը հեշտացնելու համար: Հետադարձ կապի փոխանակումը շատ պարզ է. տարրերից որևէ մեկը ընդգծելու և նշում թողնելու համար օգտագործողը պարզապես պետք է սավառնի դրա վրա: Դրանից հետո հայտնվում է փոքրիկ տեքստային դաշտ, որտեղ կարող եք թողնել ձեր կարծիքը:

հուշագրություն

Memosort-ի շնորհիվ հեռավորությունն այլևս խոչընդոտ չի լինի: Այս զարմանալի գործիքը համատեղ դիզայնի լավագույն գործիքներից մեկն է: Դա կօգնի ձեզ կապվել թիմի հետ և համագործակցել իրական ժամանակում: Memosort-ի բոլոր նշումները պահվում են ինքնաբերաբար, այնպես որ դուք պետք չէ անհանգստանալ, որ որոշները լավ միտքկամ առաջարկը կարող է կորչել:

Տրելլո

Մոռացեք երկար ու ձանձրալի նամակներ, Trello-ն այստեղ է՝ պարզեցնելու համագործակցության գործընթացը և բարելավելու թիմային հաղորդակցությունը: Այս գործիքի առավելությունն այն է, որ այն անվճար է: Trello գործիքի ներսում կան տարբեր նախագծեր նշանակող հատուկ քարտեր: Նախագծին մարդկանց ավելացնելու համար ընդամենը պետք է այն քաշել համապատասխան քարտեզի վրա: Գործիքը նույնպես թարմացվում է իրական ժամանակում:

տեսլականը

Դա համագործակցության և նախատիպային գործիքի հետաքրքիր համադրություն է: Դրանով դուք կարող եք ստեղծել ինտերակտիվ նախատիպեր և մոդելներ: Invision-ի հետ հնարավոր է իրական ժամանակում փոխազդեցություն: Ձեզ անհրաժեշտ է միայն դիզայնի հղում ուղարկել թիմի մյուս անդամներին, և նրանք նույնպես կարող են աշխատել դրա վրա և առաջարկություններ անել:

Ամփոփելով

Այսպիսով, սրանք UX դիզայնի մի քանի գործիքներ են, որոնք օգնում են վեբ դիզայներներին ստեղծել հաջողակ առցանց նախագծերինքնուրույն և թիմում, ինչպես նաև տեղեկություններ հավաքել օգտատերերի փորձի մասին՝ ինքնակատարելագործման նպատակով: Եթե ​​դուք գիտեք որեւէ այլ օգտակար գործիքներ, որը մոռացել էինք նշել - անպայման գրեք այդ մասին մեկնաբանություններում։

Եթե ​​ցանկանում եք զարգանալ դիզայնի ոլորտում, ապա, իհարկե, պետք է անընդհատ կատարելագործել ձեր հմտությունները, տեղյակ լինել միտումներին և իմանալ ժամանակակից դիզայնի պահանջները, ինչպես նաև հատուկ տերմինները: Այդպիսի տերմիններից է UX/UI դիզայնը:

Իրականում, երբ երկու տարի առաջ ես պետք է իմանայի, թե ինչ են «շաբաթները» և «wee»-ները, ես պետք է մանրակրկիտ փորփրեի, մինչև հասկանայի, թե դա ինչ է և ինչով է տարբերվում մեկը մյուսից: Այս մասին շատ է գրվել և միևնույն ժամանակ միշտ չէ, որ պարզ է։ Հետևաբար, ես առաջարկում եմ այս հասկացությունները միասին հասկանալ:

Սկսենք UX-ից: UX-ը հապավում է Օգտվողի փորձ, որը բառացիորեն թարգմանվում է որպես «օգտագործողի փորձ»: Որքանով է մտածված UX դիզայնը, օրինակ՝ կայքի, այնքան ավելի հարմար է օգտատիրոջը որոնել անհրաժեշտ տեղեկատվությունկամ շփվել դրա հետ: Այլ կերպ ասած, UX դիզայնի խնդիրն է լուծել գործիքի կամ ռեսուրսի ֆունկցիոնալության և հարմարության խնդիրները:

Ի դեպ, հայեցակարգը վերաբերում է ոչ միայն ՏՏ ոլորտին, այլ իրականում ցանկացած այլ ոլորտի։ Կարելի է ասել, որ գնդիկավոր գրիչի UX ձևավորումն այն է, թե որքան լավ է այն գրում, որքան գրելու մածուկ է բավարար, արդյոք այն օգնում է ճիշտ ձեռագիր ձևավորել, հարմար է տեղափոխման համար, պաշտպանիչ գլխարկով, թե ավտոմատ... ընդհանուր առմամբ, թե որքանով է արտադրանքը լուծում այն ​​խնդիրը, որի համար նախատեսված է, և միևնույն ժամանակ կարևոր է, թե որքանով է հասկանալի օգտագործողին:

Օգտագործողը պետք է հարմարավետ լինի և հասկանա ամեն ինչ

Ինչ վերաբերում է UI դիզայնին, այս դեպքըհամար կարճ է օգտագործողի ինտերֆեյս, կրկին բառացիորեն՝ «օգտատիրոջ միջերես»։ Դիզայնի այս տեսակը որոշում է տարրերի գույնը, ձևը, չափը և դասավորությունը, անունները և տառաչափերը: Այսինքն՝ UI-ն վիզուալ բաղադրիչ է, որի խնդիրն է, եթե ցանկանում եք, շեշտադրումներ տեղադրելն ու կայքի կամ ապրանքի որոշ տարրեր ընդգծելն է։ Այսինքն՝ արտադրանքը կամ ռեսուրսը դարձնել հաճելի ընթերցանության և ինտուիտիվ օգտագործման համար: Օրինակ, տեքստի ընկալումը կախված է նրանից, թե ինչպես է այն բաժանվում պարբերությունների, տառատեսակի չափի և տեսակի, վերնագրերի և նկարազարդումների առկայությունից և տեքստը շրջապատող տարածությունից:

Տարբերությունները UX-ի և UI դիզայնի միջև

Չնայած այս երկու հասկացությունների ակնհայտ նմանությանը, նրանք կատարում են տարբեր գործառույթներ, միաժամանակ լինելով գրեթե ցանկացած նախագծի անբաժանելի մասը։ Դիզայնի այս տեսակների միջև եղած տարբերությունները ավելի լավ հասկանալու համար հաշվի առեք օրինակ՝ Yandex որոնման արդյունքները:

Ներքին կառուցվածք, հիերարխիա, հսկայական քանակություն լրացուցիչ ծառայություններ (Ուղղակի, Չափումներ, wordstatև այլն) UX է: Բայց, օրինակ, այն, որ հղումները, որոնց դուք արդեն հետևել եք, ընդգծված են այլ գույնով. սա UI-ն է: Այն նաև վերաբերում է այն UI-ին, որ կայքը ունի մաքուր Սպիտակ ֆոն, որոնման արդյունքների միջև ընկած հատվածները, որոնք բավարար են հարմարավետ ընկալման համար, ֆավիկոն, ինչպես նաև ցանկացած պահի կայքի վերին աջ անկյունում փոստին մուտք գործելու հնարավորություն:

UX դիզայներմտածում է, թե ինչպես է օգտատերը փոխազդում համակարգի հետ, որպեսզի այն համապատասխանի իր ակնկալիքներին: UI դիզայներմտածում է այն մասին, թե ինչպիսի տեսք պետք է ունենա՝ սրբապատկերներ, նկարներ, տառատեսակ, գունային կոմպոզիցիա, ընդհանրապես ընկալման հարմարություն: Եվ բավականին հաճախ նույն մարդը ներգրավված է այս առաջադրանքում, ուստի UI-ն և UX-ը հաճախ գրվում են դիզայների թափուր աշխատատեղում /-ի միջոցով:

Հայեցակարգերը տարբեր են, բայց նրանց նմանությունն այն է, որ դրանք ուղղված են օգտատիրոջ հարմարավետության ապահովմանը։

Դիմումներ

Ինչպես նշվեց վերևում, UI և UX տերմինները կիրառելի են ոչ միայն ՏՏ ոլորտի համար: Իրականում դրանք ի հայտ եկան առաջին արտադրանքի ստեղծմանն պես։ Դա շատ վաղուց է։ Օրինակ, կարելի է համարել UX դիզայնի առաջին բեկումներից մեկը անիվ.

Տերմինների վերջին ի հայտ գալը, ուղղագրության և շրջանակի նմանությունները հաճախ ապակողմնորոշիչ են: Որպես իմ բլոգի մաս՝ ես ավելի մեծ ուշադրություն կդարձնեմ զարգացմանը վերաբերող թեմաներին վեբ ինտերֆեյսներ և կոմերցիոն դիզայն.

UX/UI դիզայնի խնդիրները հասկանալու համար բավական չէ մեկ անգամ կարդալ դասագիրք կամ մի քանի հոդված, հասկանալ հիմունքները և ավարտել մի քանի նախագիծ: Վեբ դիզայնի ոլորտը փոխվում և զարգանում է գրեթե ամեն օր, ուստի պահանջները փոխվում են և ինչ « երեկ«Թրենդում էր» այսօր» այլևս comme il faut չէ:

Ինչպես իմանալ, արդյոք ձեր դիզայնը ճիշտ է

Եթե ​​մենք խոսում ենք վաճառքի առաջադրանքի մասին, ապա UX դիզայնի «ճիշտությունը» ստուգվում է. A/B թեստավորում կամ ֆոկուս խմբեր. Սա թույլ է տալիս տեսնել, թե որքան հարմար, հասկանալի և հարմար ինտերֆեյս: Օրինակ՝ ֆոկուս խմբի բոլոր անդամներին առաջադրանք է տրվում կայքում գտնել կոնկրետ բաժին կամ գրանցվել: Թե որքան արագ են նրանք դա անում, շատ բան է խոսում UX դիզայնի որակի մասին:

UI դիզայնի հայեցակարգը, այս դեպքում, ավելի սուբյեկտիվ է, քանի որ այն հաճախ կախված է օգտատիրոջ հավակնոտությունից և ճաշակից: Իսկ այն, ինչ մեկին գեղեցիկ է թվում, մյուսի աչքերը ցավում է։ Այնուամենայնիվ, կան ընդհանուր ուղեցույցներ (բլոկի հստակ դասավորություն, տեքստ, որը հակադրվում է ֆոնին, ընդգծում կամ ընդգծում է սեղմվող տարրերը և այլն), որոնց պետք է հետևեն բոլորը, ովքեր ներգրավված են թվային արտադրանքի նախագծման մեջ:

Գրեք մեկնաբանություններումՍտորև ներկայացնում ենք Ձեր կարծիքը, թե արդյոք ինձ հաջողվել է բացահայտել, և եթե ոչ, ապա ինչ պետք է ավելացնեմ դրան։

Ամեն ինչ կախված է տատիկի պոմպային աստիճանից: Եթե ​​տատիկը UX/UI դիզայներ է, ապա, ամենայն հավանականությամբ, պարզեցնող փոխաբերություններ չեն պահանջվում։ Ավելի քիչ հետաքրքրասեր տատիկի համար սա կարող է պատրվակ լինել. «Ես զբաղվում եմ բջջային և առցանց հավելվածներով»։ Եթե ​​փորձենք սովորական տատիկի համար հասկանալի բառերից սահմանում տալ՝ իմաստն արտացոլելով հնարավորինս սեղմ և մոտիկից, ապա դա կլինի. «Ես զբաղվում եմ թվային ծառայությունների (UX) որակի բարելավմամբ՝ ներառյալ կետերի, ալիքների նախագծում։ այս ծառայությունները (UI) ստանալու համար»:

Տատյանա Պչելինցևա, BHSAD-ի UX/UI Design դասընթացի շրջանավարտ

«Տատիկիս... Պարզվեց, որ նույնիսկ հայրս մինչև վերջերս չէր հասկանում, թե ինչ եմ անում։ Զավեշտալի դեպք է տեղի ունեցել. Հայրիկը հարցրեց, թե ում համար եմ սովորում: Ես պատասխանեցի, որ մենք թվային արտադրանք ենք պատրաստում՝ բարելավելով օգտատերերի փորձը։ (Դադար) «Պանիր վաճառու՞մ եք ինտերնետով»: Ինչու հենց պանիր, ես դեռ չեմ հասկանում, բայց ես շատ տպավորված էի: Ես ստիպված էի ասել, որ մեզանից յուրաքանչյուրը UX դիզայներ է։

Ծնողները վերջերս բնակարանում վերանորոգեցին, այն դասավորեցին իրենց կարիքներին համապատասխան. պատի դարակներ այն բարձրության վրա, որով մայրիկին հարմար կլիներ գրքեր դասավորել, բազմոցը հեռուստացույցից այնպիսի հեռավորության վրա է, որ դրա ազդեցությունն աչքերի վրա է: նվազագույն, սուրճի մեքենան միշտ աչքի ընկնող տեղում է: UX դիզայները նույնպես նախագծում է, բայց ոչ այնքան իր, որքան ուրիշի փորձը.

Դենիս Ուշակով, BHSAD շրջանավարտ

«Ամենադժվար բանը, ինչ անում եմ, տատիկիս բացատրելն էր, ով «ապրանքի դիզայն» արտահայտությունն ընկալում է որպես մթերային խանութի հետ կապված մի բան և անընդհատ հարցնում է, թե ինչ ապրանքների հետ եմ աշխատում: :)

Բայց ընդհանուր առմամբ, և՛ տատիկի, և՛ ծնողների համար մեքենայի ղեկի օրինակով բացատրությունը բավականին հարմար է. UX դիզայնը բացատրում է մեքենայի ղեկի գտնվելու վայրը, իսկ UI-ն՝ բացատրում է դա: տեսքը».

Որպես օրինակ՝ այս տարվա մեր ուսանողների ավարտական ​​նախագծերից մեկը Tele2-ի թվային ցուցափեղկն է։ Սա Tele2 խանութների ինքնասպասարկման կրպակն է, որը թույլ է տալիս ինքներդ ստանալ անհրաժեշտ ծառայությունները և խնայել ժամանակը։ Դասընթացի ուսանողների առջեւ խնդիր էր դրվել վերամշակել թվային ցուցափեղկի UX-ն ու UI-ն այնպես, որ այս ծառայությունը դարձնի հարմարավետ, մեծացնի փոխակերպումը և «թվայնացնի» կապը բաժանորդների և բջջային օպերատորի միջև:

BHSAD UX/UI Design դասընթացի ուսանողների նախագիծ Tele2-ի համար. թվային ցուցափեղկ Tele2-ի համար

Դիզայներները մտածել են ինչպես խանութի ցուցափեղկի գործառույթների ցանկը, այնպես էլ դրանց հաջորդականությունը, էկրանին նավիգացիայի գտնվելու վայրը, այս ծառայությունը ստանալու քայլերը: Դա արդյունավետ անելու համար բավական չէ միայն էկրանը նկարելը, այն ամենը մշակվել է հետազոտության, փորձարկման և արտադրանքի նախագծման այլ գործիքների հիման վրա, որոնք պետք է ունենա UX/UI դիզայները:

2. Որո՞նք են իդեալական UX/UI դիզայների իրավասությունները:

«Օգտագործողի փորձի ձևավորում» (UXD) տերմինի առաջացման պահին «ինտերֆեյսի ձևավորում» (UID) տերմինն արդեն գոյություն ուներ և ուներ արտեֆակտների հստակ կայուն ցուցակ՝ թվային արտադրանքի ինտերֆեյսի դիզայների աշխատանքի այն արդյունքները, որոնք. հնարավորություն տվեց ստեղծել ինտերֆեյս՝ պատկերակներ, կոճակներ, մակետներ, UI հավաքածու, տառատեսակների հետ աշխատելը, ցանցերը, նկարազարդումների ստեղծումը և այլն։

Թվային լուծումների մշակման մեջ UXD իրավասությունների ներդրումը առաջացրել է UX դիզայներների մի խումբ, ովքեր այս գործընթացին ավելացրել են նոր արտեֆակտներ՝ կապված ծառայությունների նախագծման ավելի գիտական ​​և չափիչ մոտեցման հետ. վերլուծություն. Դա նման է կահույքի դիզայներին, որն աշխատում է էրգոնոմիստի հետ՝ ստեղծելով ոչ միայն գեղեցիկ և ամուր, այլև ավելի հարմարավետ աթոռներ:

Ճկունության գալուստով ծրագրային ապահովում(Agile, Scrum), թիմերում բարձր մասնագիտացված փորձագետների թիվը սկսում է նվազել յուրաքանչյուր մասնակցի իրավասությունների քանակի ավելացման պատճառով: Արագաշարժ արտադրանքի թիմերում անմիջապես պարզ է դառնում, որ UX-ի և UI-ի պարտականությունների տարանջատումը մեծացնում է զարգացման ժամանակը, քանի որ դիզայներների միջև աշխատանքի «ընդունման» պահանջները անընդհատ փոխվում և աճում են: Ի վերջո, դիզայներներից մեկը կարող է հիվանդանալ, հետո ամբողջ գործը վեր է կենում։ Հետևաբար, արտադրանքի թիմերը նախընտրում են հավաքագրել UX/UI դիզայներներ, որոնք համատեղում են, թեև երբեմն մակերեսորեն, և՛ UXD, և՛ UID իրավասությունները, քան երկու խորը փորձագետներ:

UX/UI դիզայների իրավասությունների համադրություն

Որքա՞ն են վաստակում այս դիզայներները: Այս հարցին առավել ճշգրիտ կպատասխանի hh.ru-ն։ Ծառայության համաձայն՝ այսօր ընկերությունները պատրաստ են UX/UI դիզայներներին առաջարկել ամսական 70-ից 200 հազար և ավելի:

Դուք կարող եք կառուցել ձեր հետագիծը տարբերից ելակետերբայց, իհարկե, եթե դուք սկսեք որպես գրաֆիկական դիզայներ, ծրագրային ապահովման մշակող, թվային բիզնեսի վերլուծաբան, սոցիալական կամ հոգեբանական հետազոտող, ապա այս հետագիծն ավելի կարճ կլինի, իսկ ճանապարհն ավելի արագ: Դիզայնի թիմերն ունեն փոխլրացման, փոխադարձ ուսուցման տարր: Այս գործընթացի արդյունավետության համար կազմվում են այսպես կոչված «աստղային քարտեզներ», որտեղ նշվում է տարբեր իրավասությունների տիրապետման աստիճանը։ Եվ, օրինակ, եթե դիզայները չգիտի անիմացիան, ապա նրան տեղափոխում են թիմ, որտեղ այս հմտությունը զարգանում է։ Ահա թե ինչպես ենք մենք վերաբերվում մեր ուսանողներին, միայն ռոտացիա է տեղի ունենում յուրաքանչյուր մոդուլի վերջում:

Դարիա Սալնիկովա, UX/UI դիզայներ Tele2-ում

«Մինչ Բրիտանիայում սովորելը ես աշխատում էի որպես գրաֆիկական դիզայներ, կային նախագծեր վեբ ծառայությունների վերաբերյալ, բայց ինչ-որ պահի ինձ դուր չեկավ, որ ես ապրանքին միանում եմ միայն վերջին փուլում, երբ այլևս չեմ կարող ազդել դրա վրա։ օգտագործելիություն. Այսինքն՝ նկարում ես կոճակներ, սրբապատկերներ, դասավորում դրանք ըստ տեխնիկական առաջադրանքի, նույնիսկ եթե ներքուստ հասկանում ես, որ դա անհարմար կլինի կամ չի լուծի խնդիրը։

Հետևաբար, ես որոշեցի խորանալ UX / UI դիզայնի մեջ, հասկանալ, թե ինչպես է արտադրանքը մշակվում զրոյից, հետազոտություններ են իրականացվում, օգտագործողը ուսումնասիրվում է, նրա առաջադրանքները և վարքագիծը: և ինչպես է այս ամենն արտացոլվում ինտերֆեյսում: Սկզբում ներածական առցանց դասընթաց անցա AIC-ից, հետո պրակտիկա անցա Բրիտանիայում: Golden Crown-ի և Mail.Ru-ի համար մի քանի վերապատրաստման նախագծերից հետո ես աշխատանք ստացա որպես UX / UI դիզայներ Tele2-ում: Բացի պորտֆոլիոյից, կարևոր էր, թե ինչպես կարող եմ աշխատել թիմում, ինչ դերեր եմ ստանձնել այս նախագծերում, ինչ խնդիրներ, բացի ինտերֆեյսներից, կարող եմ լուծել այլ փափուկ հմտություններ:

Այժմ ես աշխատում եմ Tele2-ի հաճախորդների հավատարմության համակարգի վրա: Եվ սա բոլորովին այլ է՝ մենք աշխատում ենք վերլուծաբանների հետ, և երբ խոսքը վերաբերում է UI-ին, ես արդեն կարող եմ վիճարկել ինտերֆեյսի յուրաքանչյուր տարրի գտնվելու վայրը, ձևը, գույնը: Կուրսում մենք ունեինք տղաներ, ովքեր դիզայնի ոլորտից չէին եկել (մարքեթոլոգ, մենեջեր, մշակող): Դասընթացի ընթացքում նրանք տիրապետեցին նախատիպային գործիքներին, սովորեցին ինտերֆեյսի որոշ տարրեր պատրաստել: Հասկանալի է, որ նրանք չունեն նույն դիզայներական ֆոնը, ինչ գրաֆիկական դիզայներները։ Բայց դա այնքան հիանալի է, երբ նույնիսկ մենեջերները կամ ծրագրավորողները հասկանում են դիզայնը, կարող են նախատիպ պատրաստել, շտկել պաստառ, պատկերակ և ընդհանրապես սկսում են հասկանալ, որ դիզայնը մեծ աշխատանք է:

Դմիտրի Էրշով, պետ ամպային ծառայություններ, ՄեգաԼաբս ԲԲԸ

«MegaLabs-ն ունի մի քանի թիմեր, որոնց մեջ բաշխված են MegaFon-ի արտադրանքը։ Օրինակ, մենք ներկայումս փնտրում ենք դիզայներներ MegaFon.Bank և MegaFon.TV թիմերի համար: Երբ ես արդեն նայել եմ պորտֆոլիոն և շփվել UX/UI մասնագետի հետ, ես նախ ստուգում եմ տեսության իմ գիտելիքները՝ կոմպոզիցիա, տպագրություն, գունավորում: Ես մի քանի հարց եմ տալիս յուրաքանչյուր թեմայի համար, և եթե դիզայները պատասխանում է «ես այդպես եմ տեսնում», անմիջապես մինուս 1 միավոր: Բայց եթե, օրինակ, նա առաջարկում է գույն ընտրել՝ օգտագործելով եռյակային սխեմա, պարզ է դառնում, որ նա ծանոթ է գունավորման հիմունքներին։

Երբ տեսությունը փորձարկվում է, ես պարզում եմ, թե Ջես Գարեթի մոդելի համաձայն UX-ի հինգ մակարդակներից որն է ամենաշատը «պոմպված» թեկնածուի մեջ, և կախված մակարդակից ես տալիս եմ մի քանի առաջադրանքներ։ MegaFon-ի արտադրանքի դիզայներներն այն մարդիկ են, ովքեր ստեղծում են ինտերֆեյսներ՝ հիմնվելով ընկերության հաճախորդների նպատակների և կարիքների վրա: Նախապատվությունը տրվում է խնդիրներին ըմբռնողներին և տեղում մի քանի լուծում առաջարկողներին։

Զարգացման հարցերը նույնպես միշտ տրվում են հարցազրույցի ժամանակ: Ես սովորաբար ցույց եմ տալիս մի քանի կայքեր և հարցնում եմ, թե քանի սյունակ կա ցանցում, կամ որն է տարբերությունը JS-ի և CSS-ի միջև: Դիզայները պետք է կարողանա բացատրել այս ամենը, որպեսզի իր գաղափարները «փաթեթավորի» մշակողների համար հասկանալի լեզվով»։

3. Դժվա՞ր է աշխատանք գտնելը:

Մի կողմից՝ ոլորտը նման մասնագետների պակաս է զգում և պատրաստ է շատ վճարել, մյուս կողմից՝ շատ դիզայներներ այժմ աշխատանք են փնտրում և երկար ժամանակ չեն կարողանում արժանապատիվ աշխատանք գտնել։ Ո՞րն է երկուսի խնդիրը:

Առաջին հերթին պետք է փոխել ձեր մտածողությունը։ «Ինչպես պատրաստել գեղեցիկ պորտֆելի էկրաններ» մինչև «ինչպես մարդկանց ավելի երջանիկ դարձնել ապրանքի հետ շփվելուց հետո»: Կարող է պարզվել, որ դուք ընդհանրապես պետք չէ էկրաններ նկարել, և մարդիկ շնորհակալություն կհայտնեն ձեզ դրա համար: Այս արտեֆակտները ստեղծելու համար օգտագործվում են նախագծման իրական գործիքներ և մեթոդոլոգիաներ՝ դիզայնի մտածողություն, Օգտագործողի պատմությունների քարտեզագրում, օգտվողի հոսքի քարտեզագրում, հաճախորդի ճամփորդության քարտեզագրում, պառակտման թեստավորում, օգտագործման հնարավորության թեստավորում, քանակական հետազոտություն և շատ ուրիշներ: Թեև երբեմն սխալ ճանապարհով կարող եք ճիշտ արդյունքների հասնել: Իրավիճակը նոր մասնագիտությունների շուկայում անկայուն է, այժմ սա բավականին տարածված և եկամտաբեր զբաղմունք է, բայց պահանջարկը ստեղծում է առաջարկ։

Եվգենի Զասիմենկո, BHSAD շրջանավարտ, Avito-ի արտադրանքի դիզայներ

«Դասընթացի ավարտից մի քանի ամիս առաջ սկսեցի աշխատանք փնտրել որպես ապրանքների դիզայներ։ Չի կարելի ասել, որ շատ ակտիվ է, բայց Ավիտոն ինձ դուր եկավ, երբ այնտեղ էինք բրիտանացիներից էքսկուրսիայի ժամանակ։ Աշխատանքի ընդունման գործընթացը բավականին ստանդարտ էր դիզայնի ոլորտի համար. պորտֆելի վերանայում, թեստային առաջադրանք, երկու հարցազրույց, և ես առաջարկ ստացա:

Արտադրանքի զարգացումն առաջին հերթին և ամենակարևորն է թիմային աշխատանքորին դիզայները պետք է հենց սկզբից մասնակցի և գծի ինտերֆեյսներ՝ հիմնված չափումների և հետազոտությունների վրա, կարողանա նախատիպեր ստեղծել թեստերի համար, աշխատել մշակողների հետ և, որ ամենակարևորն է, պետք է օգնի հասնել ընդհանուր նպատակին:

Ընկերությունների գործընթացները, որոնք պահանջում են արտադրանքի դիզայներ, բարձրացնում են մուտքի նշաձողը. բացի նախագծային գործիքները հասկանալուց, նրանք նաև պահանջում են դրանք օգտագործելու գործնական փորձ, ինչպես նաև թիմում աշխատելու ունակություն: Հետևաբար, ի լրումն համապատասխան գործիքների և մեթոդաբանությունների, մենք մեր ուսանողներին տալիս ենք իրական գործեր խոշոր բրենդներից և համատեղում դրանք խաչաձև ֆունկցիոնալ թիմերի մեջ:

Այս տարվա ընթացքում մեզ հաջողվեց իրականացնել շուրջ 20 նախագիծ տարբեր տեսակի ընկերությունների համար՝ սպասվող ֆինտեխից՝ Alfa-Bank, MTS, MegaFon, մինչև գյուղատնտեսական տեխնոլոգիաների ոլորտի ստարտափներ։ Շատ ուսանողներ կարողացան աշխատանք գտնել՝ հետևելով նախագծերի պաշտպանության արդյունքներին այն ընկերություններում, որոնց համար նրանք կատարել են նախագիծը, քանի որ հաճախորդները տեսնում են իրենց կարողությունները և գործնական փորձը գործընթացում:

Դենիս Ուշակով, BHSAD շրջանավարտ

«Մեր նախագիծն էր մշակել AgroClick բջջային հավելվածը Exact Farming-ի համար: Սկաուտական ​​ագրոնոմ հավելվածն օգնում է նրան պահել իր բույսերի բոլոր տվյալները մեկ տեղում, կազմակերպել դրանք և արագ տարածել դրանք: Լուծման էությունը կայանում է նրանում, որ արագացնել կապը հետախույզ գյուղատնտեսի միջև, ով ամբողջ օրը դաշտում է և հավաքում է մշակաբույսերի մասին տեղեկատվություն, և մասնագետ գյուղատնտեսի, որը գրասենյակում առանցքային որոշումներ է կայացնում, օրինակ՝ թունաքիմիկատների գնման վերաբերյալ:

Այժմ ես շարունակում եմ աշխատել նախագծի վրա որպես արտադրանքի դիզայներ արդեն այս ընկերության անձնակազմում: Հաճախորդն ինքն է ինձ առաջարկել ապրանքի դիզայների պաշտոն, քանի որ նրանք արդեն տեսել են, թե ինչի եմ ընդունակ, մենք միասին աշխատելու փորձ ունեինք։ Ինձ թվում է, որ գրեթե բոլոր համադասարանցիները մինչև ուսման ավարտը աշխատանք ստացան UX / UI-ի հետ կապված այնպիսի ընկերություններում, ինչպիսիք են Raiffeisenbank-ը, Sberbank Technologies-ը, Tele2-ը, Mail.ru-ն, IBM Russia-ն և այլն:

4. Առաջիկա 5 տարիներին նման մասնագետների պահանջարկը կշարունակի՞ աճել։

Հաշվի առնելով այն հանգամանքը, որ տարբեր ընկերությունների բիզնեսները՝ բանկերից մինչև ռեստորաններ, թվայնացվում են, մենք կարող ենք ակնկալել ներքին զարգացման աճ և անցում պատվերով պատրաստված արտադրանքի ռելսերին: Հետևաբար, UX/UI դիզայներների կարիքը մեծ կլինի: Ես չեմ կարող ոսկու լեռներ խոստանալ, քանի որ նոր մասնագիտությունների շուկան ավելի ու ավելի արագ է հարմարվում պահանջարկին, ինչպես դա եղավ մեծ տվյալների մասնագետների դեպքում, մեքենայական ուսուցում, բլոկչեյն և այլ ոլորտներ, բայց կրթված արտադրանքի դիզայներ հետ լավ պորտֆոլիոև փորձը այժմ թանկ է և պահանջված ամբողջ աշխարհում:

«Կարծում եմ, որ այստեղ իմաստը ոչ այնքան «UX / UI դիզայն» անվանման մեջ է, որքան ֆունկցիոնալության և պատասխանատվության մեջ: Պահանջարկը, իհարկե, չի ընկնի, բայց ո՞ւմ համար։ Ալիքներ են նկատվում. սկզբում բոլորը գեներալիստ էին փնտրում՝ դիզայներ-դասավորող-պատճենահանող։ Դա պայմանավորված էր նրանով, որ ընկերությունները կա՛մ դրա համար գումար չունեին, կա՛մ չէին հասկանում, թե ինչու պետք է դրանք ծախսեն դիզայներների վրա։ Այնուհետև սկսվեց UX հիպը, հայտնվեցին ներքին հետազոտությունների և դիզայնի բաժինները, և սկսեցին կիրառվել ոչ այնքան կոճակի գաղափարը, որքան օգտագործողի փորձը: Սկսեցինք խաղալ թեստավորում, դիզայն մտածողություն, աչքի թրեքերներ։ Մենք սկսեցինք մտածել ոչ թե էկրանների, այլ գործընթացների մեջ։

Կարծում եմ, որ հաջորդ ալիքը կկենտրոնանա UX-ի հիմնական հասկացությունների և սկզբունքների իրազեկման և ներդրման վրա բոլոր մասնագիտություններում, որոնք ներգրավված են արտադրանքի ստեղծման մեջ: Այսինքն՝ պահանջարկ կունենան այն մասնագետները, ովքեր ԴՆԹ մակարդակում հասկանում են հետազոտության սկզբունքները, օգտագործողների և գործընթացների վերլուծության հիմնական մեթոդները և փորձի նախագծումը: Եվ դա չի բացառում դիզայնի բարձր հմտությունները։ Ես հավատում եմ դիզայներական կոմպետենտության աճին, քանի որ դիզայները լավն է, բայց ոչ ոք չի չեղարկել գեղեցկության զգացումը բառի լայն իմաստով»։

5. Ինչպե՞ս է UX/UI դիզայների աշխատանքը ազդում առօրյա կյանքի վրա:

Եթե ​​ընդունենք, որ գրեթե այն ամենը, ինչ մենք օգտագործում ենք, հորինել են դիզայներները, ապա գրեթե բոլոր զանգվածային թվային ծառայությունները՝ բջջային կայքեր, վեբ ծառայություններ և այլն, այժմ հորինված են թվային արտադրանքի դիզայներների կողմից: Բանկային հավելվածներ, հեռահաղորդակցության օպերատորների ծառայություններ, էլեկտրոնային առևտուր, ծանոթությունների ծառայություններ: , աշխարհագրական տեղաբաշխում և տեղեկատվական ծառայություններ... Դուք կարող եք երկար շարունակել՝ ավելի հեշտ է բացել աշխատասեղանը Բջջային հեռախոսկամ նոութբուքի աշխատասեղան և թերթել տեղադրված հավելվածներ. Սրանք բոլորը թվային արտադրանք են, որոնց տրամաբանական և վիզուալ բաղադրիչների վրա աշխատում են UX/UI դիզայներները։

BHSAD UX/UI Design դասընթացի ուսանողների նախագիծ MTS-ի համար. շարժական ուղեցույց ՄՏՍ-ի աշխատակիցների հարմարվելու և զարգացման համար

Աշխատանքը կարող է տատանվել բոլորովին նոր արտադրանքի ստեղծումից մինչև առկա ծառայությունների թվայնացում: Օրինակ, մեր ուսանողները ՄՏՍ-ի համար պատյան են պատրաստել՝ բջջային ուղեցույց նոր աշխատակիցների հարմարեցման և նրանց զարգացման համար gamingification համակարգով և այլ գործառույթներով: Միշտ եղել է հարմարվողականության համակարգ՝ ստանդարտ կադրային բաժնից մինչև կադրային ծառայություններ և մենթորական համակարգ, բայց թվային լուծումն է նոր բան: Այն ավելի ճկուն է, արդյունավետ և թույլ է տալիս մեկ ծառայության միջոցով լուծել ընկերության տարբեր խնդիրներ՝ ցանցային կապ, վերապատրաստում, աշխատակիցների աշխատանքի կազմակերպում:

Շահութաբեր բիզնես մոդելների կյանքի ժամկետը արագորեն նվազում է: Ջրի մեջ մնալու համար դուք պետք է մշտապես ստեղծեք նոր և զարգացնեք առկա թվային արտադրանքները: Ապրանքանիշերը, որոնք չեն կարողանում հարմարվել արագությանը, դուրս են գալիս ուղուց: Այսպիսով ժամանակակից ընկերություններշարժվել դեպի մշտական ​​փոփոխության արագ հարմարվողական ցիկլեր: Սա պարզապես տխրահռչակ Agile-ի և Scrum-ի մասին է: Նախագծել-Զարգացնել-Սովորել և կրկին շրջանագծի մեջ: Հետևաբար, դիզայնի փորձաքննությունը որպես այս շրջանակի մաս դառնում է հիմնարար:

Ալինա Էրմակովա, Sberbank-Technology-ի օգտատերերի փոխազդեցության վերլուծական հետազոտության ղեկավար

«Մի քանի շաբաթ առաջ ես վերադարձա Սան Ֆրանցիսկոյում Enterprise UX կոնֆերանսից: Խոշոր ընկերությունները խոսում էին այն մասին, թե ինչպես են նախագծում պետական ​​ծառայությունները կամ խոշոր ֆինտեխ համակարգերը, կամ, օրինակ, ինչպես է Uber-ը պահպանում հետևողականությունը՝ տեղակայված աշխարհի 77 երկրներում։ UX/UI-ն արդեն նրանց ԴՆԹ-ում է: Սա փուլ չէ, մեթոդ չէ, սա նորմալ արտադրական գործընթաց է։ Դիզայնի մտածողության արարողություններ, օրինակ, չկան։

Ապրանքների ստեղծման ողջ գործընթացը դիզայնի մտածողությունն է: Թիմն օգտագործում է անհրաժեշտ մեթոդները, որտեղ նրանք զգում են, որ պետք է: Սա աշխատանքի մի մասն է: Եվ ինտերֆեյսներ նկարելու համար վարձված երիտասարդ հիփսթեր դիզայներները չէին, որ ասպարեզ մտան: Կային 45 տարեկանից բարձր հորեղբայրներ և մորաքույրներ, բիզնեսի սեփականատերեր, կորպորացիաների գործադիր տնօրեններ: Որովհետեւ դա արդեն ողջախոհության մակարդակում է։

6. Ո՞ր մեթոդաբանությունն է ներկայումս ամենատարածվածը:

Ռուսաստանում արտադրանքի դիզայնի մշակույթը նոր է ի հայտ գալիս: Design Thinking շրջանակն արդեն դարձել է մեր խոշոր ընկերություններում և կորպորացիաներում՝ Ռոսատոմում, Սբերբանկում, Ալֆա-Բանկում և այլն, ներքին կորպորատիվ վերապատրաստման ծրագրի անբաժանելի մասը:

Թվային ընկերություններում Design Thinking ածանցյալները ավանդաբար տարածված են՝ Google Ventures Design Sprints, IBM Design Thinking, ինչպես նաև Design Thinking գործիքի տարբեր մասեր՝ կերպարների մոդելավորում, ազգագրական հետազոտություն, շահագրգիռ կողմերի քարտեզներ, օգտատերերի ճանապարհորդության քարտեզագրում (Customer Journey Mapping) և այլն: Համեմատաբար նոր, բայց ուշագրավ է Jobs To Be Done շրջանակը, որտեղ արտադրանքը մշակվում է ոչ այնքան օգտատիրոջ առանձնահատկությունների հիման վրա, որքան այն իրավիճակի հիման վրա, որում նա գտնվում է: Մեթոդաբանության համապատասխանությունը կախված է ինչպես ընկերության շրջանակից, այնպես էլ ներքին գործընթացներից: Նույն Scrum-ի ներդրումը մեծ ընկերությունում ավելի երկար և դժվար է, քան ստարտափում, բայց ամեն ինչ իրական է, գլխավորը մարդկանց համար թույն արտադրանք պատրաստելու ցանկությունն է։

Դմիտրի Էրշով, «MegaLabs» ԲԲԸ Cloud Services-ի ղեկավար

«Ապրանքների համար, որոնք չեն փոխվի, մենք օգտագործում ենք ջրվեժների մշակման դասական մոդելը, իսկ անընդհատ զարգացողների համար՝ ընտրում ենք SCRUM-ը: Մենք նկարագրում ենք նոր արտադրանքները կամ ֆունկցիոնալությունը՝ օգտագործելով օգտագործման դեպքերի գծապատկերները, սակայն փորձեք «Կատարված Աշխատանքներ» հասկացությունը, որտեղ նման գծագրերի կարիք չկա:

Նոր թողարկումների պլանավորման ընթացքում մենք գնահատում ենք ֆունկցիոնալությունը օգտվողների, բիզնեսի և աշխատուժի համար կարևորության տեսանկյունից: Ամենադժվարը օգտվողների համար կարևորությունը գնահատելն է: Ավելի մեծ օբյեկտիվության հասնելու համար մենք օգտագործում ենք HEART շրջանակը: Այն օգնում է նոր ֆունկցիոնալությանը նայել օգտատերերի նպատակների պրիզմայով:

Երբեմն վեճեր են ծագում, օրինակ՝ ապրանքի սեփականատերը համաձայն չէ դիզայների հետ։ Նման դեպքերում մենք միաժամանակ մշակում և գործարկում ենք տարբեր տարբերակներ՝ դրանցից յուրաքանչյուրի արդյունավետությունը գնահատելու համար։ Ամենաարդյունավետ լուծումը որոշվում է օգտատերերի վարքագծի վիճակագրությամբ»:

7. Ո՞ր ոլորտներին են ինտեգրվելու UX/UI նախագծման տեխնիկան ապագայում:

Եթե ​​վերցնենք համաշխարհային պրակտիկան, ապա ցածր մրցակցությամբ ամենադանդաղ զարգացող տարածքները, օրինակ՝ հանրային ծառայությունները, այստեղ ձեռքը դնելու տեղ կա: Մեր երկրում ավանդաբար ցածր ֆինանսական և իրավական գրագիտությունը, դրա պատճառով հարստության կառավարմանն ուղղված ապրանքները և բոլոր տեսակի իրավաբանական ծառայությունները չեն հայտնվում այնքան արագ, որքան մենք կցանկանայինք:

Դասընթացի ընթացքում մենք պարզապես շատ ֆինտեխ ենք անում, վերջին դեպքերից մեկը բջջային ծառայությունն է, որն օգնում է մարդուն կառավարել իր ֆինանսները և ներդրումներ կատարել: Բանկի և օգտատիրոջ միջև կապի խոչընդոտը վերացնելու համար ուսանողները որոշում են կայացրել ստեղծել չաթբոտի ձևաչափով գործիք, որը կարող է աշխատել օգտատիրոջ համար հարմար ցանկացած մեսենջերում։

BHSAD UX/UI Design դասընթացի ուսանողների նախագիծ Ak Bars Bank-ի համար. անձնական ֆինանսական օգնական, ցանկացած հարմար մեսենջերում ներդրումներ կատարելու գործիք:

IDEO-ն երկար տարիներ եղել է դիզայներական մտածողության կիրառման ճանաչված շարժիչ ուժ: Նրանց վերջին դեպքերից կարելի է տեսնել, որ այս մեթոդաբանությունը ակտիվորեն սկսում է կիրառվել կրթության, կրելի էլեկտրոնիկայի զարգացման և գլոբալ խնդիրների լուծման ոլորտում։

Ակնհայտ է, որ տարբեր տեսակի բիզնեսներում մրցակցության աճը ընկերություններին ստիպել է թվայնացնել։ Հետևաբար, եթե այսօր մենք տեսնում ենք, որ ագրոտեխնիկը, բժշկությունը, ռեստորանային բիզնեսը և այլ օֆլայն ոլորտները սկսել են ծառայություններ մատուցել առցանց, ապա վաղը նրանց պետք կգան մեր մեթոդաբանությունները՝ շուկային նոր գործառույթներ և ապրանքներ առաջարկելու, իրենց թվային լուծումներն ավելի արագ մշակելու և թարմացնելու համար: եղեք ավելի ճկուն և ձեր հաճախորդներին ավելի երջանիկ դարձրեք:

«Ընկերությունների մեծամասնությունը դեռևս վերաբերվում է UX/UI հետազոտություններին, դիզայնի մտածողությանը և ստեղծագործական այլ մեթոդներին որպես ծառայության, առանձին ծառայության, որը կարելի է պատվիրել կամ վարձել: «Դիզայների նման մտածելը» հնարավոր չէ գնել, դուք պետք է սկսել: Բոլորը =)»,- ասում է Sberbank-Technology-ի օգտատերերի փոխազդեցության վերլուծական հետազոտության ղեկավար Ալինա Էրմակովան:

Դիզայնը բավականին լայն և անորոշ տերմին է: Երբ ինչ-որ մեկն ասում է՝ «ես դիզայներ եմ», անմիջապես պարզ չէ, թե ինչ են անում նրանք առօրյայում: Այս հայեցակարգում ներառված են մի շարք տարբեր արդյունաբերություններ:

Դիզայնի հետ կապված աշխատանքային պարտականությունները կան ոլորտներում՝ սկսած արդյունաբերական դիզայնից (մեքենաներ, կահույք), տպագրություն (ամսագրեր և այլ հրապարակումներ), մինչև վեբ դիզայն (վեբ կայքեր, բջջային հավելվածներ): Բարձր տեխնոլոգիական ընկերությունների վերջին ներհոսքով, որոնք կենտրոնացած են էկրանների համար ինտերֆեյս ստեղծելու վրա, շատ են եղել նոր աշխատանք. UX կամ UI դիզայների դիրքորոշումը կարող է անհասկանալի լինել ոչ միայն չմտածվածների, այլ նույնիսկ հենց իրենք՝ դիզայներների համար, ովքեր գալիս են այլ ոլորտներից։

«Այս հարցը մեկ ճիշտ պատասխան չունի»։

Փորձենք պարզել, թե դա իրականում ինչ է նշանակում ՏՏ ոլորտում:

UX դիզայներ

UX դիզայներները հիմնականում մտահոգված են ինչպես է ապրանքը փոխազդում օգտագործողի հետ. Այս հարցը չունի մեկ ճիշտ պատասխան։ UX դիզայներներն ուսումնասիրում են օգտատերերի որոշակի խնդրի լուծման տարբեր մոտեցումներ: UX դիզայների հիմնական աշխատանքն է համոզվել, որ ապրանքը տրամաբանորեն հոսում է մի քայլից մյուսը: UX դիզայները դա պարզելու եղանակներից մեկն է՝ անձամբ օգտատերերի թեստեր անելը և նրանց փորձից եզրակացություններ անելը: Բացահայտելով բանավոր և ոչ բանավոր գայթակղության նյութը, այն ուղղում և կրկնում է, դրանով իսկ ստեղծելով «ավելի լավ» փորձ օգտագործողի համար: Օրինակ՝ նոր օգտատիրոջ համար ներբեռնման զարմանալի փորձի ստեղծումը:

«Սահմանեք փոխազդեցության մոդելները, օգտագործողի առաջադրանքների հոսքը և ինտերֆեյսի առանձնահատկությունները: Մշակել սցենարներ, վերջից մինչև վերջ փոխազդեցություններ, փոխազդեցության մոդելներ, զարգացում GUIօգտագործող. Աշխատում ենք մեր ստեղծագործական տնօրենի և գրաֆիկական դիզայների հետ՝ միաձուլելու Twitter-ի տեսողական կողմը դրա հետ ֆունկցիոնալ առանձնահատկություններ. Անհրաժեշտության դեպքում մշակեք և պահպանեք մետաղալարերի շրջանակներ, մոդելներ և բնութագրեր»:

UX դիզայների կողմից նախագծված հավելվածի էկրանի օրինակ
Աղբյուրը՝ Kitchenware Pro Kit Wireframe by Neway Lau-ն Dribbble-ում:

Առաջադրանք.Էկրանի մետաղալարեր, սյուժեներ, կայքի պլան

Գործիքներ: Photoshop, Sketch, Illustrator, Fireworks, InVision

Դուք հավանաբար լսել եք նրանից.«Շնորհակալություն» էջը պետք է տեսանելի լինի օգտվողին գրանցման ավարտից հետո»:

UI դիզայներ

Ի տարբերություն UX դիզայներների, ովքեր մտահոգված են արտադրանքի ընդհանուր ընկալմամբ, UI դիզայներները հոգ են տանում դրա մասին ինչպես է ապրանքի տեսքը. Նրանք պատասխանատու են յուրաքանչյուր էկրանի կամ էջի նախագծման համար, որի հետ օգտատերը շփվում է և տրամադրում է օգտատիրոջ միջերեսի տեսողական մասը, որը նախագծել է UX դիզայները: Օրինակ, UI դիզայները, երբ ստեղծում է վերլուծական վահանակ, կարող է ավելի շատ բարձրանալ կարեւոր տեղեկություններ, կամ որոշում է, թե արդյոք սլայդերը կամ կառավարման վահանակն ամենաինտուիտիվն են գծապատկերում ավելացնելու համար: UI դիզայները նույնպես սովորաբար պատասխանատու է ստեղծման համար ամբողջական ուղեցույցդիզայնի վրա, որն ապահովում է համահունչ դիզայնի լեզու, որն ընդգրկում է ամբողջ արտադրանքը: Պահպանեք տեսողական տարրերի հետևողականությունը և որոշեք, թե որ ուղղությամբ աշխատել: Օրինակ, սխալների կամ նախազգուշացումների ցուցադրումը UI դիզայների իրավասությունն է:

«Airbnb.com տեսողական լեզվի հայեցակարգը և իրականացումը. Ընդլայնված ոճի ուղեցույցի ստեղծում։»

UI-ի և UX դիզայների միջև գծերը բավականին մշուշոտ են, և շատ հաճախ ընկերությունները ընտրում են համատեղել այդ դերերը:

UI դիզայները որոշում է հավելվածի ընդհանուր զգացողությունն ու տեսքը:
Աղբյուրը՝ Metro Style Interface 4 by Ionut Zamfir Dribbble-ում:

Գործիքներ: Photoshop, Sketch, Illustrator, Հրավառություն

«Մուտք» և «գրանցում» դաշտերը պետք է տեղափոխվեն վերևի աջ անկյուն։

Գրաֆիկական դիզայներ

«Գրաֆիկական դիզայներները մանր-մունր դետալներով են շփոթում, որոնց ուրիշները ուշադրություն չեն դարձնում»:

Գրաֆիկական դիզայները նա է, ով զբաղվում է գրաֆիկայով. ոչ դիզայները ավելի հավանական է, որ կպատասխանի ձեզ, եթե նրանց հարցնեք, թե ինչ է անում դիզայները: Գրաֆիկական դիզայներներին չի հետաքրքրում, թե ինչպես են էկրանները կապվում միմյանց հետ, կամ ինչպես է ինչ-որ մեկը փոխազդում արտադրանքի հետ: Փոխարենը, նրանց ուշադրությունը կենտրոնացած է գեղեցիկ սրբապատկերների, հսկիչների և վիզուալ պատկերների նախագծման և ճիշտ տեսք և զգացողություն ստեղծելու վրա: Գրաֆիկական դիզայներները աշխատում են փոքր մանրամասների վրա, որոնք ուրիշները չեն կարող տեսնել և հաճախ աշխատում են Photoshop-ում 4x և 8x խոշորացումներով:

«Արտադրել բարձրորակ վիզուալ նախագծեր հայեցակարգից մինչև իրականացում, ներառյալ աշխատասեղանի, վեբ և շարժական սարքերի համար տարբեր լուծում(սրբապատկերներ, գրաֆիկա և շուկայավարման նյութեր): Ռեսուրսների ստեղծում և կրկնում, որոնք արտացոլում են ապրանքանիշը, ապրանքը դարձնում գեղեցիկ և կյանքի կոչում»:

UI դիզայներները նույնպես հաճախ ստիպված են լինում ոչ միայն կատարել իրենց աշխատանքը, այլև կատարել պիքսելային դասավորություն: Որոշ ընկերություններ նախընտրում են առանձին անձ չունենալ գրաֆիկական դիզայների դերի համար:

Գրաֆիկական դիզայները նախագծում, ուղղորդում և կարգավորում է յուրաքանչյուր պիքսելը՝ կատարյալ վերջնական արդյունք ապահովելու համար:
Աղբյուրը՝ IOS 7 Guide Freebie PSD by Seevi kargwal Dribbble-ում:

Գործիքներ: Photoshop, ուրվագիծ

Դուք հավանաբար լսել եք նրանից.«Նվազեցրեք միջուկը և կոճակը տեղափոխեք 1 պիքսել դեպի ձախ»:

Շարժման դիզայներ

Հիշու՞մ եք նուրբ շարժումը, երբ քաշում եք էկրանը՝ ձեր փոստը iPhone-ում թարմացնելու համար: Սա շարժման դիզայների աշխատանքն է: Ի տարբերություն գրաֆիկական դիզայներների, որոնք սովորաբար առնչվում են ստատիկ օբյեկտների հետ, շարժման դիզայներները անիմացիաներ են ստեղծում հավելվածի ներսում: Նրանք զբաղվում են ինչ է անում ինտերֆեյսը այն բանից հետո, երբ օգտագործողը դիպչում է դրան. Օրինակ, նրանք որոշում են, թե ինչպես պետք է սահի ընտրացանկը, ինչ էֆեկտներ օգտագործեն անցումների համար և ինչպես կսեղմվի կոճակը: Երբ լավ է արվում, շարժումը դառնում է ինտերֆեյսի անբաժանելի մասը՝ ապահովելով տեսողական ակնարկներ, թե ինչպես օգտագործել արտադրանքը:

«Դա գիտելիք է պահանջում Գրաֆիկական դիզայն, շարժման ձևավորում, թվային արվեստ, գույնի և տպագրության զգացում, նյութերի/գործվածքների ընդհանուր իրազեկում և անիմացիայի գործնական ըմբռնում։ Գիտելիք iOS որոնվածը, OS X, Photoshop և Illustrator, ինչպես նաև տնօրեն (կամ համարժեք), Quartz Composer (կամ համարժեք), համակարգչային 3D մոդելավորում, շարժման գրաֆիկայի իմացություն։

Գործիքներ: After Effects, Core Composer, Flash, Origami

Դուք հավանաբար լսել եք նրանից.«Մենյուը պետք է հայտնվի ձախից 800 մվ-ից հետո»:

UX հետազոտող

UX հետազոտողն ամեն ինչ գիտի օգտատերերի կարիքների մասին:

UX հետազոտողն ամեն ինչ գիտի օգտատերերի կարիքների մասին: Հետազոտողի նպատակն է պատասխանել երկու հիմնական հարցի. «Ովքե՞ր են մեր օգտվողները»: և «Ի՞նչ են ուզում մեր օգտատերերը»: Որպես կանոն, սա ներառում է օգտատերերի հարցումներ, շուկայի հետազոտություն և տվյալների վերլուծություն: Դիզայնը մշտական ​​կրկնության գործընթաց է: Հետազոտողները կարող են օգնել այս գործընթացին՝ անցկացնելով A/B թեստեր՝ պարզելու, թե դիզայնի որ տարբերակն է լավագույնս համապատասխանում օգտատերերի կարիքներին: UX հետազոտողները հակված են լինել խոշոր ընկերությունների հենարանը, որտեղ մեծ քանակությամբ տվյալների հասանելիությունը նրանց տալիս է վիճակագրական նշանակալի եզրակացություններ անելու լայն հնարավորություն:

«Սերտ համագործակցելով զարգացման թիմերի հետ՝ բացահայտելու հետազոտական ​​թեմաները: Հետազոտության ձևավորում՝ կապված ինչպես օգտագործողի գործողությունների, այնպես էլ ընկալումների հետ: Հետազոտությունների իրականացում` օգտագործելով և կիրառելով տարբեր մեթոդներ, ինչպիսիք են հարցումները:

UX տերմինը առաջացել է 1993 թվականին Apple Corporation-ի աղիքներում՝ ապակոդավորելով որպես User eXperience: Բջջային սարքերի աճող ժողովրդականության հետ մեկտեղ այս հայեցակարգը դարձել է մոդայիկ և օգտագործվել ամենուր: Բայց նույնիսկ հիմա, ոչ բոլորը կարող են վստահորեն պատասխանել, թե ինչ է UX դիզայնը, ինչպես է այն տարբերվում UI դիզայնից և ինչու են այս բաները հաճախ նշվում միասին: Մենք կօգնենք ձեզ պարզել այն:

Ինչ է UX դիզայնը

Ռուսերենում UX դիզայնը օգտագործողի փորձի ձևավորում է: Այն ապրանքի ստեղծման առաջին քայլերից է և ծառայում է հավելվածը տրամաբանական, հարմար և օգտակար դարձնելուն։ իսկ կայքերը որոշում են, թե ինչ տպավորություններ կստանա մարդը դրանց օգտագործումից, կոնկրետ ինչպես կօգտագործի այդ ապրանքները:

Որտե՞ղ է լավագույն վայրը ձեր անձնական հաշվի մուտքը տեղադրելու համար: Քանի՞ քայլ պետք է անցնի օգտատերը՝ տեղեկագրին բաժանորդագրվելու կամ պատվեր տալու համար: Ինչպե՞ս նա իմանա, որ վիրահատությունը հաջող է անցել։ Սրանք այն հարցերն են, որոնք լուծում է UX դիզայները:

UX դիզայնը ներառում է տարբեր բաղադրիչներ.

• տեղեկատվական ճարտարապետություն;
• ինտերակտիվ դիզայն;
• օգտագործելիություն (ապրանքի պարզության, հարմարության և արդյունավետության ցուցիչ օգտագործողների աչքում):

UX դիզայները հասկանում է օգտատերերի հոգեբանությունը և հույզերը, վերլուծում է նրանց սպասելիքները արտադրանքից և դնում նպատակ, որին պետք է հասնել: Այնուհետև նա ընտրում է համապատասխան գործիքները և գալիս է հավելված կամ կայքի կառուցվածք, որը համապատասխանում է բոլոր անհրաժեշտ պարամետրերին:

Կայքի կամ հավելվածի համար հում գաղափարը նման է գլուխկոտրուկի մեր գրասենյակում: UX դիզայների կամքով այս կտորներից ձևավորվում է հստակ կառուցվածք։

UX դիզայների համար միապաղաղ առաջադրանքներ չկան, ուստի տարբեր նախագծերի համար հաճախ պահանջվում են տարբեր ոլորտների հմտություններ ունեցող մարդիկ: Կան ամբողջ լաբորատորիաներ՝ հզոր տեխնիկական սարքավորումներով, որոնցում մի քանի հոգուց բաղկացած թիմն աշխատում է հետազոտությունների վրա։ Նման լաբորատորիաներում կան սարքեր, որոնք գրանցում են օգտատերերի հոգեֆիզիկական ռեակցիաները (օրինակ՝ աչքերի շարժումները և սրտի զարկերը), հարցումներ են անցկացնում, դիտում օգտատերերին միացված և անջատված մեթոդով և.

UX դիզայներները պետք է կարողանան.

• իրականացնել օգտվողների հետազոտություն;
• ստեղծել վեբկայքերի և հավելվածների լարային շրջանակներ և նախատիպեր: Սա կօգնի գնահատել, թե որ ուղղությամբ զարգացնել հավելվածը կամ կայքը: Ավելին, նկարելու ունակությունը բոլորովին պարտադիր հմտություն չէ ժամանակակից UX դիզայների համար։ Կան բազմաթիվ նախատիպային գործիքներ, որտեղ դուք կարող եք ստեղծել ինտերֆեյսի գրագետ վիզուալիզացիա՝ օգտագործելով պատրաստի տարրեր (օրինակ՝ Axure, Balsamiq կամ UXPin);
• դիզայնի փոխազդեցություն, այսինքն՝ պատկերացրեք, թե կոնկրետ ինչպես է մարդը օգտագործելու ապրանքը։ Դրա համար օգտատերերի երթուղիների քարտեզները ստեղծվում են հավելվածների էկրանների երկայնքով, կայքերի ինտերակտիվ շրջանակներ և նախագծման տարբեր տարբերակներով հավելվածներ.
• փորձարկել արտադրանքը;
• անել վերլուծություն. Օգտագործելով տարբեր չափումներ (օրինակ՝ Webvisor-ը, Hotjar-ը, Mixpanel-ը, UXcam-ը կամ Appsee-ն) կօգնեն ձեզ հասկանալ, թե դիզայնը որքան լավ է աշխատում և բարելավել արտադրանքը՝ հիմնված իրական տվյալների վրա:

Դուք կարող եք ավելին կարդալ UX ինտերֆեյսի դիզայնի սկզբունքների և հիմունքների մասին:

Ինչ է UI դիզայնը

Օգտվողի միջերեսի դիզայնը կամ UI դիզայնը UX դիզայնի տեսողական մարմնացումն է: Նրա խնդիրն է որոշակի գրաֆիկական լուծումների օգնությամբ հավելվածը, կայքը կամ այլ արտադրանքը դարձնել ինտուիտիվ, գրավիչ և հնարավորինս հեշտ օգտագործելի:

UI դիզայները պատասխանատու է յուրաքանչյուր անհատական ​​էկրանի կամ էջի տեսքի համար: Նրա պատասխանատվության ոլորտը գրաֆիկական հսկիչներն են, ինչպիսիք են կոճակները և վանդակները, տառատեսակները, գունային սխեմաները և տարբեր վիզուալներ:

Ինչպիսի՞ն պետք է լինի կոճակը, որպեսզի հարմար լինի սեղմել դրա վրա: Ինչ տառաչափ ընտրել, որպեսզի տեքստը լավ ընթերցվի: Ինչպե՞ս ձևաչափել սխալի հաղորդագրությունը, որպեսզի այն ուշադրություն գրավի, բայց չնյարդայնացնի: Այս հարցերի պատասխանները օգնում են գտնել ինտերֆեյսի UI դիզայնը:

UI դիզայներն իր աշխատանքում օգտագործում է տարբեր գրաֆիկական խմբագրիչներ՝ Photoshop, Illustrator, Sketch, Fireworks, Adobe XD, Gravit Designer, Affinity Designer, Figma:

Երբ աշխատում է հավելվածի տեսքի վրա գաջեթի էկրանին, UI դիզայները կենտրոնանում է շարժական հարթակի ուղեցույցների վրա՝ Apple-ի և Google-ի առաջարկությունների մի շարք, որոնց շնորհիվ երրորդ կողմի հավելվածները միատեսակ տեսք ունեն և անթերի տեղավորվում են ընդհանուր հայեցակարգում:

Եթե ​​կյանքից շատ պարզ անալոգիա անենք, ապա UX դիզայնը բնակարանի և հաղորդակցության դասավորությունն է, իսկ UI-ը պաստառի և հատակի ընտրությունն է: Այնուամենայնիվ, գործնականում UX-ը և UI դիզայնը սերտորեն կապված են, երկրորդը տրամաբանորեն հետևում է առաջինին, և հաճախ նույն անձը երկուսն էլ անում է: Հետևաբար, երկու հասկացությունների միջև սահմանը լղոզված է, և դրանք նշվում են միասին: