Reja: ui nima?

UI rivojlanishi

Shunday qilib, biron bir dasturni ishlatishda muammoga duch kelmaslik uchun, aqlli odamlar uning funktsional imkoniyatlarini tushunarli elementlar ko'rinishida tasavvur qilishadi va bu vizualizatsiya orqasida UX / UI dizaynidagi butun oshxona yotadi.

UX (User Experience) va UI (User Interface) o'rtasidagi chiziq juda nozik, ammo agar qarasangiz, UX foydalanuvchini tushunishga yordam berishi aniq bo'ladi. UX-dizayn texnologikdan ko'ra ko'proq psixologik tomonga ega. UX foydalanuvchini o'rganadi: foydalanuvchi qanday yashaydi, nimani o'ylaydi, qanday qilib va ​​nima qiladi va uni o'rab oladi. Vazifa dizaynerga qo'yilgan - oddiy odamga dasturiy mahsulotingizni osongina topishga va u bilan ishlashdan mamnun bo'lishga yordam berish.

Va foydalanuvchini tushunish juda muhimdir. Hech kim veb-saytdagi ro'yxatdan o'tish formasining yigirma maydonini to'ldirishni yoki kerakli funktsiyaga kirishdan oldin o'n besh yorliqni bosishni xohlamaydi. "Foydalanuvchi biron bir muammoni hal qilish uchun zarur bo'lgandan uzoqroq vaqt davomida dastur bilan ishlashga majbur qilinmasligi kerak" (Alan Kuper, "Bemorlar qo'lidagi ruhiy kasalxona").

Bu dizayner hal qilishi kerak bo'lgan haqiqiy muammodir va biz bu muammoni hal qilish bosqichlari bilan bir oz yaqinroq tanishamiz.

Kontseptsiya

Birinchidan, kelajakdagi interfeys elementlarini boshqarishimiz kerak. Buning uchun biz vazifani aniqlaymiz, mavzu doirasini, auditoriyani va mahsulotni qanday ishlatishini ko'rib chiqamiz.

Mocap yaratish

Ushbu qadam mijoz interfeysini tezda tushunishga va foydalanuvchi interfeysini ishlab chiqishni boshlashdan oldin juda ko'p o'zgarishlarni amalga oshirishga imkon beradi. Biz tugmalar, shakllar va boshqa kerakli elementlarning joylashishini aniqlaymiz va shundan keyingina ranglar palitrasi, shriftlar, rasmlarni tanlaymiz va bularning barchasini qulay va chiroyli ko'rinishga aylantiramiz. Ya'ni, biz jang maydonidan (sahifada elementlarni joylashtirish rejasi) boshlaymiz va ushbu rejadan chiroyli rasmni yaratish bilan yakunlaymiz. Android va iOS uchun dasturlar ishlab chiqishda dizaynerning ishlashi ko'rsatmalar - interfeys elementlarini loyihalash va joylashtirish qoidalari, to'g'ridan-to'g'ri Google va Apple dizaynerlari tomonidan yaratilgan UX / UI reglamenti yordam beradi.

Mokapga misol. Manba: o'rta.com

Foydalanuvchi oqimi diagrammasi (ekran xaritasi)



Manba: dribbble.com

Eskizni aniqlab olishimiz bilanoq, ekranlarning xaritasini boshlash va kelajakdagi dasturiy vositalarni ishlatishda oddiy odam o'zini qanday tutishi va interfeys u bilan har bir foydalanuvchi bilan qanday munosabatda bo'lishini bilish vaqti keldi.