Dizaynni koʻpincha loyiha oxirida «chiroyli qilish» deb qabul qilishadi. Aslida uning eng qimmatli qismi birinchi qator kod yozilishidan oldin boʻladi: dizayner qaysi ekranlar kerakligini, odam ular boʻylab qaysi tartibda yurishini va qayerda adashishi mumkinligini hal qiladi. Buni prototipda tuzatish soatlar, tayyor mahsulotda esa haftalar turadi. Quyida UX va UI’ga nima kirishi, ish qanday oʻtishi va natijada nimani olishingiz kerakligi haqida.
UX va UI — farqi nimada
| UX | UI | |
|---|---|---|
| Savol | Odam nima uchun kelgan boʻlsa, shuni qila oladimi | Bu tushunarli va yoqimli koʻrinadimi |
| Natija | Ssenariylar, ekranlar tuzilmasi, prototip | Maketlar, ranglar, shriftlar, komponentlar |
| Xato narxi | Foydalanilmaydigan mahsulot | Ishonilmaydigan mahsulot |
Biri ikkinchisisiz ishlamaydi: chalkash mantiqli chiroyli interfeys ham, tushunarli, lekin betartib interfeys ham mijozlarni bir xil yoʻqotadi. Shuning uchun ularni odatda bitta jamoa bitta loyihada qiladi.
Ish qanday oʻtadi
- Foydalanuvchi vazifalari. Mahsulotdan kim foydalanadi va u nima qilishi kerak — buyurtma berish, hujjat topish, qabulga yozilish.
- Ssenariylar. Odamning qadam-baqadam yoʻli, xatolar bilan birga: tovar yoʻq, toʻlov oʻtmadi, parolni unutdi.
- Tuzilma va prototip. Rang va rasmsiz ekran sxemalari — ranglar emas, mantiq muhokama qilinishi uchun.
- Tekshiruv. Prototipni bir necha haqiqiy foydalanuvchiga sinab koʻrishga berishadi va ular qayerda qotib qolishini kuzatishadi.
- Vizual dizayn. Firma uslubidagi barcha ekranlar va holatlar maketlari.
- UI kit va topshirish. Komponentlar, otstuplar va qoidalar — dasturchilarga kerak boʻlgan hammasi.
Telefonda hal qiluvchi mayda narsalar
- Tugma va havolalar faqat kursor emas, barmoq ham tushadigan oʻlchamda.
- Asosiy harakat — ekran pastida, bosh barmoq zonasida.
- Toʻgʻri klaviaturali kiritish maydonlari: telefon uchun raqamlar, email uchun pochta.
- Tepada umumiy qizil matn emas, maydon yonida tushunarli xato xabarlari.
Ilovalar uchun platforma qoidalari saytlarnikidan qatʼiyroq — bu bilan alohida yoʻnalish, mobil ilova dizayni shugʻullanadi. Saytni telefonda oʻzingiz qanday tekshirishni saytning mobil versiyasi haqidagi qoʻllanmada tasvirladik.
Nimani olishingiz kerak
| Nima | Nima uchun |
|---|---|
| Ekranlar xaritasi va ssenariylar | Butun mahsulot va unda nima unutilmagani koʻrinadi |
| Bosiladigan prototip | Ishlab chiqishdan oldin investor, jamoa yoki foydalanuvchilarga koʻrsatish mumkin |
| Barcha ekran va holatlar maketlari | Boʻsh roʻyxat, yuklanish, xato — dasturchi ularni oʻzi oʻylab topmaydi |
| UI kit | Tugmalar, maydonlar, kartochkalar — yangi ekranlar tayyor detallardan yigʻiladi |
| Manba fayllar va kirish huquqi | Dizayn pudratchida emas, sizda qoladi |
Qancha turadi va nimaga bogʻliq
- Ekranlar va foydalanuvchi rollari soni.
- Prototipni odamlarda tekshirish kerakmi.
- Firma uslubi bormi yoki uni ham yaratish kerakmi.
- Bitta platforma yoki sayt va ilovalar.
Bizda UX/UI dizayn 20 mln soʻmdan, muddati 7 kundan. Mahsulot yangi boʻlsa va birinchi navbatda qaysi funksiyalar kerakligi noaniq boʻlsa, ekranlardan oldin mahsulot dizayni — vazifalar va ustuvorliklarni oʻrganishdan boshlashadi.