O'quvchilar tanlovi
Mashhur maqolalar
Bosiladigan ranglar. Havola rangi. Dizayner uchun rang cheklovlari
Rang bilan ishlash har qanday veb-dizayner uchun muhim mahoratdir. Bu haqda to'g'ri bilish saytga muvaffaqiyat keltirishi mumkin, hatto o'lchovni yaratishda kichik xatolik ham kelajakda juda ko'p muammolarni keltirib chiqarishi mumkin. Ushbu maqolada biz dizaynerlar veb-saytdagi ranglar bilan ishlashda yo'l qo'yadigan 10 ta xatoni ko'rib chiqamiz va ulardan qanday qochish kerakligini aytamiz.
Psixologik usullarni amalga oshirishni istamaslik
Foydalanuvchining saytlarning rang sxemasiga bo'lgan munosabati va his-tuyg'ularini tavsiflovchi ko'plab tadqiqotlar mavjud. Bu, albatta, bahs-munozaralar maydonidir - rang afzalliklari milliy madaniyat, shaxsiy tajriba va boshqa sabablarga ko'ra belgilanadi, ammo rang bilan ifodalangan kayfiyatni umuman hisobga olmaslik mumkin emas. Va saytlarni yaratishda rangni idrok etish haqida biz bilgan narsalarni qo'llashga arziydi.Misol uchun, apelsin xarid qilish uchun ajoyib motivatsiya rangidir. Onlayn do'konlar uchun mos keladigan harakatga chaqiruvlarni mukammal tarzda etkazadi.
Yashil rang ishonchni anglatadi va oziq-ovqat haqida gap ketganda ishonchdan ko'ra muhimroq nima bo'lishi mumkin?
1. Ko‘r-ko‘rona taqlid qilish
Buyurtmachining klassik xatosi dizayn haqidagi o'z g'oyalarini proektsiyalashdir. Sizning sevimli forumingiz issiq "karamel" ranglarda yaratilganmi, asosiy matnlar to'q jigarrang va postlar fonida och sariq rangdami? Bu konditsionerlarga bag'ishlangan sayt bunday diapazonni meros qilib olishi kerak degani emas. Konditsionerlar tetiklik tuyg'usini yaratishi kerak - bu kabi saytlarning aksariyati ko'k va oq ranglarda eskirganligi bejiz emas.Agar siz haqiqatan ham saytni yoqtirsangiz ham, buyurtma berishdan oldin "aynan bir xil, lekin mening mahsulotlarim haqida" o'ylab ko'ring.
2. zerikarli harakatga chaqirish
Agar sizning saytingizda harakatga kuchli chaqiruv bo'lsa, u foydalanuvchiga ko'rinadigan bo'lishi kerak - foydalanuvchining ko'zi uni ushlab turishi kerak. Xira va ko'zga tashlanmaydigan harakatga chaqiruv, hatto yaxshi ifodalangan bo'lsa ham, ishlamaydi. Qarama-qarshi vaziyat ham unchalik yaxshi emas, STA tom ma'noda "MENI BOSING" deb qichqirsa. Harakatga chaqiruv uyg'un bo'lishi va qarama-qarshi ranglar va dizaynlarni tanlash orqali ajralib turishi kerak.3. Saytning ortiqcha ranglar palitrasi
Ko'pincha veb-sayt dizayni uchun ikki yoki uchta rang etarli. Albatta, ko'p sonli ranglar bilan juda muvaffaqiyatli dizayn echimlari mavjud, ammo bu istisnolar. Ikki rang ajoyib ko'rinadi va uchinchisini qo'shsangiz, siz bo'tqa olasiz.Ranglar palitrasini tanlashda kamida rang g'ildiragidan foydalanishni tavsiya etamiz. U bilan ranglarni tanlayotganda, qo'shni va qarama-qarshi bo'lgan ranglar bir-biri bilan yaxshi kombinatsiyalanganligini esdan chiqarmasligingiz kerak. 
Shuningdek, ixtisoslashgan saytlardan foydalanishni tavsiya etamiz. Bu erda siz o'zingizning assortimentingizni yaratishingiz yoki tayyor bo'lganlardan birini ishlatishingiz mumkin.
Birinchi misolda matnni bezash uchun 3 ta rang ishlatiladi, ikkinchisida faqat ikkitasi. Bu yaxshiroq ko'rinadigan ikkinchi variant va undagi matnni o'qish osonroq.
4. Bir xil turdagi elementlar uchun turli xil ranglar
Agar ochilish sahifangizda uchta to'lov tugmasi bo'lsa, ularning barchasi bir xil rangda bo'lishi kerak. Foydalanuvchi birinchisini ko'rgandan so'ng, u boshqalarni xuddi shunday qabul qiladi. Turli xil rangdagi tugmalar bir xil funktsiyaga ega bo'lsa, bu biroz chalkashlikka olib kelishi mumkin.Misol uchun, bitta saytda bir xil maqsadli ikkita tugma. Yomon qaror.
5. Har xil turdagi elementlar uchun bir xil ranglar
Qarama-qarshi vaziyat, siz o'zingizning "sevimli" rangingizni chiroyli qilish kerak deb hisoblagan joyda ishlatsangiz. Harakatlarni taklif qiladigan tugmalar va bosilmaydigan elementlarning rangi o'xshash bo'lmasligi kerak, bu saytdan foydalanish mantiqini buzadi. Muayyan rang va uslubdagi bosiladigan tugmani yasash orqali siz xatti-harakatlar namunasini yaratasiz va agar bunday element faol bo'lmasa, u foydalanuvchining odatiy xatti-harakatlarini buzadi.6. Kontrastning yo'qligi
G'ayrioddiy va jonli ranglarga intilishda dizaynerlar ko'pincha muhim bir narsani e'tibordan chetda qoldiradilar: matnning rangi va fon rangi matnni o'qish oson bo'lishi uchun etarlicha kontrastli bo'lishi kerak. Ushbu tamoyil quyidagi misollarda aniq ko'rsatilgan.
7. Havolalarning moslashtirilgan rangi
Foydalanuvchi sichqonchaga tegmasdan matn orasidagi havolani ajrata olishi kerak. Albatta, rang bu erda dizaynerning yagona vositasi emas, balki eng samarali vositadir. Uchta qoida:- Havolalar kursorni ularning ustiga o'tkazmasdan ko'rinadigan bo'lishi kerak.
- Kursorda havola rangini o'zgartirishi kerak.
- Tashrif qilingan havolalar boshqa rang bilan belgilanishi kerak, bu ko'plab nashrlarga ega bo'lgan ma'lumot sayti haqida gapirganda juda muhimdir.
8. Xira minimalizm impulsiv savdo uchun emas
Bugungi kunda, qoida tariqasida, impulsiv savdoga qaratilgan ochilish sahifalarini yaratish juda moda. Bunday sahifalar insonning his-tuyg'ulariga ta'sir qiladi, unda bir lahzalik mahsulotni sotib olish istagini uyg'otadi. Veb-sayt yaratishdagi yana bir zamonaviy tendentsiya - bu minimalizm, u odatda bir yoki ikkita rang bilan ajralib turadi, ko'pincha qat'iy.Ushbu ikki moda yo'nalishi ko'pincha mos kelmaydi. Agar sizning saytingiz ko'rilganda aynan shu his-tuyg'ularni yaratmasa, siz his-tuyg'ularga asoslanib sota olmaysiz.
Sotib olish oqilona bo'lsa, tinch ranglar va qat'iy minimalizm mos keladi. Ha, minimalizm zerikarli, rang-barang va hatto juda hissiy bo'lishi mumkin, ammo hozirda ko'plab dizaynerlar kulrang tonlarga va "havo" ga moyil bo'lib, bu, albatta, ochilish sahifalarini sotish bilan yaxshi mos kelmaydi.
Ammo bu sotiladigan hissiy ochilish sahifasi kamalakning barcha ranglari bilan porlashi kerak degani emas.
9. Noto'g'ri qora
Marketologlar uzoq vaqtdan beri moddiy dunyoda iste'molchilarga qora qadoqlash deyarli har doim yuqori narx va yuqori sifatli mahsulot sifatini bildirishini o'rgatishgan. Misol uchun, bu erda chuchvara va qimmatbaho donlarning elita markasi:
Bizning odatlarimiz, xuddi marketologlarning usullari kabi, supermarketlardan Internetning keng doirasiga ko'chib o'tadi, masalan, qora rangda ishlangan zargarlik kompaniyasining veb-sayti nafis va qimmat ko'rinadi: 
Agar siz past narx segmentida xizmatlar ko'rsatsangiz yoki arzon tovarlarni sotsangiz, veb-saytingizda fon sifatida juda ko'p qora ranglardan foydalanmasligingiz kerak. Saytga tashrif buyuruvchilarning taassurotlari sizning sotish taklifingizga mos kelmaydi.
10. Dizayner uchun rang cheklovlari
Ushbu qoida saytning dizayni va ranglar palitrasini tanlash bilan bevosita bog'liq emas. Bu veb-saytni ishlab chiqishda dizayner uchun vazifalarni belgilash haqida. Agar sizda allaqachon amalga oshirilgan korporativ identifikator yoki taniqli logotip bo'lmasa (garchi bu holatda qoida qisman qo'llanilishi mumkin bo'lsa-da), siz dizayner uchun ishlatiladigan ranglarga qat'iy ramkalar va cheklovlar qo'ymasligingiz kerak.Sizning tasavvuringiz siz xohlagancha go'zal bo'lishi mumkin, lekin dizayner o'zinikini taklif qilsin. Agar bir nechta urinishlardan so'ng, dizayner hali ham sizga yoqadigan narsani ko'rsata olmasa, faqat ranglarni tanlashda unga qattiq ramkalar o'rnatishingiz kerak.
Yana bir istisno: agar siz o'zingizning rang sxemangiz yaxshi o'ylanganligiga amin bo'lsangiz va bu tanlovni o'zingiz uchun oqlay olasiz. Qoidaga ko'ra, mijozlar dizayner nimani e'tiborga olishini hisobga olmaydilar - matnning o'qilishi, tugmachalarning etarli yorqinligi va ranglarning maqbul soni.
xulosalar
Rang sxemasi foydalanuvchining sayt haqidagi birinchi taassurotini yaratadi. Bu ijobiy bo'lishi juda muhimdir. Ammo siz odamlarning e'tiborini rangga qarata olmaysiz, undan ma'lumot berish uchun foydalaning. Agar siz to'g'ri tanlovga ishonchingiz komil bo'lmasa, issiqlik xaritalari ma'lumotlaridan yoki tugagan interfeys echimini loyqalashning oddiy hiylasidan foydalaning. Texnikaning mohiyati juda oddiy: grafik dasturlar yordamida butun sahifani xiralashtirish va birinchi navbatda qaysi elementlar va bloklar e'tiborni jalb qilishini ko'rish kerak. E'tiborni tortadigan birinchi, ikkinchi va uchinchi bloklar foydalanuvchi stsenariysi nuqtai nazaridan eng muhim elementlar bo'lishi kerak.Misol uchun, biz Aviasales.ru ning birinchi ekranini xira qildik - e'tibor 1, 2 va 3-sonli elementlarning bloklariga qaratiladi. Sarlavhani o'qib chiqqandan so'ng, ya'ni. foydalanuvchida to'g'ri taxminlarni shakllantirish, u (kontrast qoidalarini eslang) parametrlarni tanlash va harakatga chaqirishning zaruriy elementlarini ko'rib chiqadi. 
Va ostrovok.ru veb-saytidagi asosiy harakat loyqa fonda qanchalik aniq ajralib turishiga qarang. 
Agar sizning interfeyslaringiz bunday sinovlardan portlash bilan o'tsa, saytni keyingi takomillashtirish foydalanuvchi psixologiyasini tushunish asosida amalga oshirilishi kerak, ya'ni. haqiqiy foydalanuvchilarning fikr-mulohazalarini tahlil qilish. Quyidagi kabi savollar yordamida: “Siz birinchi bo'lib qayerga qaradingiz: saytning 3 ta elementi nima va qanday tartibda? Avval qayerga bosmoqchisiz va nima uchun?" AskUsers-da siz nafaqat foydalanuvchilarning e'tibori qanday taqsimlanganligini, balki foydalanuvchilar nima uchun ma'lum elementlarga qarashlarini ham tushunishingiz mumkin. Ushbu ma'lumot joriy interfeysdagi bir qator muammolarni aniqlashga va ularni hal qilishning eng yaxshi variantlarini topishga yordam beradi.
Esingizda bo'lsin, shakl tarkibga bo'ysunadi. Rangli dizayn foydalanuvchi e'tiborini foydalanuvchi va sayt egasi uchun muhim bo'lgan ma'lumotlarga qaratish imkonini beruvchi vosita bo'lib xizmat qiladi.
HTML yordamida siz sahifadagi barcha havolalar uchun ranglarni o'rnatishingiz, shuningdek, alohida havolalar uchun ranglarni o'zgartirishingiz mumkin.
Sahifadagi barcha havolalar rangini o'rnatish
Havola ranglari teg atributlari sifatida o'rnatiladi
... Atributlar ixtiyoriy va agar ko'rsatilmagan bo'lsa, standart qiymatlar ishlatiladi.havola - veb-sahifadagi havolalar rangini belgilaydi (standart rang ko'k, # 0000FF).
vlink - allaqachon tashrif buyurilgan havolalarning rangi. Standart rang binafsha rang, # 800080.
HTMLda ranglar odatda o'n oltilik koddagi raqamlar sifatida #rrggbb ko'rinishida ko'rsatiladi, bu erda r, g va b mos ravishda qizil, yashil va ko'k komponentlarni bildiradi. Har bir rangga 00 dan FF gacha bo'lgan o'n oltilik qiymat beriladi, bu 0 dan 255 gacha bo'lgan kasr oralig'iga to'g'ri keladi. Keyin bu qiymatlar bitta raqamga birlashtiriladi, oldidan # belgi (1-misol).
Misol 1. Bog'lanish ranglarini o'rnatish
Sayt tarkibi
Rangni o'n oltilik tizimda ko'rsatish shart emas, kalit so'zlardan ham foydalanish mumkin. Ushbu misolda veb-sahifaning fon rangi qora rangga, havolalar rangi esa qizil rangga o'rnatiladi.
Havolalar rangini o'zgartirish uchun CSS-dan foydalanish qulayroqdir. Veb-sahifadagi barcha havolalar uchun rangni belgilash uchun quyidagi soxta sinflar qo'llaniladi va A selektoriga qo'shiladi.
tashrif buyurdi - tashrif buyurilgan havola uchun uslub.
faol - Faol havola uchun uslub. Havolani bosganingizda faol bo'ladi.
2-misol uslublar yordamida veb-sahifadagi havolalar rangini qanday o'zgartirishni ko'rsatadi. Buning uchun biz rang uslubi xususiyatidan foydalanamiz, u ma'lum bir matnning rangini o'rnatadi, bu holda havolalar.
2-misol. Uslublar orqali belgilangan havolalar rangi
Sayt tarkibi
Sahifadagi alohida havolalar rangini o'rnatish
Ranglarni sozlashning yuqoridagi usuli veb-sahifadagi barcha havolalar uchun ishlaydi. Biroq, ba'zida bir vaqtning o'zida turli xil ranglardan foydalanish kerak bo'ladi. Ochiq ranglar, masalan, veb-sahifaning qorong'i joylari uchun va quyuq ranglar, mos ravishda, ochiq ranglar uchun. Buning uchun uslublardan ham foydalanishingiz mumkin.
Havola rangini o'zgartirish uchun tegdagi style = "color: #rrggbb" atributidan foydalaning Bu erda #rrggbb - o'n oltilik yozuvdagi rang. Shuningdek, siz rang nomlaridan foydalanishingiz yoki rangni formatda belgilashingiz mumkin: rgb (132, 33, 65). Qizil, yashil va ko'kning kasr qiymatlari qavs ichida ko'rsatilgan (3-misol).
Sayt tarkibi
Internet-marketing
Foydalanish imkoniyati
Ushbu misol uslublar yordamida rang o'rnatishning uch xil usulini ko'rsatadi.
Qaysi tugma rangi eng yuqori konvertatsiyaga ega bo'lgan eski falsafiy savol bo'lib, ko'pchilik javobini biladi. "Qizil" - boshlang'ich marketologlar javob berishadi. "Kontrast" - tajribali marketologlar javob berishadi. Biz ushbu mavzu bo'yicha 21 666 foydalanuvchini sinab ko'rdik. Va ular juda qiziqarli xulosalarga kelishdi.
Maqolaning boshida siz diqqatni jalb qilish uchun intriga va bezovta qiluvchi faktlarni qo'shishingiz kerak. Ushbu maslahatga asoslanib aytishim mumkinki, amalda biz tugma rangini shunchaki o'zgartirish orqali konversiyani 65% gacha oshirdik. Ushbu maqolada biz natijalarni va buni qanday qilishni tushuntiramiz.
Rang bilan konversiyani qanchalik yaxshilashingiz mumkin?
Konversiyani boshqarish uchun sehrli tabletkani biz ixtiro qilganimizni aytmayman. Konversiyalarning ko'payishi holatlarida men bitta oddiy xulosaga keldim. Har doim hamma uchun ishlaydigan yuz foizli bayonot yo'q. Sehrli tabletkalar ham. Avvalroq biz ba'zi hollarda "Bepul" so'zi konvertatsiyani qanday kamaytirishi haqida yozgan edik. Boshqa "yuz foiz" haqiqatlar haqida nima deyishimiz mumkin.
Shunday qilib, tugma ranglarini o'zgartirish orqali konvertatsiyani qanchalik yaxshilashingiz mumkin?
Biz konversiyalarni 65% gacha oshirdik. 65% eng yuqori test ball edi. O'rtacha 11% ni tashkil etdi. Ammo konvertatsiyaning bunday o'sishi ham juda yaxshi natijadir. Bunga tugma rangini o'zgartirish orqali erishish mumkinligini hisobga olsak.
Qizil - g'oliblarning rangi
Ko'pgina ekspert testlari qizil tugma eng yuqori konvertatsiyaga ega ekanligini aytadi. Nega? Biz bilamizki, har bir rang o'z assotsiatsiyasiga ega va ma'lum his-tuyg'ularni uyg'otadi. Qizil rang to'xtash, xavf va ehtirosni anglatadi. Va ko'p hollarda (bu ishonilganidek) bu internet-marketingda yaxshi natijalarga olib keladi.
Quyida A / B testlarini yaratish algoritmi keltirilgan:
- Konstruktorda vidjet yarating. 5 daqiqa vaqt oladi.
- Uni nusxalang va test uchun o'zgartirishlar kiriting. 1 daqiqa vaqt oladi.
- A / B testini yarating va ushbu vidjetlarni tanlang. 1 daqiqa vaqt oladi.
1. Konstruktorda vidjet yaratish
Vidjet yaratish uchun siz konstruktorda roʻyxatdan oʻtgan boʻlishingiz kerak.
Yaratish jarayoni 3 bosqichdan iborat:
- Foydalanadigan vidjet shablonini tanlang.
- Vidjetni tahrirlang: - kerakli matnni yozing - rangni o'zgartiring va agar kerak bo'lsa, rasmni yuklang
- Displey sozlamalarini tanlang: - vidjetni qachon ko'rsatish kerak (vaqt bo'yicha, chiqayotganda, sahifani aylanayotganda va hokazo) - qaysi qurilmalarda (kompyuter, mobil, planshet) - konvertatsiya qilingandan keyin nima qilish kerak (rahmat ayting, yo'naltirish orqali) havola yoki shunchaki vidjetni yoping)
Vidjet yaratish haqida ushbu videoni tomosha qilishingiz mumkin. Bu erda har bir bosqich batafsil tavsiflangan. Vidjet yaratish uchun matnli ko'rsatmalar joylashgan.
Shuni ta'kidlashni istardimki, konstruktorda sozlash uchun ko'proq imkoniyatlar mavjud. Misol uchun, ma'lum miqdordagi sahifalarni ko'rishda, haftaning kunlari bo'yicha, yo'naltiruvchi manba, ko'rsatish chastotasi va boshqalar. Lekin birinchi navbatda, men sizga asosiy sozlamalardan foydalanishni maslahat beraman, keyin esa qo'shimchalar bilan tajriba o'tkazing.
2. Vidjetdan nusxa olish va test uchun o'zgartirishlar kiritish
Vidjetni yaratganingizdan so'ng, uning nusxasini yaratishingiz kerak. Yangi vidjetga o'zgartirishlar kiritish va A / B testini qo'yish uchun. Buning uchun yaratilgan vidjetdagi "Nusxa olish" belgisini bosing.
Saytda u avtomatik ravishda yoqiladi. Endi biz uni o'chirib qo'yishimiz kerak, chunki u tahrirlanmagan. Buning uchun holatni o'zgartiring.
Endi "Muharrirga" belgisini bosish orqali uning sozlamalariga o'ting.
Bu erda sinab ko'rmoqchi bo'lgan kerakli elementni o'zgartiring. Masalan, tugma rangini o'zgartiramiz. Bu bir marta bosish bilan amalga oshiriladi. Siz shunchaki tugma uchun boshqa rangni tanlashingiz kerak.
"Tugma rangi" ni bosing va kerakli narsani tanlang.
Shundan so'ng biz vidjetni saqlaymiz. 4-bosqichda oldingi vidjet sozlamalarini qoldirish uchun hech narsa qoldirolmaysiz. Buning uchun "Saqlash" tugmasini bosish kifoya.
Endi siz turli xil tugma ranglariga ega 2 ta vidjet yaratdingiz. A / B testini yaratishni davom ettirishingiz mumkin. Qulaylik uchun faqat ikkinchi vidjetdagi nomni o'zgartirish qoladi.
3. A / B testini yarating
Sinov yaratish uchun "A / B testlari" menyusiga o'ting. Va "Test yaratish" tugmasini bosing.
Bu erda sizga kerak:
Saytni tanlang - test nomini yozing
Sinov turini tanlang
Sinov turiga kelsak. KEPLER LEADS 2 xil turdagi A / B testlariga ega: Klassik va Individual. Farqi vidjetlarni qaytib kelgan mehmonlarga ko'rsatishda. Agar siz qaytib kelgan mehmonga vidjetning yangi versiyasini ko'rsatishni istasangiz, Klassik test-ni tanlang. Agar siz qaytib kelgan foydalanuvchiga vidjetning boshqa versiyasi ko'rsatilmasligini istasangiz (birinchi ko'rsatilgan esda qoladi va displey sozlamalariga qarab faqat u doimo ishga tushadi), u holda Individual-ni tanlang.
Sinov turini tanlagandan so'ng, "Qo'shish" tugmasini bosing. Oxirgi qadam qoladi - test uchun vidjetlarni tanlang. Buning uchun "Vidjetlar" katagiga bosing va ularni tanlang.
Vidjetlarni tanlagandan so'ng, ularning barchasi faol yoki yo'qligini tekshiring. Agar faol bo'lmagan vidjetlar mavjud bo'lsa, ularni shu yerda yoqishingiz mumkin.
Hammasi! Test yaratildi. Barcha natijalarni test statistikasida ko'rishingiz mumkin. Buni amalga oshirish uchun test nomining o'ng tomonidagi "Ko'rish" belgisini bosing. 1000 ta yoki undan ortiq taassurotlarning umumiy trafiki bo'yicha testlarni o'tkazish tavsiya etiladi (buni "Ko'rishlar" ustunida ko'rish mumkin). Shundan so'ng, keyingi testni boshlash haqida qaror qabul qiling.
Xulosa
Sizning ishingiz shu bilan tugamaydi. Endi siz natijalarni kuzatishingiz kerak va muhim ma'lumotlarga erishganingizdan so'ng (biz 1000 yoki undan ko'p tashrif buyuruvchilarni tavsiya qilamiz), boshqa farazlarni sinab ko'ring. Bular sarlavhalar, harakatga chaqiruvchi matnlar, qiymat takliflari, tasvirlar va boshqalar bo'lishi mumkin. Boshqa A / B testlari haqida keyingi maqolalarda yozamiz. Natijalaringizni sharhlarda baham ko'ring.
Men katta va ulkan dunyodan qiziqarli va, mening fikrimcha, foydali yangiliklarni nashr etishda davom etaman. SEO... Segolna, keling, sayt dizaynining ranglari haqida gapiraylik ... Ha, aniq ranglar haqida. Xo'sh, boshlaylik. Sayt dizaynining rangi (rangi). AQSHning Oksford universiteti psixologlarining fikricha, reklamaning sekin urish tezligiga ta'sir qiladi.
Xulq-atvor: veb-sayt rangining portallardagi reklamalarni bosish tezligiga ta'siri
Amerikalik olimlarning hisob-kitoblariga ko'ra, o'rtacha foydalanuvchi bitta internet portalida taxminan 2 daqiqa vaqt sarflaydi. Ulardan so'nggi 4-7 soniya biz - seo mutaxassislari uchun hal qiluvchi ahamiyatga ega, garchi bu dizaynerlarga ham tegishli. aynan shu vaqt ichida foydalanuvchi yoki veb-saytni tark etadi yoki unga taklif qilingan reklamalarni bosadi. Tanlov bunga bog'liq veb-sayt va reklama bloklari ranglari... "Eng yomon" (keraksiz va bosilmaydigan) variant veb-sayt dizayni- Bu saytni kulrang yoki qizil ranglarda loyihalashdir. Trafik nolga yaqinlashadi (klik tezligi), Internet-resursda joylashtirilgan reklama samaradorligi ham. Qulaylik va xotirjamlik oq rang hukmronlik qiladigan saytlarda bo'lgan foydalanuvchilar tomonidan boshdan kechiriladi. Ular bannerlarni yaxshi bosadilar, agar sarlavhalar kutilmaganda (juda) yorqin va kontrastli bo'lsa va matn va URL maksimal hajmda bo'lsa, PPC reklamasiga jalb qilinadi. Xuddi shu narsa yashil dizaynlarda sodir bo'ladi.
Portalning ko'k dizayni ishonch, sariq esa kontekst uchun eng yaxshisidir
Moviy dizayn va dizaynga ega saytlar ishonchni ilhomlantiradi ("VKontakte" va "Facebook" ijtimoiy tarmoqlari darhol yodga tushadi). Qizig'i shundaki, bu erda reklama oq fonda joylashtirilgan bo'lsa va sarlavhalar 2 rang quyuqroq rangda o'rnatilgan bo'lsa ishlaydi (va yana bu bizning sevimli VKontakte va Facebookimizga mos keladi). Eng ko'p g'alaba qozongan veb-sayt dizayni rangi, Britaniyalik psixologlarning fikriga ko'ra, sariq. Bu yerdagi tashriflar va bosish nisbati 1 dan 2,5 gacha, chunki ko'plab Internet foydalanuvchilari bir vaqtning o'zida 2-3 ta reklamani ko'rishadi. Ammo barcha sariq saytlardagi bannerlar samarasiz. Reklama birliklari va bannerlar bosiladigan portallar dizayni uchun yana bir yaxshi rang kontrastli jigarrang emas. Bu erda bannerli reklama uchun natija har 3 tashrif uchun 1 marta bosishni tashkil qiladi, kontekstli reklama uchun bu taxminan 1 dan 2 gacha.
PS. Keling, xulosa qilaylik. Birinchidan, uyatli holat, albatta, sinovdan o‘tgan auditoriya rusiyzabon emas, bizning mentalitetimiz boshqacha. Shunga qaramay, MDH aholisi Amerika yoki Yevropa rezidentlari emas. Rossiya saytlari cheklangan Evropa va Amerika Internet-resurslaridan farqli o'laroq, har doim kamalak ranglari va dizayndagi soyalar bilan ajralib turadi (yaqin misol - Apple sayti). Ikkinchidan, bu bilan bog'liq holda, reklama biz (o'z kuzatishimiz) tomonidan "bosiladi", yorqin va qarama-qarshidir. Sariq saytlar va portallar hisobiga rozi bo'lmaslik mumkin - ular mahalliy netizenlarda ishonchni uyg'otmaydi (hatto katta sariq portal haqida darhol aytmayman - hech kim xayolga kelmaydi), ehtimol kichik bolalar uchun (garchi bu mening fikrim)! Umuman olganda, ehtimol siz kichik testni o'tkazishingiz kerak bo'ladi, bu haqda men sizga "tajribalar" bo'limida aytib beraman.
Tashrif buyuruvchilar ko'proq bosadigan reklama rangini taxmin qilishga urinishingiz shart emas. Reklamalarni turli ranglarda ko'rsatish bilan tajriba o'tkazishingiz kerak. Va uning natijalariga ko'ra, biz sizning veb-saytingizga tashrif buyuruvchilarning afzalliklarini bilib olamiz. Biroq, derazalar tashqarisida 21-asr bor. Shuning uchun, biz uchun hamma narsani qiladigan kichik skript yozamiz.
Reklama uchun ranglarni qanday tanlash kerak
Tajribamda men uchta asosiy rangga qaror qildim: ko'k, qizil va yashil. Men ularning har birini turli darajadagi yorqinlik bilan oldim. Va men ularga yana bitta rang qo'shdim - saytimdagi havolalar rangi. Shunday qilib, mening tajribamda etti rang ishtirok etadi.
Reklama rangini aylantirish skripti
Asos sifatida men COP Profit-Partner tomonidan menga berilgan YAN (Yandex Advertising Network) reklamalarini ko'rsatish uchun skriptni olaman. Keling, unga avtomatik rang o'zgarishini qo'shamiz. Keling, har bir rang uchun o'ziga xos yorliq yarataylik. Shunday qilib, kelajakda ushbu bo'laklardan foydalanib, saytingizdagi reklamalarning qaysi rangi tashrif buyuruvchilar uchun yanada jozibador ekanligini tahlil qilishingiz mumkin.
Keling, skriptni ishga tushiramiz va ma'lumotlarni yig'ishni boshlaymiz. Skriptimiz yaratgan bo'laklar statistikada paydo bo'ladi.
Qanday qilib reklama rangini to'g'ri tanlash bilan tajriba qilish kerak
Tajriba kamida bir hafta davomida kechayu kunduz o'tkazilishi kerak. Dam olish kunlari va ish kunlarining barcha vaqtga bog'liqliklari va o'ziga xos xususiyatlarini hisobga olish. Har bir rang sxemasi kamida 1000 marta ko'rsatilishi muhimdir.
Tajribadan olingan xulosalar, qaysi rang yaxshiroq
Agar siz uchta asosiy rangdan tanlasangiz, unda mening saytimda aniq lider yo'q. Bir necha foiz farq noto'g'ri bo'lishi mumkin. Ammo umumiy tendentsiya Profit-Partner CSP mutaxassislarining tavsiyalariga to'g'ri keladi - ko'proq bosiladigan rang qizil.
Agar biz barcha yetti rangni batafsil ko'rib chiqsak, unda quyidagi guruh tashrif buyuruvchilarning afzalliklarini keltirib chiqaradi: to'q qizil (# 990000), och yashil (# 00CC00) va to'q ko'k (# 000099).
Men sizga mening statistikamga qaramaslikni maslahat beraman, balki Yandex reklama tarmog'idagi reklamalarning rang dizaynini tanlash uchun o'z tajribangizni o'tkazishni maslahat beraman.
Agar sizda bir nechta saytlar bo'lsa, unda har bir sayt uchun o'z tajribasini o'tkazishingiz kerak.
Agar siz dizaynni o'zgartirsangiz, tajribani qaytadan sinab ko'ring.
Agar sizda meniki kabi bir nechta reklama birliklari bo'lsa, har bir reklama birligi uchun siz ham o'z tajribangizni o'tkazishingiz kerak. Siz hayron qolasiz, lekin mening saytimda foydalanuvchining afzalliklari maqolaning o'rtasida va oxiridagi reklama birliklarida farqlanadi.
Tajriba kamida 7 kun davomida kechayu kunduz o'tkazilishi kerak.
| Tegishli maqolalar: | |
|
Fotosuratlarning qanday formatlari va o'lchamlari bor, qanday qilib to'g'ri tanlash mumkin?
JPEG o'z vaqtida formatlarni qanday o'zgartirdi ... Fayl nomi kengaytmasi nimani ko'rsatadi
Kompyuteringizda musiqa tinglaysizmi, ... Mac OS bo'lim kengaytmasi
MAC OS da diskni qismlarga bo'lish uchun siz "Finder" ga o'tishingiz kerak -... | |
