Tarkib
- 01. Tanlovlarni cheklash
- Tegishli tanlovlar
- Muqobil tanlov
- 02. Vizual tartibsizlik
- 03. Vizual iyerarxiyani optimallashtirish
- Tarkib va sarlavhalar
- UI va rang
- 04. Ko'proq narsani kamaytiring
Foydalanuvchi interfeysi dizayni haqida gap ketganda, "minimalizm" atamasi hali ham ko'p chalkashliklarni keltirib chiqaradi. Nima u? Uni qanday ishlatishimiz kerak (umuman bo'lsa) va u tekis dizayn, tekis 2.0, moddiy dizayn va boshqa zamonaviy dizayn tizimlari va vizual estetika bilan bir qatorda spektrga qaerga tushadi?
Avvalo, minimalizmni ko'rib chiqaylik. Minimalizm tekismi yoki tekis ishmi? Bu bo'lishi mumkin. Minimalizm oqmi? Bu bo'lishi mumkin. Minimalizm kamroq tartibsizlikni anglatadimi? Bu qila oladi. Minimalizm ko'p narsalarga o'xshab ketishi mumkin - bir qator misollar uchun bizning minimalist veb-saytlarning dizaynini ko'rib chiqing. Biroq, biz ko'pincha nimaga erishishni maqsad qilganini va nima uchun bunga muhtojligimizni unutamiz.
Asosan, minimalist dizayn niyat bilan aralashgan ravshanlikni himoya qiladi; boshqacha qilib aytganda, foydalanuvchilarning e'tiborini tajribani eng qimmatli tomonlariga yo'naltirish uchun "kerak bo'lgan narsadan ko'proq", shu bilan birga foydalanuvchilarni chalg'itishi mumkin bo'lgan jihatlarga e'tiborni olib tashlash. Ushbu mantiqqa ko'ra, barcha dizayn minimal bo'lishi kerak, ammo agar biz minimalizmdan to'g'ri foydalansak.
Agar siz minimalist veb-saytingizni yangilash uchun butunlay yangi dizayn tizimini yaratayotgan bo'lsangiz, sizning jamoangiz muammosiz kirishi uchun fayllarni xavfsiz saqlaganingizga ishonch hosil qiling. Bulutli saqlashning eng yaxshi variantlari yordam beradi.
Albatta, minimalist dizayn yoqimli ko'rinishi mumkin, ammo u hech qachon ravshanlik hisobiga bo'lmasligi kerak, ya'ni bu erda dizayn minimalist fazilatlarni namoyon qiladi, ammo ongli fikrisiz, har qanday intuitiv funktsiya yoki foydalanishga yaroqsiz go'zal shaklni namoyish etadi.
Qanday qilib bosqichma-bosqich minimalizmga erishish mumkinligi haqida yuraylik.
01. Tanlovlarni cheklash
Tanlovni cheklash - bu kognitiv ortiqcha yukni kamaytirishning bir usuli, bu esa foydalanuvchiga qarorlarni yanada samarali qabul qilishiga yordam beradi. Biroq, qulaylik uchun biz ikkita narsani kiritishimiz kerak bo'ladi:
- Tegishli tanlovlar
- Muqobil tanlov
Tegishli tanlovlar
Foydalanuvchilarga tegishli bo'lgan narsani aniqlash kontekstga bog'liq. Masalan, biz blogdagi yangi maqolalar ro'yxatini namoyish qilayotgan bo'lsak, ularning bir nechtasini namoyish qilish to'g'risida qaror qabul qilish foydalanuvchi tizimga kirganiga yoki kirmaganligiga bog'liq bo'lishi mumkin. Birinchisi bilan biz foydalanuvchining o'qish didini aniqlash uchun sun'iy aqldan foydalanishimiz mumkin. Ikkinchisida biz tarkibni ma'lum bir foydalanuvchiga moslashtira olmaymiz, ammo bu bizning qo'limizda ma'lumotlar yo'q degani emas. Trafik ma'lumotlariga asoslangan holda biz natijalarni ro'yxatlashimiz mumkin (munosib veb-xosting xizmati siz uchun bir qator tahlillarni o'tkazishi mumkin).
Biroq, bu tarkib. UI haqida gap ketganda, Google Analytics kabi kuzatuv vositalari bizning foydalanuvchimiz xatti-harakatlari haqida ko'proq bilib olishga yordam beradi. Crazy Egg va Google Optimize kabi A / B sinov vositalari bizning maketimizning muqobil versiyalarini sinab ko'rishlari mumkin. Issiqlik xaritalari, shuningdek, foydalanuvchilar nima qilishini va ularga ahamiyat bermasligini ko'rsatishi mumkin.
Yoki, agar siz noldan dastur yoki veb-sayt yaratayotgan bo'lsangiz (ehtimol veb-sayt yaratuvchisidan foydalangan holda), mavjudligini tekshirish orqali axborot arxitekturasini loyihalashtirish ma'lumotlar mavjud bo'lmaganda yaxshi taktika bo'ladi - ochiq va yopiq kartalarni saralash yoki funktsional salqinlikni sinab ko'rish manbalari bu erda yodda tuting.
Ko'rib turganingizdek, sifatli va miqdoriy ma'lumotlarni olish va ularni asosli qarorlar qabul qilish uchun birlashtirishning ko'plab usullari mavjud.
Muqobil tanlov
Agar biz axborot arxitekturasini yaxshi loyihalashtirayotgan bo'lsak, muqobil variantlarga kirishning oddiy usullarini taklif qilamiz. Tarkib uchun bu "barchasini ko'rish" tugmachasi bo'lishi mumkin, ammo navigatsiya uchun bu gamburger menyusi bo'lishi mumkin (ha, gamburger menyusi unchalik yomon emas!).
Minimalizm haqida gap ketganda kamroq narsa ko'proq bo'lsa ham, bu bizning umumiy taklifimizni cheklashimiz kerak degani emas, faqat oldingi taklifimiz. Minimal tartibsizlik = maksimal ta'sir!
Qiziqarli fakt: mahsulot taqdimotlari (ya'ni tarkib) haqida gap ketganda, Stiv Jobs mashhur uchta qoidaga binoan qasamyod qilgan.
02. Vizual tartibsizlik
Tartibsizlik haqida gapirganda, vizual tartibsizlik nafaqat hissiy qiymat qo'shadigan kosmetik uslublarni nazarda tutadi - ya'ni ular ajoyib ko'rinishga ega, ammo boshqa hech narsani taklif qilmaydi. Endi men chiroyli ko'rinadigan narsalarni yaxshi ko'raman (hamma dizaynerlar emasmi?) Va hissiy dizayn juda muhim, ayniqsa iste'molchilarga asoslangan sohalarda, lekin uning sirt qatlami deb nomlanishining sababi bor - u oxirgi qo'llaniladi.
Yuzaki qatlam haqida gap ketganda, shamol bilan yugurish juda oson - ba'zilari uni haddan tashqari dizayni deb atashadi. Agar biron bir narsa sizga ma'qul kelmasa, Coco Chanel bir marta shunday degan edi: "Aksessuarlar tayyorlanganda, har doim kiygan narsangizni echib oling".
Ammo, agar siz haqiqatan ham ma'lumotlarga asoslangan holda yanada oqilona yondashishni istasangiz, men foydalanishni juda yaxshi ko'radigan hiyla-nayrang bor, bu ekranni almashishni o'z ichiga oladi. Ekraningizni baham ko'rish paytida bir nechta foydalanuvchini sotib oling va ularga qaysi uslublarni yoqish va o'chirishni hal qilishiga qaror qiling. Vizual jozibasi va qulayligi foydalanuvchini qoniqtirmaguncha davom eting.
Maqsadlarga kelsak (tugmachalar, havolalar, kirish maydonlari va boshqalar), vizual muvofiqlikni sinash qaysi elementlarning bosilishi mumkin ko'rinishini va qaysilarining yo'qligini aniqlashi mumkin. Siz avvalgi texnikaning foydaliroq bo'lishini bilib olishingiz mumkin, chunki u echimlarni ham ochib beradi (ya'ni, vizual tartibsizlikni kamaytirish uchun qaysi uslublarni olib tashlash kerak).
03. Vizual iyerarxiyani optimallashtirish
Shunday qilib, biz kognitiv haddan tashqari yukni kamaytirish uchun oldingi taklifimizni minimallashtirdik va uni ingl. Albatta, lekin biz foydalanuvchilar dangasa ekanligini unutmasligimiz kerak - foydalanuvchilar o'qishdan oldin ular skanerlashadi.
Bu shuni anglatadiki, foydalanuvchilar bizning interfeysimiz va tarkibimizni qisqacha skanerlashadi, hatto eng kichik vizual chalg'itish ham foydalanuvchilarni haqiqatdan ham muhim bo'lgan narsadan uzoqlashtirishi mumkin va skanerlash mumkin bo'lganda minimallashtirish yanada muhimroq bo'ladi. Ammo bundan tashqari, minimallashtirishdan keyin qolgan elementlar bir-birini yaxshi to'ldirishi kerak. Agar biz uni baland ovoz bilan gapiradigan bo'lsak, kamroq narsa ko'proq bo'ladi.
Tarkib va sarlavhalar
Foydalanuvchilar o'z sarlavhalarini skanerlash orqali tarkibni oldindan tuzganliklari sababli, ushbu sarlavhalar nafaqat uning xatboshilari nimada batafsil ishlab chiqilganiga ishora qilmasdan, balki foydalanuvchilar faqat sarlavhalarni o'qisa, qoniqish bilan ketib qolishlari uchun juda yaxshi ma'lumotga ega bo'lishi kerak - bu hali ham to'g'ri hatto SEO qiymati jihatidan bizga qimmatga tushsa ham. Axir, foydalanuvchi kelganidan keyin yaxshi o'qish tajribasini taklif qila olmasak, sotib olishdan qanday foyda?
Shuningdek, sarlavhalar aniq tipografik ierarxiyadan foydalanishi kerak, bu foydalanuvchilarga tarkibning alohida parchalari qanday qilib ma'lumotlarning bir qismini tashkil qilishini tushunishga yordam beradi.
UI va rang
Shunga o'xshash kontseptsiya UI va rangga tegishli. Rang nafaqat qarama-qarshilikda, balki ma'no chiqarishda ham yordam berishi mumkin, shuning uchun foydalanuvchilar ushbu maqsadlarga duch kelganda, ular avtomatik ravishda nima qilishlarini yoki qaerga olib borishini tushunishadi.
Sarlavhalar va ranglarni to'g'ri qabul qilish minimalizmga bevosita aloqasi bo'lmasligi mumkin, ammo bu biz minimallashtirishga tayyor bo'lmagan elementlarning imkon qadar samarali bo'lishini ta'minlaydi. Aks holda, biz kompensatsiyani qoplash uchun haddan tashqari loyihalash xavfiga duch kelamiz.
04. Ko'proq narsani kamaytiring
Barchasini bitta ekranga joylashtiring. Bu sodda, to'g'rimi? ”Nazariy jihatdan bu eng yuqori darajadagi g'oyaga o'xshaydi, ammo bu har qanday holatda ham ishlaydigan echim emas. Ba'zi dizaynlar boshqalarga qaraganda murakkabroq va bundan tashqari kim uchun oddiy? Siz sodda dasturni (ishlab chiquvchilar uchun ishlarni osonlashtiradigan) va oddiy UXni (foydalanuvchilar uchun ishlarni osonlashtiradigan) chalkashtirishni unutmasligingiz kerak.
UI og'ir komponentlarini kichikroq foydalanuvchi oqimlariga ajratishni o'ylab ko'ring. Texnik jihatdan bu ko'proq narsaga olib keladigan bo'lsa-da, kamroq narsa xayolini yaratadi. Odatda bu uzun shakllarni mantiqiy bosqichlarga ajratishni anglatadi, lekin bu uzun maqolalarni tasvirlar bilan ajratishni ham anglatadi.
Umuman olganda, minimalizm hiyla-nayrang mavzusi. Ba'zan biz buni vizual estetika (tekis foydalanuvchi interfeysi, oq fon va boshqalar) deb tushunsak, ba'zida biz uni shunchaki tushuncha yoki hatto turmush tarzi deb bilamiz. Foydalanuvchi interfeysi dizayni nuqtai nazaridan, bu haqda o'ylashning eng yaxshi usuli har bir elementning bilim yukiga ta'sirini ko'rib chiqishdir.
Kognitiv yukni kamaytirishni rejalashtirayotganda, har qanday uslub, foydalanuvchi oqimi, o'zaro ta'siri va xususiyatlari uchun o'zingizga quyidagi savollarni bering:
- Bu kerakmi?
- Bu ko'proq soyalash elementlari muhimroqmi?
- Bu muhimroq bo'lmagan elementlar tomonidan soya soladimi?
Bu vizual iyerarxiyaga to'g'ri keladi - tartibsizlikni yo'q qilish va dizaynni ahamiyatini ko'rsatish uchun ishlatish. Ba'zan bu foydalanuvchini diqqatini haqiqatan ham muhim bo'lgan narsaga qaratishga yordam beradigan bo'lsa, narsalarni ko'zdan uzoqlashtirishni anglatadi.
Ushbu maqola dastlab 321-sonda nashr etilgan to'r, veb-dizaynerlar va ishlab chiquvchilar uchun dunyodagi eng ko'p sotiladigan jurnal. 321-sonni bu erda sotib oling yoki obuna bo'ling.
