Uyga vazifa

Har bir vazifa 20–30 daqiqa. Natijalarni daftarda yoki bitta hujjatda (Google Docs, Notes, Balsamiq, Figma/Canva) saqlang; skrinshot va chizmalarni shu hujjatga qo'shing. Topshirish: keyingi dars boshida mentorga ko'rsating.

4-dars uchun (Ssenariy, User Flow va CJM)

1-topshiriq: «Mening ilovamdagi ssenariy va User Flow» (20–25 daqiqa)

1. 3-darsda tayyorlagan personangizni (yoki yangi personani) oling.
2. Uning ilovadagi bitta aniq vazifani (masalan: kitob yuklab olish yoki ovqat buyurtma qilish) bajarish ssenariysini 4 ta savol asosida yozing (Kim? Qayerda/qachon? Nima maqsad? Qanday harakatlar?).
3. Ushbu ssenariy bo'yicha kamida 5 ta ekran va 1 ta qaror qabul qilish rombi (Ha/Yo'q) qatnashgan User Flow blok-sxemasini chizing (daftarda yoki onlayn doskada).
4. Oqimda foydalanuvchi adashishi mumkin bo'lgan 1 ta og'riq nuqtasini belgilang va unga dizayn yechimini 1 jumlada taklif qiling.

Kutiladigan natija: to'liq yozilgan ssenariy matni, rombli User Flow chizmasi va bitta og'riq nuqtasi yechimi. Nimani topshirasiz: daftardagi chizma rasmi yoki FigJam/Miro skrinshoti.

5-dars uchun (Wireframe tushunchasi va Balsamiq)

2-topshiriq: «Low-fi qog'oz eskizdan Balsamiqqa» (20–30 daqiqa)

1. 4-darsdagi User Flow'ning asosiy 1 ta ekrani (masalan, Bosh sahifa yoki Mahsulot kartasi) uchun daftarga qalamda oddiy eskiz chizing.
2. Rasmlar o'rniga "X" belgisi (Image placeholder) qo'ying, tugma va sarlavhalarni joylang.
3. So'ngra Balsamiq dasturida (balsamiq.cloud demo yoki desktop) xuddi shu ekranni raqamli wireframe qilib tering.
4. Quick Add orqali kamida 4 xil element (Button, Heading, Image, TextInput) qo'shing.
5. Tayyor wireframeni PNG yoki PDF formatida eksport qiling.

Kutiladigan natija: daftardagi dastlabki eskiz va Balsamiqdan eksport qilingan raqamli wireframe tasviri. Nimani topshirasiz: qog'oz eskiz fotosurati va Balsamiq PNG fayli.

6-dars uchun (Balsamiq va Axure RP interfeys sxemalari)

3-topshiriq: «Home_books to'liq veb-wireframe'i va Grayscale» (20–30 daqiqa)

1. Axure RP (yoki Balsamiq/Figma)da veb-sahifa bosh ekrani wireframe'ini yarating.
2. Sahifani Home_books deb nomlang.
3. Sahifaga Header (Logo, Menyu, Kirish tugmasi), Katta Banner, 3 ta kitob kartasi (Grid) va Footer bloklarini joylashtiring.
4. Kulranglar ierarxiyasini (Grayscale) to'g'ri qo'llang: fon och kulrang, kartalar oq, asosiy sarlavha va tugmalar to'q kulrang bo'lsin.
5. Tayyor loyihani home_books_wireframe.png sifatida eksport qiling.

Kutiladigan natija: proporsiyalari toza, kulranglar ierarxiyasiga ega bo'lgan to'liq veb-sahifa wireframe'i. Nimani topshirasiz: eksport qilingan PNG tasvir fayli.