Dars xulosasi

• Prototiplash — g'oyani erta sinash usuli.
• Wireframe — tuzilma, Mockup — vizual dizayn, Prototype — interaktivlik.
• Prototip turlari: qog'oz, statik, bosiladigan, interaktiv, kodlangan.
• Vositalar: Photoshop, Figma, Unity, Godot va boshqalar.
• Prototip vertikal kesim emas.
• Xato qanchalik erta topilsa, shunchalik arzon tuzatiladi.

Qo'shimcha ma'lumot

Paper prototype

Qog'ozda bosiladigan ekranlar: do'st «o'yinchi» sifatida qog'ozni almashtiradi.

Iteratsiya

Sinash → tuzatish → yana sinash.

Layout

Joylashuv maketi: elementlarning ekrandagi o'rni.

Foydalanuvchi testi

Hamkasb 5 soniyada tugmani topa oladimi?

Atamalar lug'ati

Atama	Ma'nosi
Prototiplash	G'oyani sinash jarayoni
Wireframe	Tuzilma sxemasi
Mockup	Vizual statik maket
Prototype	Interaktiv model
Vertikal kesim	Mini-versiya
Layout	Joylashuv maketi
Iteratsiya	Takroriy yaxshilash
Interfeys	O'yinchi ko'radigan ekran

Bilasizmi?

• Axure RP (2002) dasturlashsiz interaktiv prototip yaratish imkonini bergan birinchi vositalardan biri.
• Ko'p o'yin studiyalari birinchi prototipni oddiy kub va chiziqlar bilan yasaydi — chiroyi keyin.
• Wireframe so'zi «sim ramka» degani: sim bilan ishlangan sodda karkasdek.

Topshiriqlar

1. Prototiplash oson

Prototiplash nima? Bir gapda yozing.

Kutiladigan natija: G'oyani erta sinash

2. Bosqichlar oson

Uch bosqichni tartib bilan yozing.

Kutiladigan natija: Wireframe, Mockup, Prototype

3. Vositalar oson

Prototiplash vositalaridan 3 tasini yozing.

Kutiladigan natija: Photoshop, Figma, Unity

4. Rang oson

Rang qaysi bosqichda paydo bo'ladi?

Kutiladigan natija: Mockup

5. Wireframe o'rta

Wireframe nimalarni ko'rsatadi?

Kutiladigan natija: Tuzilma va joylashuv

6. Mockup o'rta

Mockup wireframe'dan nimasi bilan farq qiladi?

Kutiladigan natija: Vizual dizayn bor

7. Prototype o'rta

Prototype mockup'dan nimasi bilan farq qiladi?

Kutiladigan natija: Interaktiv

8. Qog'oz o'rta

Qog'oz prototipning 1 afzalligi va 1 kamchiligini yozing.

Kutiladigan natija: Tez va arzon / interaktivlik cheklangan

9. Vertikal kesim qiyin

Prototip va vertikal kesim farqini yozing.

Kutiladigan natija: Mexanika vs mini-versiya

10. Sxema qiyin

O'yin ekrani wireframe'ini chizing.

Kutiladigan natija: HUD joylari

11. Test qiyin

Wireframe'ni hamkasbingiz bilan sinab, 2 ta xulosa yozing.

Kutiladigan natija: Topish tezligi

12. Photoshop bonus

Menyu wireframe'ini Photoshop'da qayta chizing.

Kutiladigan natija: wireframe.png

O'zingizni tekshiring

1. Prototiplash nima?
2. Uch bosqich qaysilar?
3. Wireframe nimani ko'rsatadi?
4. Mockup'da nima bor?
5. Prototype nimasi bilan farq qiladi?
6. Prototip va vertikal kesim farqi?

Uyga vazifa

Bosh menyu va o'yin ekrani wireframe'larini chizing (30–40 daqiqa). To'liq shart: uyga-vazifa.md.