UX/UI Սկսնակների Համար

• Ի՞նչ են իրենցից ներկայացնում UX-ը և UI-ը, դրանց կարևոր առանձնահատկությունները
• Հաջող UX դիզայնի իրական օրինակներ
• Լավ ձևավորված UX-ի բնութագրիչները (հասանելիություն, պարզություն)
• Design Thinking-ի պրոցեսի ընդհանուր բնութագիրը
• Հաջողակ դիզայների մոտեցումները

• Figma-ի աշխ․ տիրույթը և ինտերֆեյսը
• Կաղապարներ, կառուցվածքներ, տեքստ ստեղծելը և կոնտենտ հավասարեցնելը
• Շերտերի, էջերի հետ աշխատանք և համակարգում
• Ֆայլի կառուցվածքը և ստացված լավագույն փորձերը

• Դասավորել grid-ները կառուցվածքի և հավասարության համար
• Հմտանալ Auto Layout-ը ճկուն կոմպոնենտների համար
• Կիրառել սահմանափակումներ հաջողակ դիզայն ստանալու համար
• Իրական օրինակներ՝ կոճակներ, քարտեր և ուղղորդող վահանակներ

• Բազմակի օգտագործման կոմպոնենտների և դիզայն համակարգերի կառուցում
• UI վիճակների համար տարբերակների օգտագործում (default, hover, disabled)
• Ոճերի ստեղծում և կառավարում (տեքստ, գույներ, էֆեկտներ)
• Figma-ում ինտերակտիվ նախատիպերի ստեղծում
• Այլոց հետ կիսելը, մեկնաբանելը և համագործակցելը

• Ի՞նչ է հետազոտումը UX-ում, և ինչու՞ է դա կարևոր
• Որակական և քանակական մեթոդներ
• Ինտերվյուներ, դիտարկումներ և երկրորդական հետազոտումներ
• Note-taking-ը, affinity mapping-ը և insight generation-ը

• AI-ի կիրառումը ինտերվյուների տեքստերը ամփոփելու համար 
• Ստեղծել դրաֆթային անձնական և խնդրային համառոտ 
• Տվյալների ավտոմատացման համակարգում AI գործիքների միջոցով
• AI-assisted հետազոտման էթիկան և սահմանափակումները

• Համակարգել օգտատիրոջ մտքերը, զգացմունքները և հիասթափությունները
• Ցավոտ կետերի և օգտատիրոջ նպատակների պարզաբանում
• Կիրառելի user persona-ների ստեղծում
• Ինչպե՞ս են անձերը ամբողջացնում դիզայնի պրոցեսները

• Ի՞նչ է աշխատանքի քարտեզագրումը, և ինչու՞ է այն կարևոր
• Օգտատիրոջ քայլերի քարտեզագրում հատուկ կետերի և ալիքների շուրջ
• Էմոցիոնալ բարձր և ցածր կետերի վիզուալիզացիա
• Ճանաչել բախման կետերը և հնարավորության սահմանները

• Ինչու՞ է մրցունակ վերլուծությունը օգնում դիզայներին
• UX հոսքերի, վիզուալ դիզայնի և հատկանիշների համեմատում
• Մրցունակ մատրիքսի ստեղծում
• Նախագծի ուղղորդման համար եղած կետերի սինթեզում

• Օգտատիրոջ աշխատանքի հոսքի և աշխատանքի քարտեզագրման տարբերությունները
• Նախնական կետերի, որոշումների և վերջնակետերի սահմանում
• Լավագույն պրակտիկաների հոսք
• Task-focused հոսքեր, որոնք կիրառում են Figma-ն

• IA-ի սահմանումը․ կոնտենտի համակարգում և պիտակավորում
• Քարտերի առանձնացում և կայքի քարտեզների ստեղծում
• Կոնտենտի խմբավորում և դասակարգում
• Պարզության և հասանելիության լավագույն օրինակներ

• Ի՞նչ է wireframe-ը, և ե՞րբ կիրառել այն
• Low-fi and high-fi wireframe-ների միջև եղած տարբերությունները
• Դասակարգման սկզբունքները՝ հիերարխիա, տարածություն, հավասարություն
• Wireframing-ը Figma-ում իրական UX հոսքերի հետ
• Ծանոթագրությունների ավելացում և հետադարձ կապի ստացում

• Ի՞նչ է ամբողջական դիզայնը, և ինչու՞ է այն կարևոր
• Ուժեղ կետերը․ մոբայլ, տաբլեթ, վեբ տարբերակները
• Figma-ում Auto Layout-ի և սահմանափակումների կիրառում
• Ճկուն կոմպոնենտների և սահմանափակումների դիզայն
• Ամբողջական դիզայնի նախադիտում և թեստավորում

• Սեղմելի նախատիպավորումների ստեղծում Figma-ում
• Ուղղորդող հոսքերի և փոխակերպումների ստեղծում
• Overlay-ների, delay-ների և Smart անիմացիաների ստեղծում
• Օգտատերերի հետ ձեր նախատիպերի կիսում և թեստավորում
• Ինտերակտիվ storytelling-ի լավագույն օրինակները

• Ի՞նչ է URP-ն։
• Սցենարների ստեղծում և կոնկրետ նպատակների սահմանում
• Usability testing-ի համար գործիքնի ընտրություն (Maze)
• Հավաքագրում և թեստավորում
• Առաջադրանքների, էրրորդների և օգտատերերի հետադարձ կապի փաստաթղթավորում

• Ի՞նչ է մոբայլ դիզայնը
• Ի՞նչն է եզակի դարձնում մոբայլ դիզայնը (էկրանի չափերը, հպումը, դյուրակրությունը)
• Դասական մոբայլ հավելվածների կառուցվածքը՝ ներգրավումը, հիմնական էջը, պրոֆիլը, կարգավորումներ
• Ուղղորդող նմուշները՝ tab bar-երը, hamburger menu-ները, floating action button-ները
• Հիմնական միջնորդավորված Key interaction behaviors: scrolling, swiping, tapping
• Importance of visual clarity, minimalism, and accessibility in mobile

• Ծանոթություն Apple Human Interface ուղեցույցների (HIG) հետ
• UI նմուշները․ ուղղորդող վահանակները, tab վահանակները, մոդալները, կոճակները
• iOS հատուկ ժեստեր և անցումներ
• Տպագրություն (SF Pro), layout grid-ները և spacing կանոնները
• Նշանների ոճը, ստվերները և բարձրությունը iOS համակարգում
• Status վահանակը և հատուկ տարածքների նկատառումները
• Apple-ի պաշտոնական Figma UI kit-ի ներբեռնում և կիրառում

• Google-ի “Material 3” դիզայնի ուղեցույցների հետ ծանոթացում
• Android UI նմուշները՝ հավելվածներիվահանակներ, բաժիններ, FAB-եր, կոճակների առանձին էջեր
• Ուղղորդման տարբերությունները՝  system back կոճակի և gesture-ների տարբերությունները
• Տպագրություն (Roboto), նշանների ձևերի բազմազանությունը և բարձրացման համակարգը
• Գույների թեմատիկան և դինամիկ գույները Android 12+-ում
• Material Design Figma kit-ի կիրառում
• Տարբեր Android էկրանների դեպքում հաստատուն չափանիշների պահպանում

• UI դիզայնի սկզբունքները՝ պարզություն, կայունություն, հետադարձ կապ
• UX և UI դիզայնների հարաբերությունը
• Դասական UI դիզայնի նմուշները
• Լավ մշակված ինտերֆեյսի նկարագիրը

• Գույնի հոգեբանությունը և բրենդի հավասարությունը
• Հասանելի գունային կոմբինացիաների ստեղծում
• Վիզուալ բարձրության, խորության և ձևի կիրառում
• Վիզուալ հիերխիայի կիրառում գույնի և ձևի միջոցով

• Web-ի և mobile-ի համար տառատեսակի սահմանում
• Տպագրության հիերախիա՝ վերնագրեր, հիմնական կոնտենտ, կարճ գրվածքներ
• Ընթեռնելիությունը, տարածությունն ու հավասարությունը
• Մասշտաբային տպագրական համակարգերի ստեղծում
• Figma-ում ամբողջական տեքստերի ստեղծում

• Կայուն պատկերների որոնում կամ ստեղծում
• Կոճակների, input-ների, dropdown-ների և չեքբոքսերի դիզայն
• Կարգավիճակի հաստատում՝ hover, active, disabled
• Figma-ում կոմպոնենտների կառուցում և տարբերակների կիրառում

• Բազմակի օգտագործման համակարգերի առավելությունները
• Ատոմիկ դիզայն․ ատոմներ, մոլեկուլներ, հատուկ օրգանիզմներ
• Naming conventions, structure, and guidelines
• Examples from Material Design and others

• Ոճերի սահմանում․ տեքստ, գույն, տարածություն
• Ճկուն գրադարանների կառուցում
• Տարբերակների ստեղծում և կառավարում
• Թիմային գրադարանների հրապարակում և օգտագործում

• Ի՞նչ են ներկայացնում իրենցից միկրոինտերակցիները, և ինչու՞ օգտագործել դրանք
• Օրինակներ․ հաջողակ մեսիջներ, էրրորների կարգավիճակներ, լիցքավորիչներ
• Օգնող միկրոքոփիի ստեղծում
• Հետադարձ կապի համար փոխանցումների դիզայն

• Figma-ի Smart Animate ֆունկցիայի կիրառում
• Ստեղծել scroll էֆեկտներ, hover state-ներ, մոդալներ
• Ծանոթություն Lottie անիմացիաներին
• Անիմացիաների և լավագույն օրինակների դուրսհանում

• Էկրանների և կոմպոնենտների պատրաստում
• Figma-ի Inspect and Dev mode-երի կիրառում
• Փոխանցման նյութերի և կիրառելի ուղեցույցների ստեղծում
• Ծրագրավորողների հետ համագործակցության կետերի սահմանում 
• Գործիքների ուսումնասիրում՝ Zeplin

• Լավագույն պրոյեկտի ընտրություն
• Դեպքի կառուցում․ խնդիր→ պրոցես→ լուծում
• Ստեղծել պարզ պատմություններ
• UX որոշումների և UI ընտրությունների ընդգծում

• Ամենատարածված UX/UI հարցազրույցի հարցեր
• Կենդանի դիզայն և whiteboard մարտահրավերներ
• Պորտֆոլիոյի ստեղծման թիփեր և պատմությունը
• Պրակտիկա թիմակիցների հետ

• Պորտֆոլիոյի ներկայացում թրեյներին և թիմակիցներին
• Գործնական հետադարձ կապի ստացում
• Վերջնական ճշգրտումներ
• LinkedIn-ում և Behance-ում պորտֆոլիոյի չեքլիստերի կառուցում

Պրակտիկ գործնական քննություն, որը կամփոփի UX-ի և UI-ի կոնցեպտները՝ մատնանշելու ձեր պատրաստվածությունը սկսնակ մասնագետների համար նախատեսված հաստիքներում: