Lending dizayni: arizaga olib boradigan vizual ierarxiya

Chiroyli lending har doim ham yaxshi lending emas. Reklama uchun sahifada dizayn bitta vazifani bajaradi: odam nimaga birinchi qarashi, nimani keyin o‘qishi va qayerda harakat qilishini boshqaradi. Bu vizual ierarxiya deyiladi.

Vizual ierarxiya nima

Har bir ekranda bitta asosiy element bo‘lishi kerak — eng katta, eng kontrastli yoki eng ko‘zga tashlanadigan. Undan keyin ikkinchi darajali, keyin uchinchi. Agar hamma narsa bir xil darajada ajralib tursa, ko‘z hech narsada to‘xtamaydi.

Ierarxiya vositalari:

• O‘lcham — katta element birinchi ko‘rinadi
• Kontrast — fon bilan farqli element ko‘zga tashlanadi
• Rang — urg‘u rangi faqat muhim narsalar uchun
• Bo‘sh joy — atrofidagi bo‘shliq elementni ajratadi
• Joylashuv — yuqori va markaziy joylar ko‘proq e’tibor oladi

Birinchi ekran

Telefonda birinchi ekranda bo‘lishi kerak:

1. Sarlavha — taklif va asosiy foyda
2. Qisqa izoh — kimga va qanday
3. Asosiy tugma
4. Mavzuga mos rasm

Agar odam birinchi ekranda nima taklif qilinayotganini tushunmasa, u pastga aylantirmaydi.

Tugmalar

• Bitta asosiy rang — sahifadagi barcha asosiy tugmalar uchun
• Tugma matni harakatni bildiradi: «Konsultatsiyaga yozilish» yoki «Hisob-kitob olish», shunchaki «Yuborish» emas
• Barmoq bilan bosish uchun yetarli o‘lcham
• Sahifa bo‘ylab bir necha marta takrorlanadi — har bir mantiqiy blokdan keyin

Rang va kontrast

Ikki-uch asosiy rang yetarli: fon, matn va urg‘u. Urg‘u rangini tugmalar va muhim elementlar uchun saqlang. Matn fonda yaxshi o‘qilishi kerak — och kulrang matn oq fonda telefonda, ayniqsa quyoshda, o‘qilmaydi.

Rasmlar

• Haqiqiy rasmlar fotobankdan yaxshiroq: jamoa, ofis, ish jarayoni, natija
• Rasm matnni qo‘llab-quvvatlaydi, uni takrorlamaydi
• Siqilgan, tez yuklanadigan formatda
• Odamlar rasmi bo‘lsa, ularning nigohi sahifaning muhim qismiga qaragan bo‘lsa yaxshi

Matn tuzilmasi

• Qisqa abzatslar
• Sarlavhalar har bir blokning mazmunini aytadi
• Ro‘yxatlar — afzalliklar va qadamlar uchun
• Shrift telefonda o‘qiladigan o‘lchamda

Mobil versiya

Reklamadan keluvchilarning aksariyati sahifani telefonda ochadi — demak, asosiy versiya aynan mobil versiya. Dizaynni avval telefon uchun o‘ylab, keyin kompyuter uchun kengaytirish ko‘pincha yaxshiroq natija beradi.

Chiroyli, lekin ariza bermaydigan lendinglar

• Animatsiyalar ko‘p — sahifa sekin yuklanadi
• Katta rasm birinchi ekranni egallaydi, taklif esa pastda
• Murakkab shrift — o‘qish qiyin
• Tugma fon bilan qo‘shilib ketgan
• Har bir blok o‘z uslubida — sahifa yaxlit ko‘rinmaydi

Tekshiruv

Sahifani telefonda oching va besh soniyadan keyin ekranni yoping. O‘zingizdan so‘rang: nima taklif qilinyapti va nima qilishim kerak? Agar javob aniq bo‘lmasa, ierarxiyani qayta ko‘rib chiqing.

Dizayner uchun brif

Dizaynerga topshiriq berganda faqat «chiroyli qiling» demang. Yozing: sahifaning bitta maqsadi nima, asosiy taklif qanday, qaysi ishonch elementlari bor, qaysi rasmlar mavjud va sahifa avval telefonda ko‘rilishi. Shunda dizayn boshidan arizaga xizmat qiladi va keyinchalik qayta ishlash kamroq bo‘ladi.