UX va moslashuvchan veb-dizayn kursi

Dars 1 • Dizayn fikrlash jarayoni

Muammoni hal qilish usuli sifatida besh bosqichli dizayn fikrlash ramkasini joriy etadi. Keyingi barcha boblarda qo'llaniladigan iterativ tafakkurni ta'minlaydi.

Dars 2 • UX dizayni aslida nimani anglatadi

UXni estetikadan tashqari, foydalanish qulayligi, foydalilik va keraklilikni qamrab olgan holda belgilaydi. Kurs davomida qo'llaniladigan lug'atni o'rnatadi.

Dars 3 • Maxsus ehtiyojlar va inklyuziv dizayn

Maxsus ehtiyojlarni asosiy dizayn talabi sifatida o'rnatadi, keyin o'ylab qo'yiladigan narsa emas. Global kontent foydalanish qulayligi ko'rsatmalari va inklyuziv dizayn tamoyillarini tanishtiradi.

Dars 1 • So'rovlar va miqdoriy usullar

So'rov dizayni, foydalanish qulayligi benchmarki va tahlil talqinini joriy etadi. Sifatli topilmalarni o'lchanadigan xatti-harakatlar ma'lumotlari bilan to'ldiradi.

Dars 2 • Intervyular va kontekstli so'rov

Tuzilgan va yarim tuzilgan intervyu texnikalarini kontekstdagi kuzatish bilan birga o'rgatadi. Haqiqiy foydalanuvchi xatti-harakatlari va motivatsiyalarini qo'lga olish ko'nikmalarini yaratadi.

Dars 3 • Tadqiqot o'rganishini rejalashtirish

Dala ishi boshlanishidan oldin tadqiqot maqsadlari, ko'lami va usul tanlashni qamrab oladi. Tadqiqot savollarining qabul qilinadigan dizayn qarorlariga mos kelishini ta'minlaydi.

Dars 1 • Sayt xaritalari va kontent ierarxiyalari

manfaatdor tomonlar va ishlab chiqaruvchilarga tuzilmani bildiradigan rasmiy sayt xaritasi hujjatlarini ishlab chiqaradi. Kontent ierarxiyasini tadqiqotdagi foydalanuvchi mental modellariga moslashtiradi.

Dars 2 • Karta saralash va daraxt testi

Kategoriya tuzilmalarini foydalanuvchilar bilan tasdiqlash uchun ochiq va yopiq karta saralashni o'rgatadi. Daraxt testi vizual dizayn qo'llanilishidan oldin navigatsiya yorliqlarini tekshiradi.

Dars 3 • Navigatsiya tizimlarini loyihalash

Veb va mobil uchun global, lokal va kontekstli navigatsiya naqshlarini qamrab oladi. Navigatsiya dizaynini tadqiqotda o'rnatilgan foydalanuvchi vazifa oqimlari bilan bog'laydi.

Dars 1 • Raqamli sxematik tartiblash vositalari

O'rta sifatli ekran tartiblarini yaratish uchun sanoat standartidagi sxematik tartiblash vositalarini qamrab oladi. Prototiplash va topshirish bosqichlarida qo'llaniladigan vosita ravonligini yaratadi.

Dars 2 • Eskiz va past sifatli sxematik tartiblash

Tez g'oyalash vositasi sifatida tez eskiz va qog'oz sxematik tartiblashni joriy etadi. Past sifatli artefaktlar manfaatdor tomonlarni vizual jilo bilan chalg'itmasdan tartibni etkazadi.

Dars 3 • Interaktiv prototiplarni yaratish

Sxematik tartiblashlarni haqiqiy mahsulot xatti-harakatini simulyatsiya qiladigan bosiladigan oqimlarga ulaydi. Prototiplar tadqiqotda aniqlangan aniq foydalanuvchi vazifalarini sinab ko'rish uchun belgilangan.

Dars 4 • Prototiplar bilan foydalanish qulayligi testi

Dizayn qarorlarini tasdiqlash uchun moderatorli va moderatorsiz foydalanish qulayligi testlarida prototiplarni qo'llaydi. Vizual dizayn investitsiyasidan oldin tadqiqot-dizayn tsiklini yopadi.

Dars 1 • Tartib, oraliq va vizual ierarxiya

Foydalanuvchi e'tiborini boshqarish uchun tor tizimlari, oraliq masshtablari va vizual og'irlikni qo'llaydi. Izchil oraliq va ierarxik kognitiv yukni kamaytiradi va skanerlashni yaxshilaydi.

Dars 2 • Raqamli interfeyslar uchun tipografiya

Ekran o'qilishi uchun shrift tanlash, masshtab, qator balandligi va kontrastni qamrab oladi. Tipografiya qarorlari maxsus ehtiyojlar va brend idrokiga bevosita ta'sir qiladi.

Dars 3 • Rang nazariyasi va UI rang tizimlari

Rang psixologiyasi, kontrast talablari va tizimli palita qurilishini o'rgatadi. Tuzilgan rang tizimi barcha interfeys holatlari bo'ylab izchillikni ta'minlaydi.

Dars 4 • Ikonografiya va tasvirlar

UI kontekstlari uchun ikonka dizayni tamoyillari, tasvir tanlash va illüstrasiya uslubini qamrab oladi. Vizual aktivlar noaniqlik yaratmasdan ma'noni kuchaytirishi kerak.

Dars 1 • Media so'rovlar va uzilish nuqtalari

Belgilangan uzilish nuqtalarida tartiblarni moslashtirish uchun min-width va max-width so'rovlarini qo'llaydi. Komponent darajasidagi responsivlik uchun zamonaviy oralik sintaksisi va konteyner so'rovlarini qamrab oladi.

Dars 2 • Responsiv tartiblar uchun CSS Flexbox

Bir o'lchovli responsiv komponentlarni qurish uchun Flexbox o'qlari, hizalanish va o'rashni o'rgatadi. Flexbox navigatsiya paneli, karta qatorlari va shakl tartiblarida qo'llaniladi.

Dars 3 • Responsiv tasvirlar va media

Tegishli o'lchamdagi tasvirlarni xizmat qilish uchun srcset, sizes va picture elementini o'rgatadi. Optimallashtirilgan media etkazib berish barcha qurilma turlarida ishlashni yaxshilaydi.

Dars 4 • Murakkab tartiblar uchun CSS Grid

Grid template maydonlari, avtomatik joylashtirish va ikki o'lchovli tartiblar uchun nomlangan chiziqlarni qamrab oladi. Grid Flexbox yolg'iz o'zi erisha olmaydigan sahifa darajasidagi tuzilmani ta'minlaydi.

Dars 1 • Yuqori daraja selektorlar va xoslik

Barqaror CSS uchun psevdo-sinflar, psevdo-elementlar va xoslik boshqaruvini o'rgatadi. Katta responsiv kod bazalarida keng tarqalgan uslub ziddiyatlarini kamaytiradi.

Dars 2 • CSS arxitekturasi va masshtablanuvchanlik

Masshtablanuvchan uslub jadvallari uchun metodologiyalar sifatida BEM, utility-first va CSS Modulesni joriy etadi. Masshtablanuvchan arxitektura katta responsiv loyihalarda xoslik ziddiyatlarini oldini oladi.

Dars 3 • CSS o'tishlari va mikro-animatsiyalar

O'zaro ta'sir fikr-mulohazasini kuchaytiradigan silliq holat o'zgarishlarini yaratish uchun o'tish xususiyatlarini qo'llaydi. Mikro-animatsiyalar idrok qilingan ishlashni yaxshilaydi va foydalanuvchi e'tiborini boshqaradi.

Dars 4 • CSS keyframe animatsiyalari

Yuklash holatlari va yo'naltirish oqimlari uchun @keyframes yordamida murakkab ko'p bosqichli animatsiyalarni quradi. Ishlash-xavfsiz xususiyatlar va animatsiya orkestratsiyasini qamrab oladi.

Dars 1 • Dizayn topshirish eng yaxshi amaliyotlari

Ishlab chiqaruvchining noaniqligini kamaytiradigan izoh berish, qizil chiziq spetsifikatsiyalari va aktiv eksporti ish oqimlarini qamrab oladi. Aniq topshirish hujjatlari qimmatga tushadigan amalga oshirish xatolarini oldini oladi.

Dars 2 • Responsiv dizayn QA va testi

Responsiv xatti-harakatning dizayn maqsadiga mos kelishini tekshirish uchun brauzerlararo va qurilmalararo testni qo'llaydi. QA dizayn spetsifikatsiyalari va jonli amalga oshirish o'rtasidagi bo'shliqni yopadi.

Dars 3 • UX ko'rsatkichlari va muvaffaqiyatni o'lchash

UX qarorlarini biznes natijalariga bog'laydigan miqdoriy va sifat ko'rsatkichlarini belgilaydi. Bu erda o'rnatilgan ko'rsatkichlar yakuniy loyihada ishga tushirishdan keyingi baholashni boshqaradi.

Dars 4 • Yakuniy loyiha va portfel taqdimoti

Barcha kurs ko'nikmalarini to'liq UX va responsiv veb dizayn vaziyat tadqiqotiga birlashtiradi. Portfel taqdimoti talabalarni kasbiy dizayn intervyulariga tayyorlaydi.