Foydalanuvchi interfeysi dizaynidagi eng yaxshi 11 ta xato va ulardan qanday
qochish kerak
Haqiqat shundaki, odamlarda sabr-toqat etishmaydi. Aslida, Microsoft
ma'lumotlariga ko'ra, bizning e'tiborimiz atigi sakkiz soniyagacha
kamaydi. Raqamli mahsulot dizayni prizmasi orqali qarasangiz , u
foydalanuvchilaringizni hayratda qoldirish uchun juda oz vaqt beradi. Bu bitta
narsani anglatadi - siz hech qanday foydalanuvchi tajribasi yoki UI dizayn
xatolarini ko'ra olmaysiz!
Ularning oldini olish uchun biz mahsulot va dizayn guruhi mutaxassislariga
murojaat qildik. Biz ulardan foydalanuvchi interfeysi dizaynidagi xatolar
misollarini baham ko'rishlarini so'radik. Mana ular nima deyishdi.
Interfaol prototiplarni yaratish va ularni haqiqiy foydalanuvchilar bilan sinab
ko'rish orqali foydalanuvchi interfeysini loyihalashda keng tarqalgan xatolardan
qoching. UXPin Merge texnologiyasini sinab ko'ring va yakuniy mahsulotga
o'xshash to'liq ishlaydigan prototiplarni yaratishni tezlashtiring. UXPin Merge
bilan tanishing.
Prototiplashning yangi darajasiga chiqing
Jamoangizning dizayn tizimidan keladigan interaktiv komponentlar bilan dizayn.
UXPin Merge bilan tanishing
Foydalanuvchi interfeysi dizayni nima?
Foydalanuvchi interfeysi dizayni raqamli mahsulotning grafik foydalanuvchi
interfeysini yaratish jarayoni bo'lib, mahsulotdan foydalanayotgan odamlar
tomonidan izchil, tushunarli va tushunarli bo'ladi. Foydalanuvchi interfeysi dizayni
(UI dizayni) - bu UI dizaynerining, grafik interfeyslarni yaratishda malakali
shaxsning yoki mahsulot dizaynerining, foydalanuvchi tajribasi uchun mas'ul
bo'lgan shaxsning vazifasidir. UX va UI dizayni o'rtasidagi farqlarni ko'rib
chiqing .
Foydalanuvchi interfeysi foydalanuvchiga mahsulot bilan muloqot qilishni
osonlashtirish uchun tugmalar, kiritish maydonlari, piktogrammalar yoki modallar
kabi yaxshi tanilgan UI elementlaridan foydalanadi.
Foydalanuvchi interfeysini yaratish jarayoni umumiy qadamlar to'plamidan
iborat. UI dizayni tadqiqotga asoslangan bo'lib , uni hayotga olib keladigan ishlab
chiquvchilarga topshirishdan oldin bir qator takrorlash va sinovlardan o'tadi
. Keling, UI dizaynerlari qanday xatolardan qochish kerakligini ko'rib chiqaylik.
1. Kutubxonani tashkil qilishni dizayndan ustun qo'yish
Biz mahsulot dizayni qat'iy belgilangan dizayn jarayoni bo'lishini istasak, uni
oxirigacha oldindan aytish mumkin, bu aslida bir nechta evristika va dizayn
muammolariga moyil bo'lgan yarim tizimli jarayondir.
So'nggi yillarda UI yoki UX dizayndagi ko'plab xatolar jarayon xatolarini ortiqcha
kompensatsiya qilish natijasida yuzaga kelganga o'xshaydi, ulardan biri kutubxona
tashkilotini dizayndan ko'ra birinchi o'ringa qo'yishdir. Dizayn
tizimlarining yoshidan oldin dizaynerlar tartibsiz fayllarga va hatto tartibsiz
hujjatlarga ega edi.
Keyin biz yozma standartlar ko'rinishidagi ko'rsatmalar bilan bir qatorda
birlashtirilishi mumkin bo'lgan qayta foydalanish mumkin bo'lgan komponentlar
to'plamini yaratadigan nuqtaga keldik. Interfeyslarni loyihalashda dizaynga
yo'naltirilgan yondashuv bilan biz yanada tartibli bo'lishga va tezroq yetkazib
berishga muvaffaq bo'ldik. Ammo endi biz haqiqiy prototiplash va UI
dizaynimizni takomillashtirishga e'tibor qaratishdan ko'ra, kutubxonalarni tashkil
etishga moyil bo'lgan nuqtaga yetdik .
Eng tez-tez uchraydigan xatolardan biri bu resurslarni innovatsiyalarga sarflash
o'rniga dizaynni tashkil etishga nomutanosib e'tibor berishdir. Biz nihoyatda
yaroqsiz dizaynni yaratadigan toza kutubxonalar va tartibli komponentlarga ega
ko'plab dizayn tizimlarini ko'rdik . Funktsionallik, axborot arxitekturasi va
dizaynni real dunyoda sinab ko'rish veb-dizayn estetikasi va dizayn tizimini tashkil
etishdan ustun bo'lishi kerak.
2. Veb-sayt dizaynini etarlicha sinovdan o'tkazmaslik
Veb-saytni loyihalash qiziqarli va ijodiy jarayon bo'lishi mumkin, ammo mahsulot
dizaynerlari o'zaro dizayndagi har qanday tuzoqqa yo'l qo'ymaslik uchun
o'zlarining grafik foydalanuvchi interfeyslarini sinchkovlik bilan sinab ko'rishlari
juda muhimdir . Agar dizaynerlar prototiplarni sinab ko'rmasa va yorliqlarga
bormasa, ijodkorlik foydalanuvchi tajribasiga to'sqinlik qilishi mumkin. Ba'zan eng
oddiy dizayn eng muvaffaqiyatli hisoblanadi - masalan, Craigslist va
Google. Tekshirilmagan badiiy effektlar va estetika foydalanuvchi tajribasiga
to'sqinlik qilishi va foydalanuvchilarni sahifani butunlay tark etishiga olib kelishi
mumkin.
3. Mos kelmaydigan dizayn
Dizaynda izchillik takrorlanadigan foydalanuvchi o'zaro ta'siri va interfeys
elementlari bir xil ko'rinishga ega ekanligiga ishonch hosil qilishni
anglatadi. Tushuntirish uchun veb-sahifadagi animatsiyalarning ba'zi UI dizayn
misollariga murojaat qilaylik. Agar “men haqimda” matni ko‘rsatilishidan oldin
jamoa a’zolaridan birining yuzi aylansa, qolgan jamoa a’zolarining ham yuzlari
aylanib chiqishi kerak. Agar birinchi H3 sarlavhasi 18px shrift hajmi va 30px
pastki chetiga toʻq kulrang Helvetica boʻlsa, h3 sarlavhalarining qolgan qismi bir
xil boʻlishi kerak.
Oldindan rejalashtirish - dizayningizni izchil saqlashning eng oddiy usullaridan
biri. Shunchaki barcha harakatlaringiz ro'yxatini tuzing va ularni taqqoslanadigan
yoki bir xil vizual elementlarga ega guruhlarga ajrating. Nihoyat, har bir guruh
uchun bitta UI elementini va izchil hizalanishni tanlang. Xuddi shu tipografiya,
uslublar, ranglar yoki boshqa vizual belgilar va hatto bir xil iboralar va hover
effektlari kabi uslublar qo'llanmasining boshqa elementlari ham tayinlanishi kerak.
4. Foydalanish qulayligidan ko'ra ajralib turishga juda qattiq e'tibor qaratish
Ko‘p kompaniyalar foydalanuvchi interfeysi dizayni haqida gap ketganda qilgan
katta xatosi shundaki, ular o‘z saytlarining qulayligidan ko‘ra ko‘proq ajralib
turishga yoki ijodiy bo‘lishga harakat qilishadi.
Garchi siz u yoki bu tarzda ajralib turishni xohlasangiz ham, bu sizning
auditoriyangizni jalb qilish uchun veb-saytingizda grafikalar va qiziqarli kichik
Pasxa tuxumlari bilan cheklanishingiz kerak degani emas. Haqiqatan ham, haddan
tashqari ko'p narsa veb-saytingizdan foydalanishni qiyinlashtirishi va
auditoriyangizning hafsalasi pir bo'lishiga va raqobatchilaringizning saytlariga
o'tishiga olib kelishi mumkin.
Shunday qilib, faqat veb-saytingiz dizayniga e'tibor qaratishdan ko'ra, siz turli xil
harakatlarning qulayligi, intuitivligi va oqimi kabi narsalarga e'tibor berishni
unutmasligingiz kerak. Bu sizning auditoriyangiz uchun har tomonlama tajriba
yaratishga yordam beradi va ular sizning saytingizda bo'lganda ularni jalb qiladi.
5. Navigatsiyani chalkashtirib yuborish
Men boshdan kechirgan eng yaxshi foydalanuvchi interfeysi dizayni xatosi (aslida
veb-saytimizni birinchi boshlaganimizda bizda bu muammo bor edi) navigatsiyani
chalkashtirib yuboradi. Kompaniyalar har doim o'z veb-saytlariga iloji boricha
ko'proq ma'lumot kiritishlari va tashrif buyuruvchilar uchun turli xil veb-
sahifalarga ega bo'lishlari kerak deb o'ylashadi. Muammo shundaki, bu sizga
mantiqiy tuyulishi mumkin, ammo hamma uchun mantiqiy bo'lmasligi mumkin.
Chalkash navigatsiya veb-saytni o'ldirishi mumkin. Iste'molchilar ko'p vaqtlarini
qaysi sahifa ularning ehtiyojlariga mos kelishini aniqlashga sarflashni
xohlamaydilar va agar ular juda chalkash deb qaror qilsalar, veb-saytingizni tezda
tark etishadi. Navigatsiyangiz qanday ishlashini hal qilishdan oldin tadqiqot
o'tkazish muhim, chunki bu sizga aniq iste'molchilar sizdan nimani kutishlari va
biznesingiz uchun navigatsiyaning qaysi jihatlarini soddalashtirish mumkinligi
haqida tushuncha beradi.
6. Juda ko'p so'zlar
Agar sahifada juda ko'p matn mavjud bo'lsa, tashrif buyuruvchilar veb-sayt
xabarini e'tiborsiz qoldirishlari mumkin. Axir, agar o'quvchi ko'p sonli so'zlar va
paragraflar bilan to'lib-toshgan bo'lsa, u yo o'qishga intilishdan voz kechadi yoki
jasur harakatdan keyin urinishdan voz kechadi.
Qanday bo'lmasin, tirnash xususiyati, o'tkazib yuborilgan xabar va yo'qolgan
istiqbol - bu yakuniy natijalar. Shunday qilib, iloji boricha kamroq so'z bilan
muloqot qilish uchun nima kerakligini ifodalang yoki mijozingizga ushbu muhim
qoidani o'rgating. Ko'proq rasm va kamroq matndan foydalaning: raqamli dizaynda
rasm har doim ming so'zga arziydi. Grafikangiz bilan bir qatorda sarlavhalar,
pastki sarlavhalar, o'qlar va qutilardan foydalanganingizga ishonch hosil qiling.
7. Uslubni moddadan ustun qo‘yish
Foydalanuvchi interfeyslarini loyihalash - bu qiziqarli foydalanuvchi tajribasini
yaratish, foydalanuvchilarga o'z vazifalarini bajarishda yordam berish va
konversiyalarni oshirishdir. Shunday qilib, siz bir, ikki yoki o'n ikkita interfeys
dizayni xatosiga yo'l qo'yishingiz mumkin. Foydalanishga yaroqli mahsulotni
yetkazib berish uchun uni aylanib o'tishni o'rganish juda muhimdir. Dizaynerlar
qiladigan eng keng tarqalgan xatolardan biri bu uslubni moddadan ustun
qo'yishdir. Afsuski, foydasiz UXga ega chiroyli UI dizayni vaqt sinoviga dosh
berolmaydi va o'z maqsadlariga erisha olmaydi.
Birinchidan, dastur/veb-saytning oqim sxemasi haqida o'ylashga harakat qiling
. G'oyalaringizni maqsadli foydalanuvchilar bilan tasdiqlang, so'ngra funktsional
echimlarni chiroyli UI ichiga o'rashni o'ylab ko'ring. Barqaror UI yaratish har bir
dizayner uchun qiyin vazifadir. Tasavvur qiling-a, sizning ilovangiz bir necha yuz
ekranga ega va ularning har biri umumiy vizual uyg'unlikda tayyorlangan
komponentlarning bitta kutubxonasidan foydalanishi kerak. Bu ochiq-oydin
tuyulishi mumkin, lekin haqiqiy hayotda bu qiyin bo'lishi mumkin.
Komponentlar kutubxonasini (Dizayn tizimi) yaratishda har bir harakatni
rejalashtirishingizga ishonch hosil qiling. Keling, berilgan komponentni qayta
ishlatish mumkinmi yoki yo'qligini o'ylab ko'raylik. Eshikni orqangizdan
yopmang.
8. Maqsadli foydalanuvchilarning ehtiyojlarini qondira olmaslik
Raqamli marketing mijozlarimdan biri uchun men UX mutaxassisi bilan SEO
optimallashtirish strategiyasini ishlab chiqdim. Veb-sayt yaratishda uni chiroyli
qilishning o'zi etarli emas. Mavzu, uslub va vositalar maqsadli bozoringiz
ehtiyojlariga mos kelishi kerak.
Bir qarashda, mijozimiz veb-saytida hech qanday xatolik yo'q deb o'ylashimiz
mumkin, ammo ularning veb-sayt konvertatsiya darajasi past edi. Veb-sayt ijodiy
edi; u qalin rang kontrasti va oson bron qilish jarayonidan foydalangan. Biroq,
biznes keksa fuqarolarga qaratilgan xizmatlarni taqdim etdi. Dizayn va joylashuv
taklif etilayotgan xizmatlarning kayfiyati va ohangiga yoki maqsadli bozorga mos
kelmadi, bu sayt foydalanuvchilar uchun deyarli noqulaylik tug'dirdi.
Bundan tashqari, ijodkorlik va ma'lumot bilan chegaralanish hech qachon yaxshi
belgi emas. Xaridorlar ma'lumotlarning haddan tashqari yuklanishi va veb-
sahifadagi tartibsizliklar tufayli tranzaksiyani yakunlamaganliklarini his qilishlari
mumkin. Shunday qilib, sizning dizayningiz qanchalik yaxshi bo'lmasin, agar u
maqsadli bozoringizga mos kelmasa, u axlatxona bo'lishi mumkin.
Bu bizni quyidagi keyingi nuqtaga olib boradi.
9. Inklyuziv bo'lishni unutish
Foydalanuvchi interfeysi dizaynidagi xatolarning yana bir misoli,
inklyuzivlik yo'qligi . Mening blog yuritadigan ko'r do'stim bor. Tasavvur qiling-a,
men o'z veb-saytimni u bilan baham ko'rganimdan qanchalik dahshatga tushdim va
KEYIN o'z dizaynimda ADAga unchalik yaxshi munosabatda bo'lmaganimni
tushundim! Katta ish olib borilayotgan bir paytda (bu erda bir nechta saytlar), men
umuman turli xillik uchun UIni yaxshilashni maqsad qilib qo'ydim .
Asosiy o'zgarishlardan biri mening o'zgartirilgan matnim. Alternativ matn
tavsiflovchi, rang-barang va qiziqarli bo'lishi kerak. Yaxshi yozuvchi so'zlar orqali
tasvir yaratishi mumkin. Lekin, shuningdek, mening brendingning asosiy qismi
juda ingl. Va men o'zimning o'zgargan matnimda o'zimni xuddi shunday
markalashim kerak, chunki ekran o'quvchilaridan foydalanadigan odamlar shunday
ko'rishadi.
Ko‘zi ojiz do‘stim mening veb-saytimga kirib, “Mishel Grevening fotosurati”ni
eshitishi mumkin edi.
YOKI buning oʻrniga u eshitishi mumkin edi: “Mishel Grewening oq-qora
fotosurati, kulrang qalpoqli kozok kiygan oq ayol, goʻyo uning modasi Qizil
qalpoqchaning soxta begunohligini taqlid qilishga urinayotgandek. . Bu ko'rinishni
kuchaytirib, u ham Masihning kumush marjonini kiygan. Uning to‘q jigarrang
sochlari yelkasidan biroz pastroqda o‘tiribdi, keng ko‘zlari esa rad etilgan Scooby
Du epizodidagi hayajonli qal’adagi dahshatli portret kabi chapga va bir vaqtning
o‘zida sizga qaraydi. Uning tabassumi Cheshir mushuki tabassum qilmaslikka
harakat qilayotganga o'xshaydi.
Qarang. Men shunchaki o'zimni ekran o'quvchilariga belgiladim.
10. Dizayn tendentsiyalariga ko'r-ko'rona ergashish
Dizayn tendentsiyalari haqida gap shundaki, ular keladi va ketadi. Siz
foydalanuvchi interfeysi dizaynini o'zlashtirdim deb o'ylaganingizda, oldingi
strategiyalaringizni qayta ko'rib chiqishga majbur qiladigan yangi tendentsiya
paydo bo'ladi. Mobil ilovalarning veb-ishlab chiquvchisi sifatida siz har bir
tendentsiyani baholashingiz kerak bo'lsa-da, ularning barchasini qabul
qilmasligingizni va kerak emasligini yodda tuting.
Yangi foydalanuvchi interfeysi tendentsiyalariga amal qilmang, chunki hamma
ham xuddi shunday qiladi. Aksincha, ishlash ko'rsatkichlaringizni qayta ko'rib
chiqing va o'tish veb yoki mobil ilovaga tegishli yoki yo'qligini aniqlang.
Bir nechta tendentsiyalar etarli ma'lumotlar bilan qo'llab-quvvatlanmasligi
mumkin, bu sizning pulingiz va vaqtingizni ular nomidan behuda sarflashga olib
keladi. Har bir yangi tendentsiyani diqqat bilan o'rganing, bu sizning ilovangiz
uchun eng mos texnika ekanligiga ishonch hosil qiling.
11. Teskari aloqa yetarli emas
Interfeys dizayndagi eng jiddiy, ammo juda oddiy xatolardan biri bu fikr-
mulohazalarning etarli emasligidir . Ayniqsa, chiptalarni bron qilish, mahsulotlarga
onlayn buyurtma berish va onlayn to'lovlarni qayta ishlashda yetarlicha fikr-
mulohaza bo'lmasligi katta oqibatlarga olib kelishi mumkin.
Foydalanuvchilar zudlik bilan fikr-mulohazalarini olmaganlarida, ular harakatning
to'g'ri ro'yxatdan o'tganligiga ishonchlari komil emas. Ular hisob-kitob bosqichida
qaytishi yoki qayta urinib ko‘rishi mumkin, buning natijasida xatolik tufayli bir
nechta buyurtmalar yaratilishi mumkin . Oxirgi bosqichda bu foydalanuvchilarni
yo'qotish uyat bo'lardi.
Fikr-mulohaza zudlik bilan, nozik va foydalanuvchi uchun oson tushunarli bo'lishi
kerak, shuning uchun ular to'lov jarayoni orqali muammosiz o'tishi mumkin.
Ajoyib foydalanuvchi interfeysi dizaynlarini yarating.
Ushbu qismni o'qib chiqqaningizdan so'ng, siz interfeys dizaynini yaxshilash
uchun qanday xatolardan qochishingiz kerakligi haqida aniq tasavvurga ega
bo'lasiz. Boshqalar qatorida quyidagilarga ishonch hosil qiling:
Foydalanuvchilarning fikr-mulohazalariga e'tibor bering
Dizayn izchilligini saqlang
Maxsus imkoniyatlarga oid koʻrsatmalarni qoʻllang
Oddiy foydalanuvchi sayohat yo'llari va navigatsiya yarating
Agar biz yuqoridagi ro'yxatga o'z maslahatimizni qo'shadigan bo'lsak, bu to'g'ri
foydalanuvchi interfeysi dizayni vositasidan, ya'ni hamkorlikni rag'batlantiradigan
vositadan foydalanishdir. Bu erda UXPin birlashtirish mukammal yechim bo'lishi
mumkin.
| 