BILAN HTML yordamida Siz sahifadagi barcha havolalarning ranglarini belgilashingiz, shuningdek, alohida havolalar uchun ranglarni o'zgartirishingiz mumkin.

Sahifadagi barcha havolalarning rangini o'rnating

Havola ranglari teg atributlari sifatida o'rnatiladi .

Atributlar ixtiyoriy va agar ular 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. IN HTML ranglari

odatda o'n oltilik koddagi raqamlar bilan, #rrggbb ko'rinishida beriladi, bu erda r, g va b mos ravishda qizil, yashil va ko'k komponentlarni bildiradi.

1-misol: Havola ranglarini sozlash

Havola rangi Sayt tarkibi Rangni o'n oltilik formatda ko'rsatish shart emas; siz ham foydalanishingiz mumkin

kalit so'zlar

. Ushbu misolda veb-sahifaning fon rangi qora rangga, havola 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.

1-misol: Havola ranglarini sozlash

Buning uchun biz rang uslubi xususiyatidan foydalanamiz, u ma'lum bir matnning rangini belgilaydi, bu holda havolalar.

2-misol. Uslublar orqali belgilangan havolalar rangi

Uslublardan foydalanish , bu erda #rrggbb - o'n oltilik raqamdagi rang. Shuningdek, siz rang nomlaridan foydalanishingiz yoki rangni formatda belgilashingiz mumkin: rgb (132, 33, 65) . Qizil, yashil va ko'k uchun kasr qiymatlari qavslar ichida ko'rsatilgan (3-misol).

1-misol: Havola ranglarini sozlash

Internet-marketing

Foydalanish imkoniyati

Ushbu misol uslublar yordamida ranglarni o'rnatishning uch xil usulini ko'rsatadi.

Rang bilan ishlash har qanday veb-dizaynerning eng muhim mahoratidir. Undan to'g'ri foydalanish saytga muvaffaqiyat keltirishi mumkin, hatto qator 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

Veb-saytlarning rang sxemasiga foydalanuvchi reaktsiyalari va his-tuyg'ularini tavsiflovchi ko'plab tadqiqotlar mavjud. Bu, albatta, munozara uchun maydon - rang afzalliklari milliy madaniyat tomonidan belgilanadi, shaxsiy tajriba, boshqa sabablar, lekin rang bilan etkazilgan kayfiyatni hisobga olmaslik mumkin emas. Va veb-saytlarni yaratishda, ranglarni idrok etish haqida bilganimizni qo'llashga arziydi.

Misol uchun, apelsin - xaridni rag'batlantiradigan ajoyib rang. 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, asosiy matnlar to'q jigarrang va xabarlar fonida och sariq rangda qilinganmi? Bu konditsionerlarga bag'ishlangan sayt ushbu diapazonni meros qilib olishi kerak degani emas. Konditsionerlar tazelik tuyg'usini yaratishi kerak - bejiz emaski, bunday saytlarning aksariyati ko'k va oq ranglarda yaratilgan.

Agar sizga ma'lum bir sayt juda yoqsa ham, "aynan bir xil, lekin mening mahsulotlarim haqida" buyurtma berishdan oldin ikki marta o'ylab ko'ring.

2. Harakatga chaqiruvning kamligi

Agar veb-saytingizda harakatga kuchli chaqiruv mavjud bo'lsa, u foydalanuvchiga sezilarli bo'lishi kerak - foydalanuvchining ko'zi unga bog'langan bo'lishi kerak. Xira va tushunarsiz harakatga chaqiruv, hatto mukammal shakllantirilgan bo'lsa ham, shunchaki ishlamaydi. Qarama-qarshi vaziyat unchalik yaxshi emas, CTA 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 haddan tashqari rang palitrasi

Ko'pincha veb-saytni loyihalash uchun ikki yoki uchta rang etarli. Albatta, juda muvaffaqiyatlilari bor. dizayn yechimlari va juda ko'p ranglar bilan, lekin bu istisnolar. Ikki rang ajoyib ko'rinadi, lekin uchinchisini qo'shsangiz, bu tartibsizlik bo'lib chiqadi.

Ranglar palitrasini tanlashda hech bo'lmaganda rang g'ildiragidan foydalanishni tavsiya etamiz. Uning yordami bilan ranglarni tanlayotganda, qo'shni ranglar va ularga qarama-qarshi joylashgan ranglar bir-biriga mos kelishini yodda tutishingiz kerak.


Shuningdek, ixtisoslashgan saytlardan foydalanishni tavsiya etamiz. Bu erda siz o'zingizning assortimentingizni yaratishingiz yoki tayyor bo'lganlardan birini ishlatishingiz mumkin.

Birinchi misolda matnni loyihalash uchun 3 ta rang ishlatiladi, ikkinchisida faqat ikkitasi. Bu yaxshiroq ko'rinadigan ikkinchi variant va undagi matnni o'qish osonroq.

4. Shu kabi 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 funktsiyalarga ega bo'lsa, bu biroz chalkashlikka olib kelishi mumkin.

Mana bir xil veb-saytdagi bir xil maqsadli ikkita tugma misoli. 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. Harakat tugmalari 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 yorqin ranglarga intilishda dizaynerlar ko'pincha sog'inadilar muhim nuqta: Matn rangi va fon rangi matnni oʻqishni osonlashtirish uchun yetarlicha kontrastga ega boʻlishi kerak. Ushbu tamoyil quyidagi misollarda aniq ko'rsatilgan.

7. Nostandart havola rangi

Foydalanuvchi sichqonchani harakatlantirmasdan havolani matndan ajrata olishi kerak. Albatta, bu erda rang dizaynerning yagona vositasi emas, balki eng samarali hisoblanadi. Uchta qoida:

• Havolalar kursorni ularning ustiga o'tkazmasdan ko'rinadigan bo'lishi kerak.


• Havolani kursor ustiga olib borganingizda rangi o'zgarishi kerak.


• Tashrif qilingan havolalar boshqa rangda belgilanishi kerak, agar biz ko'plab nashrlarga ega bo'lgan ma'lumot sayti haqida gapiradigan bo'lsak, bu ayniqsa muhimdir.

Misolda, dizayner portfelda navigatsiya qilish uchun havolalar dizayni uchun juda baxtsiz rangni tanladi.

8. Xira minimalizm impuls savdosi uchun emas.

Bugungi kunda odatda impulsli savdoga qaratilgan ochilish sahifalarini yaratish juda moda. Bunday sahifalar insonning his-tuyg'ulariga ta'sir qiladi, unda bir lahzalik mahsulotni sotib olish istagi uyg'onadi. Veb-sayt yaratishda yana bir moda yo'nalishi - bu minimalizm, odatda, bir yoki ikkita rang bilan ajralib turadi, ko'pincha qat'iydir.

Ushbu ikkita moda tendentsiyalari ko'pincha mos kelmaydi. Agar sizning saytingiz ko'rilganda xuddi shunday his-tuyg'ularni yaratmasa, siz his-tuyg'ularga asoslanib sota olmaysiz.

Xarid qilish oqilona bo'lsa, tinch tonlar va qat'iy minimalizm mos keladi. Ha, minimalizm zerikarli, rang-barang va hatto juda hissiy bo'lishi mumkin emas, lekin hozir ko'plab dizaynerlar kulrang tonlarga va "havo" ga moyil bo'lib, g'oyalarni sotish bilan umuman mos kelmaydi. ochilish sahifalari.

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'molchilarni qora qadoqlash deyarli har doim yuqori narx va mahsulot sifatining yuqori darajasini bildirishiga o'rganib qolgan. Mana, elita markali chuchvara va qimmatbaho don mahsulotlariga misol:

Bizning odatlarimiz, xuddi marketologlarning usullari kabi, supermarketlardan Internetga o'tadi, masalan, qora rangda tayyorlangan 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. Saytingizga tashrif buyuruvchilarning taassurotlari sizning sotish taklifingizga mos kelmaydi.

10. Dizayner uchun rang cheklovlari

Ushbu qoida veb-sayt dizayni va ranglar palitrasini tanlashga bevosita taalluqli emas. Biz veb-saytni ishlab chiqishda dizayner uchun vazifalarni belgilash haqida gapiramiz. Agar sizda allaqachon amalga oshirilgan bo'lmasa korporativ identifikatsiya yoki taniqli logotip (garchi bu holatda qoida qisman qo'llanilishi mumkin bo'lsa-da), siz dizaynerga ishlatiladigan ranglar bo'yicha qat'iy chegaralar va cheklovlarni bermasligingiz 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 u uchun ranglarni tanlashda qat'iy chegaralarni belgilashingiz kerak.

Yana bir istisno: agar siz o'zingizning rang dizayn variantingiz yaxshi o'ylanganligiga amin bo'lsangiz va bu tanlovni o'zingiz oqlay olasiz. Qoida tariqasida, mijozlar dizayner nimani e'tiborga olishini hisobga olmaydilar - matnni o'qish qobiliyati, tugmachalarning etarli yorqinligi va ranglarning optimal soni.

Xulosa

Rang sxemasi foydalanuvchining sayt haqidagi birinchi taassurotini yaratadi. Bu ijobiy bo'lishi juda muhimdir. Lekin siz odamlarning diqqatini faqat rangga qarata olmaysiz, ma'lumotni etkazish uchun foydalaning; To'g'ri tanlov haqida ishonchingiz komil bo'lmasa, issiqlik xaritasi ma'lumotlaridan foydalaning yoki oddiy hiyla tugagan interfeys yechimini xiralashtirish. Texnikaning mohiyati juda oddiy: siz foydalanishingiz kerak grafik dasturlar butun sahifani xiralashtiring va qaysi elementlar va bloklar birinchi navbatda e'tiborni tortayotganini ko'ring. E'tiborni tortadigan birinchi, ikkinchi va uchinchi blok foydalanuvchi stsenariysi nuqtai nazaridan eng muhim elementlar bo'lishi kerak.

Misol uchun, biz Aviasales.ru ning birinchi ekranini loyqaladik - 1, 2 va 3 elementlarning bloklari sarlavhani o'qib chiqqandan so'ng, ya'ni. Foydalanuvchida to'g'ri taxminlarni shakllantirish, u (kontrast qoidalarini eslab qoling) parametrlarni tanlash va harakatga chaqirish uchun kerakli elementlarni ko'rib chiqadi.


Va u qanchalik aniq ko'rinib turganiga qarang loyqa fon ostrovok.ru veb-saytidagi asosiy harakat.


Agar sizning interfeyslaringiz bunday sinovlardan o'tib ketsa, saytni keyingi takomillashtirish foydalanuvchi psixologiyasini tushunish asosida amalga oshirilishi kerak, ya'ni. haqiqiy foydalanuvchilarning fikr-mulohazalarini tahlil qilish. Quyidagi kabi savollardan foydalanish: “Siz birinchi bo'lib qayerga qaradingiz: saytning qaysi 3 elementi va qanday tartibda? Avval qayerga bosmoqchisiz va nima uchun?” AskUsers-da siz nafaqat foydalanuvchilarning e'tiborini qanday taqsimlanishini, balki foydalanuvchilar nima uchun muayyan elementlarga qarashlarini ham tushunishingiz mumkin. Ushbu ma'lumot joriy interfeysdagi bir qator muammolarni aniqlashga va ularga optimal echimlarni topishga yordam beradi.

Shakl tarkibga bo'ysunishini unutmang. Rangli dizayn foydalanuvchi e'tiborini foydalanuvchi va sayt egasi uchun muhim bo'lgan ma'lumotlarga qaratish uchun vosita bo'lib xizmat qiladi.

Qaysi tugma rangi eng yuqori konvertatsiya darajasiga ega - bu ko'p odamlar javobini biladigan eski falsafiy savol. "Qizil" - boshlang'ich sotuvchilar javob berishadi. "Qarama-qarshi" - tajribali sotuvchilar javob berishadi. Biz ushbu mavzu bo'yicha 21 666 foydalanuvchini sinab ko'rdik. Va biz juda qiziqarli xulosalarga keldik.

Maqolaning boshida diqqatni jalb qilish uchun intriga va hayajonli faktlarni qo'shishingiz kerak. Ushbu maslahatga asoslanib aytishim mumkinki, amalda biz tugma rangini shunchaki o'zgartirish orqali konversiyani 65% gacha oshirdik. Ushbu maqolada biz natijalar va buni qanday qilish haqida gapiramiz.

Rang bilan konversiyani qancha oshirish mumkin?

Konversiyalarni boshqarish uchun sehrli tabletka ixtiro qilganimizni aytmayman. Konversiyalarning ko'payishi holatlarida men bitta oddiy xulosaga keldim. Har doim hamma uchun ishlaydigan 100% bayonotlar yo'q. Sehrli tabletkalar ham. Ba'zi hollarda "Bepul" so'zi konversiyalarni qanday kamaytirishi haqida avvalroq yozgan edik. Boshqa "yuz foiz" haqiqatlar haqida nima deyishimiz mumkin.

Shunday qilib, tugma ranglarini o'zgartirish orqali konversiya tezligini qanchalik oshirishingiz mumkin?

Biz konvertatsiyani 65% gacha oshirdik. 65% maksimal test natijasi edi. O'rtacha 11% ni tashkil etdi. Ammo konversiyaning bu 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 konvertatsiya tezligiga 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 ishoniladi) u olib keladi eng yaxshi natijalar Internet-marketing sohasida.

Quyida A/B testlarini yaratish algoritmi keltirilgan:

1. Konstruktorda vidjet yarating. 5 daqiqa vaqt oladi.
2. Uni nusxalash va test uchun o'zgartirishlar kiritish. 1 daqiqa vaqt oladi.
3. A/B testini yarating va ushbu vidjetlarni tanlang. 1 daqiqa vaqt oladi.

1. Konstruktorda vidjet yaratish

Vidjet yaratish uchun siz konstruktorda ro'yxatdan o'tishingiz kerak.

Yaratish jarayoni 3 bosqichdan iborat:

1. Foydalanadigan vidjet shablonini tanlang.
2. Vidjetni tahrirlang: - kerakli matnni yozing - rangni o'zgartiring va agar kerak bo'lsa, rasmni yuklang
3. Displey sozlamalarini tanlang: - vidjetni qachon ko'rsatish kerak (vaqt bo'yicha, chiqayotganda, sahifani aylanayotganda va hokazo) - qaysi qurilmalarda (kompyuter, mobil, planshet) - konversiyadan keyin nima qilish kerak (rahmat ayting, orqali yo'naltirish) havola yoki oddiygina vidjetni yoping)

Vidjet yaratish haqida ushbu videoni tomosha qilishingiz mumkin. Bu erda har bir bosqich batafsil muhokama qilinadi. Matnli ko'rsatmalar vidjet yaratishda joylashgan.

Shuni ta'kidlashni istardimki, dizaynerda juda ko'p sozlash variantlari mavjud. Misol uchun, ma'lum miqdordagi sahifalarni ko'rishda, haftaning kuni, yo'naltiruvchi manba, ko'rsatish chastotasi va boshqalar bo'yicha ko'rsatish. Lekin birinchi navbatda sizga asosiy sozlamalardan foydalanishni maslahat beraman, keyin esa qo'shimchalar bilan tajriba o'tkazaman.

2. Vidjetdan nusxa oling va test uchun o'zgartirishlar kiriting

Vidjetni yaratganingizdan so'ng, uning nusxasini yaratishingiz kerak. Yangi vidjetga oʻzgartirish kiritish va A/B testini oʻtkazish 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 qo'shish" belgisini bosish orqali uning sozlamalariga o'ting.

Bu erda sinab ko'rmoqchi bo'lgan elementni o'zgartiring. Masalan, tugma rangini o'zgartiramiz. Bu bir marta bosish bilan amalga oshiriladi. Siz shunchaki boshqa tugma rangini tanlashingiz kerak.

"Tugma rangi" ni bosing va kerakli narsani tanlang.

Shundan so'ng, vidjetni saqlang. 4-bosqichda oldingi vidjet sozlamalarini saqlab qolish uchun hech narsani o‘zgartirishingiz shart emas. Buning uchun "Saqlash" tugmasini bosish kifoya.

Endi siz 2 ta vidjet yaratdingiz turli ranglar tugmalar A/B testini yaratishga o'tishingiz mumkin. Qulaylik uchun ikkinchi vidjetdagi nomni o'zgartirish qoladi.

3. A/B testini yarating

Sinovni yaratish uchun siz "A/B testlari" menyusiga o'tishingiz kerak. Va "Test yaratish" tugmasini bosing.

Bu erda sizga kerak:

Saytni tanlang - test nomini yozing

Sinov turini tanlang

Sinov turiga kelsak. KEPLER LEADS 2 taga ega turli xil turlari A/B testi: Klassik va individual. Farqi qaytib kelgan mehmonlarga vidjetlarni ko'rsatishda. Agar qaytib kelgan mehmonni ko'rsatmoqchi bo'lsangiz yangi variant vidjet uchun Klassik test-ni tanlang. Agar siz qaytib kelgan foydalanuvchiga boshqa vidjet varianti ko‘rsatilmasligini istasangiz (birinchi ko‘rsatilgani eslab qolinadi va displey sozlamalariga qarab har doim faqat bu ishga tushadi), u holda Individual ni tanlang.

Sinov turini tanlagandan so'ng, "Qo'shish" tugmasini bosing. Oxirgi qadam qoladi - test uchun vidjetlarni tanlang. Buni amalga oshirish uchun "Vidjetlar" katakchasini bosing va ularni tanlang.

Vidjetlarni tanlagandan so'ng, ularning barchasi faol yoki yo'qligini tekshiring. 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 taassurotdan jami trafik bo'yicha sinovlarni o'tkazishni tavsiya qiladi (buni "Ko'rishlar" ustunida ko'rish mumkin). Shundan so'ng, keyingi testni o'tkazishga qaror qiling.

Xulosa

Sizning ishingiz shu bilan tugamaydi. Endi biz natijalarni kuzatishimiz kerak va muhim ma'lumotlarga erishgandan so'ng (biz 1000 yoki undan ortiq tashrif buyuruvchilarni tavsiya qilamiz) boshqa farazlarni sinab ko'rishimiz kerak. Bu 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 keng dunyodan qiziqarli va mening fikrimcha, foydali yangiliklarni nashr etishda davom etaman SEO. Bugun biz veb-sayt dizayni ranglari haqida gapiramiz ... Ha, ha, aniq rang sxemalari haqida. Xo'sh, boshlaylik. Veb-sayt dizayni rangi AQSHning Oksford universiteti psixologlarining fikricha, reklamaning sekin urish tezligiga ta'sir qiladi.

Xulq-atvor: sayt rangining portallardagi reklamani bosish tezligiga ta'siri

Amerikalik olimlar buni hisoblab chiqdilar muntazam foydalanuvchi bitta Internet portalida taxminan 2 daqiqa vaqt sarflaydi. Ulardan so'nggi 4-7 soniya biz uchun hal qiluvchi - SEO mutaxassislari, garchi bu dizaynerlar uchun ham amal qiladi. Aynan shu vaqt ichida foydalanuvchi veb-saytni tark etadi yoki unga taklif qilingan reklamani bosadi. Tanlov bunga bog'liq veb-sayt va reklama bloklari ranglari. "Eng yomon" (istalmagan va bosilmaydigan) variant veb-sayt dizayni- bu saytni kulrang yoki qizil tonlarda loyihalashdir. Trafik nolga yaqinlashadi (klik tezligi), shuningdek, Internet-resursda joylashtirilgan reklamaning samaradorligi. Qulaylik va osoyishtalik, dominant rang oq bo'lgan saytlarda bo'lgan foydalanuvchilar tomonidan boshdan kechiriladi. Ular bannerlarni yaxshi bosadilar, kontekstli reklama ular faqat sarlavhalar kutilmaganda (juda) yorqin va yuqori kontrastli bo'lsa va matn va URL maksimal hajmda bo'lsa, o'ziga jalb qiladi. Yashil dizaynlar bilan deyarli bir xil narsa sodir bo'ladi.

Moviy portal dizayni ishonch uchun, sariq esa kontekst uchun eng yaxshisidir

Moviy dizayn va tartibli veb-saytlar ishonchni uyg'otadi (darhol esga tushadiganlar: ijtimoiy tarmoqlar"VKontakte" va "Facebook"). Qizig'i shundaki, bu erda reklama oq fonda joylashgan 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 yutgan veb-sayt dizayni rangi, ingliz psixologlarining 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. Odamlar reklama bloklari va bannerlarni bosadigan portallar dizayni uchun yana bir yaxshi rang - bu kontrastli bo'lmagan jigarrang. Mana natija bannerli reklama 3 ta tashrif uchun 1 marta bosish, kontekstli uchun esa taxminan 1 dan 2 gacha.

PS. Keling, xulosa qilaylik. Bizni chalg'itadigan birinchi narsa, albatta, sinovdan o'tgan auditoriya rusiyzabon emas, bizda boshqacha mentalitet mavjud. Shunga qaramay, MDH aholisi Amerika yoki Evropaning rezidentlari emas. Rossiya veb-saytlari cheklangan Evropa va Amerika Internet-resurslaridan farqli o'laroq, har doim kamalak ranglari va dizayndagi soyalar bilan ajralib turardi (yaqin misol - Apple veb-sayti). Ikkinchidan, shu munosabat bilan bizning reklamalarimiz yorqin va qarama-qarshi bo'lgani uchun "bosiladi" (o'z kuzatishim). Siz sariq saytlar va portallar haqida kelishmovchilik qilishingiz mumkin - ular mahalliy tarmoq foydalanuvchilarida ishonchni uyg'otmaydi (katta sariq portal haqida darhol aytmayman - hech kim xayolimga kelmaydi), ehtimol kichik bolalar orasida (garchi bu mening). fikr)! Umuman olganda, ehtimol siz kichik test qilishingiz kerak bo'ladi, men bu haqda "tajribalar" bo'limida gaplashaman.

Tashrif buyuruvchilar bosish ehtimoli ko'proq bo'lgan reklamalarning rang dizaynini taxmin qilishga urinishning hojati yo'q. Reklamalarni turli ranglarda ko'rsatish bilan tajriba o'tkazishingiz kerak. Va uning natijalariga ko'ra, biz sizning saytingizga tashrif buyuruvchilarning afzalliklarini bilib olamiz. Biroq, derazadan tashqarida 21-asr. Shuning uchun, biz uchun hamma narsani qiladigan kichik skript yozamiz.

Reklama uchun qanday ranglarni 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 Profit-Partner tomonidan menga berilgan YAN (Yandex Advertising Network) dan reklamalarni ko'rsatish uchun skriptni olaman. Keling, unga avtomatik rang o'zgarishini qo'shamiz. Har bir rang uchun biz noyob yorliq yaratamiz. Shunday qilib, kelajakda ushbu bo'limlardan foydalanib, saytingizdagi reklamalarning qaysi rangi tashrif buyuruvchilar uchun yanada jozibador ekanligini tahlil qilishingiz mumkin.

Keling, skriptni ishga tushiramiz va ma'lumotlarni yig'ishni boshlaymiz. Statistika bizning skriptimiz tomonidan yaratilgan bo'laklarni ko'rsatadi.

Reklamalarning rang dizaynini tanlash bo'yicha tajribani qanday qilib to'g'ri o'tkazish kerak

Tajriba kamida bir hafta davomida kechayu kunduz o'tkazilishi kerak. Dam olish kunlari va ish kunlarining barcha vaqtga bog'liqliklari va xususiyatlarini hisobga olish. Har bir rang sxemasi kamida 1000 marta ko'rsatilishi muhimdir.

Tajribadan xulosalar, qaysi rang yaxshiroq

Agar siz uchta asosiy rangni tanlasangiz, unda mening saytimda aniq lider yo'q. Bir necha foiz farq xato tufayli bo'lishi mumkin. Ammo umumiy tendentsiya Profit-Partner COP mutaxassislarining tavsiyalariga to'g'ri keladi - ko'proq bosiladigan rang qizil.

Agar biz barcha yetti rangni batafsil ko'rib chiqsak, tashrif buyuruvchilar tomonidan quyidagi guruh afzal ko'riladi: to'q qizil (#990000), och yashil (#00CC00) va to'q ko'k (#000099).

Sizga mening statistikamga qaramaslikni, balki reklamalaringizning rang dizaynini tanlash bo'yicha o'z tajribangizni o'tkazishingizni maslahat beraman. reklama tarmog'i Yandex.
Agar sizda bir nechta saytlar bo'lsa, unda har bir sayt uchun o'z tajribangizni o'tkazishingiz kerak.
Agar siz dizaynni o'zgartirsangiz, tajribani qayta ishga tushiring.
Agar sizda men 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 foydalanuvchi imtiyozlari bir-biridan farq qiladi reklama bloklari maqolaning o'rtasida va oxirida.
Tajriba kamida 7 kun davomida kechayu kunduz o'tkazilishi kerak.

Operatsiya