Басуға болатын түстер. RSA жарнамалары үшін оңтайлы түсті таңдауға арналған сценарий. Көк портал дизайны сенім үшін, ал сары түс контекст үшін ең қолайлы

МЕН HTML пайдалануБеттегі барлық сілтемелердің түстерін орнатуға, сондай-ақ жеке сілтемелердің түстерін өзгертуге болады.

Беттегі барлық сілтемелердің түсін орнатыңыз

Сілтеме түстері тег атрибуттары ретінде орнатылады .

Атрибуттар міндетті емес және олар көрсетілмесе, әдепкі мәндер пайдаланылады.

сілтеме - веб-беттегі сілтемелердің түсін анықтайды (әдепкі түс көк, #0000FF).

vlink - бұрыннан барған сілтемелердің түсі. Әдепкі түс - күлгін, #800080. IN HTML түстері

әдетте он алтылық кодтағы сандармен #rrggbb түрінде беріледі, мұнда r, g және b тиісінше қызыл, жасыл және көк компоненттерді білдіреді.

Әрбір түске ондық бөлшекте 0-ден 255-ке дейінгі диапазонға сәйкес келетін 00-ден FF-ге дейінгі он алтылық мән беріледі. Содан кейін бұл мәндер алдына # таңбасы қойылған жалғыз санға біріктіріледі (1-мысал).

1-мысал: Сілтеме түстерін орнату

Сілтеме түсі Сайт мазмұныТүсті он алтылық форматта көрсету міндетті емес;

кілт сөздер

. Бұл мысалда веб-беттің өң түсі қараға, ал сілтеме түсі қызылға орнатылған.

Сілтемелердің түсін өзгерту үшін CSS пайдалану ыңғайлырақ. Веб-беттегі барлық сілтемелердің түсін орнату үшін келесі псевдосыныптар қолданылады және A селекторына қосылады.

кірді — Барылған сілтемеге арналған стиль.

белсенді — Белсенді сілтеме үшін стиль. Сілтеме оны басқан кезде белсенді болады.

2-мысал стильдердің көмегімен веб-беттегі сілтемелердің түсін өзгерту жолын көрсетеді.

1-мысал: Сілтеме түстерін орнату

Ол үшін біз стиль сипатын қолданамыз color , ол белгілі бір мәтіннің түсін орнатады, бұл жағдайда сілтемелер.

Мысал 2. Стильдер арқылы көрсетілген сілтемелердің түсі

Стильдерді пайдалану , мұндағы #rrggbb - он алтылық жүйедегі түс. Сондай-ақ, түс атауларын пайдалануға немесе пішімдегі түсті көрсетуге болады: rgb (132, 33, 65) . Қызыл, жасыл және көк үшін ондық мәндер жақшада көрсетілген (3-мысал).

Әрбір түске ондық бөлшекте 0-ден 255-ке дейінгі диапазонға сәйкес келетін 00-ден FF-ге дейінгі он алтылық мән беріледі. Содан кейін бұл мәндер алдына # таңбасы қойылған жалғыз санға біріктіріледі (1-мысал).

1-мысал: Сілтеме түстерін орнату

Интернет-маркетинг

Қолдану мүмкіндігі

Бұл мысал мәнерлерді пайдаланып түстерді орнатудың үш түрлі әдісін көрсетеді.

Түспен жұмыс - кез келген веб-дизайнердің ең маңызды дағдысы. Оны дұрыс пайдалану сайтқа сәттілік әкелуі мүмкін, тіпті ауқымды құрудағы кішкене қателік болашақта көптеген қиындықтарды тудыруы мүмкін. Бұл мақалада дизайнерлер веб-сайттағы түстермен жұмыс істегенде жіберетін 10 қатені қарастырамыз және оларды қалай болдырмау керектігін айтамыз.

Психологиялық әдістерді енгізуге құлықсыздық

Веб-сайттардың түс схемасына пайдаланушы реакциялары мен эмоцияларын сипаттайтын көптеген зерттеулер бар. Бұл, әрине, пікірталас алаңы - түс таңдауы ұлттық мәдениетпен анықталады,
жеке тәжірибе, басқа себептер, бірақ түс арқылы жеткізілетін көңіл-күйді ескермеу мүмкін емес. Веб-сайттарды жасау кезінде түстерді қабылдау туралы білетінімізді қолданған жөн.

Мысалы, қызғылт сары - сатып алуды ынталандыратын керемет түс. Интернет-дүкендер үшін қолайлы әрекетке шақыруды тамаша жеткізеді.

Жасыл түс сенімді білдіреді және тамаққа қатысты сенімнен маңыздырақ не болуы мүмкін?



1. Соқыр еліктеу

Тапсырыс берушінің классикалық қатесі - дизайн туралы өз идеяларының проекциясы. Сіздің сүйікті форумыңыз жылы «карамель» түстермен жасалған, негізгі мәтіндер қою қоңыр және хабарламалардың фонында ақшыл сары түсті ме? Бұл кондиционерлерге арналған сайт осы ауқымды иеленуі керек дегенді білдірмейді. Кондиционерлер балғындық сезімін тудыруы керек - мұндай сайттардың көпшілігі көк және ақ тондарда жасалғаны бекер емес.

Тіпті сізге белгілі бір сайт ұнаса да, «дәл солай, бірақ менің өнімдерім туралы» тапсырыс бермес бұрын екі рет ойланыңыз.

2. Іс-әрекетке шақырудың жеткіліксіздігі

Егер сіздің веб-сайтыңызда әрекетке күшті шақыру болса, ол пайдаланушыға байқалуы керек - пайдаланушының көзі оған ілінуі керек. Бозғылт және анық емес әрекетке шақыру, тіпті ол тамаша тұжырымдалған болса да, жұмыс істемейді. CTA «МЕНІ БАСЫҢЫЗ» деп айқайлағанда, керісінше жағдай соншалықты жақсы емес. Іс-әрекетке шақыру үйлесімді және қарама-қарсы түстер мен дизайнды таңдау арқылы ерекшеленуі керек.

3. Сайттың шамадан тыс түстер палитрасы

Көбінесе веб-сайтты жобалау үшін екі немесе үш түс жеткілікті. Әрине, өте табыстылары бар. жобалау шешімдеріжәне көптеген түстермен, бірақ бұл ерекшеліктер. Екі түс керемет көрінеді, бірақ үштен бірін қосқанда, ол беспорядок болып шығады.

Түс палитрасын таңдағанда, кем дегенде түс дөңгелегін пайдалануды ұсынамыз. Оның көмегімен түстерді таңдағанда, көрші түстер мен оларға қарама-қарсы орналасқан түстер бір-бірімен жақсы үйлесетінін есте ұстаған жөн.


Сондай-ақ арнайы сайттарды пайдалануды ұсынамыз. Мұнда сіз өзіңіздің ассортиментіңізді жасай аласыз немесе дайындардың бірін пайдалана аласыз.

Бірінші мысалда мәтінді безендіру үшін 3 түс пайдаланылады, екіншісінде тек екеуі. Бұл жақсырақ көрінетін екінші нұсқа және ондағы мәтінді оқу оңайырақ.




4. Ұқсас элементтер үшін әртүрлі түстер

Егер кіріс бетіңізде үш тексеру түймесі болса, олардың барлығы бірдей түсті болуы керек. Пайдаланушы біріншісін көргеннен кейін басқаларын да солай қабылдайды. Түрлі түсті түймелердің функциялары бірдей болса, бұл кейбір шатасуларды тудыруы мүмкін.

Міне, бір веб-сайттағы бірдей мақсаттағы екі түйменің мысалы. Жаман шешім.




5. Әртүрлі типтегі элементтер үшін бірдей түстер

Қарама-қарсы жағдай - сіз өзіңіздің «сүйікті» түсіңізді әдемі етіп жасау керек деп ойлайтын жерде қолданғанда. Әрекет түймелері мен басылмайтын элементтердің түсі ұқсас болмауы керек, бұл сайтты пайдалану логикасын бұзады. Белгілі бір түс пен стильде басылатын түймені жасау арқылы сіз мінез-құлық үлгісін жасайсыз және мұндай элемент белсенді емес болып шықса, ол пайдаланушының әдеттегі әрекетін бұзады.

6. Контрасттың болмауы

Ерекше және жарқын түстерге ұмтылу үшін дизайнерлер жиі жібереді маңызды нүкте: Мәтінді оқуды жеңілдету үшін мәтін түсі мен фон түсінде жеткілікті контраст болуы керек. Бұл принцип төмендегі мысалдарда анық көрсетілген.

7. Стандартты емес сілтеме түсі

Пайдаланушы тінтуірді жылжытпай-ақ сілтемені мәтіннен ажырата алуы керек. Әрине, мұнда түс дизайнердің жалғыз құралы емес, мүмкін ең тиімдісі. Үш ереже:

  • Сілтемелер меңзерді олардың үстіне апармай-ақ көрінуі керек.

  • Меңзерді үстіне апарған кезде сілтеме түсін өзгертуі керек.

  • Кірілген сілтемелер басқа түспен белгіленуі керек, егер біз көптеген жарияланымдары бар ақпараттық сайт туралы айтатын болсақ, бұл өте маңызды.

Мысалда дизайнер портфолиода шарлау үшін сілтемелер дизайны үшін өте сәтсіз түсті таңдады.

8. Өңдеген минимализм серпінді сатылымдар үшін емес.

Бүгінгі күні әдетте импульстік сатуға бағытталған қону беттерін жасау өте сәнді. Мұндай беттер адамның эмоцияларына әсер етіп, оның бір сәттік өнімді сатып алуға деген құштарлығын оятады. Веб-сайтты құрудағы тағы бір сәнді үрдіс - бұл әдетте бір немесе екі түспен сипатталады, көбінесе қатаң.

Бұл екі сән үрдісі көбінесе үйлеспейді. Егер сіздің веб-сайтыңыз қаралған кезде дәл осындай эмоцияларды тудырмаса, эмоцияларға негізделген сата алмайсыз.


Сатып алу ұтымды болған кезде тыныш тондар мен қатаң минимализм орынды. Иә, минимализм қызықсыз, түрлі-түсті және тіпті өте эмоционалды болуы мүмкін, бірақ қазір көптеген дизайнерлер сұр реңктерге және «ауаға» бейім, бұл идеяларды сатумен жақсы үйлеспейді. қону беттері.

Бірақ бұл сатылатын эмоционалды қондыру парағы кемпірқосақтың барлық түстерімен жарқырап тұруы керек дегенді білдірмейді.

9. Сәйкес емес қара

Маркетологтар қара қаптама әрқашан дерлік жоғары баға мен өнім сапасының жоғары деңгейін білдіретініне материалдық әлемдегі тұтынушыларды бұрыннан үйренген. Мұнда тұшпара мен қымбат жарманың элиталық брендінің мысалы келтірілген:



Біздің әдеттеріміз, маркетологтардың әдістері сияқты, супермаркеттерден Интернетке ауысады, мысалы, қара түсте жасалған зергерлік компанияның веб-сайты талғампаз және қымбат көрінеді:


Егер сіз төмен баға сегментінде қызмет көрсетсеңіз немесе қымбат емес тауарларды сатсаңыз, веб-сайтыңызда фон ретінде көп қараны қолданбауыңыз керек. Сіздің сайтыңыздағы келушілердің әсерлері сіздің сату ұсынысыңызға сәйкес келмейді.

10. Дизайнер үшін түс шектеулері

Бұл ереже веб-сайт дизайнына және түстер палитрасын таңдауға тікелей қолданылмайды. Біз веб-сайтты әзірлеу кезінде дизайнерге тапсырмалар қою туралы айтып отырмыз. Егер сізде бұрыннан іске асырылмаған болса корпоративтік сәйкестікнемесе танылатын логотип (бұл жағдайда ереже ішінара қолданылатын болса да) дизайнерге қолданылатын түстерге қатаң шекаралар мен шектеулер бермеу керек.

Сіздің көзқарасыңыз өзіңіз қалағандай әдемі болуы мүмкін, бірақ дизайнерге өз көзқарасын ұсынуға рұқсат етіңіз. Егер бірнеше әрекеттерден кейін дизайнер әлі де сізге ұнайтын нәрсені көрсете алмаса, тек содан кейін түстерді таңдауда оған қатаң шекаралар қою керек.

Тағы бір ерекшелік: егер сіз өзіңіздің түс дизайны опциясы жақсы ойластырылғанына сенімді болсаңыз және бұл таңдауды өзіңіз ақтай аласыз. Әдетте, тұтынушылар дизайнер нені ескеретінін ескермейді - мәтінді оқу мүмкіндігі, түймелердің жеткілікті жарықтығы және түстердің оңтайлы саны.

Қорытындылар

Түс схемасы пайдаланушының сайт туралы алғашқы әсерін тудырады. Оның позитивті болуы өте маңызды. Бірақ сіз адамдардың назарын тек түске аудара алмайсыз; Дұрыс таңдауға сенімді болмасаңыз, жылу картасының деректерін пайдаланыңыз немесе қарапайым трюкдайын интерфейс шешімін бұлдырату. Техниканың мәні өте қарапайым: пайдалану керек графикалық бағдарламаларбүкіл бетті бұлыңғыр етіп, қай элементтер мен блоктардың бірінші назар аударатынын көріңіз. Назар аударатын бірінші, екінші және үшінші блок пайдаланушы сценарийі бойынша ең маңызды элементтер болуы керек.

Мысалы, біз Aviasales.ru сайтының бірінші экранын бұлыңғыр еттік - 1, 2 және 3 элементтерінің блоктары тақырыпты оқығаннан кейін, яғни. Пайдаланушыда дұрыс күтуді қалыптастыра отырып, ол (контраст ережелерін есте сақтаңыз) параметрлерді таңдау және әрекетке шақыру үшін қажетті элементтерді қарастырады.


Оның қаншалықты айқын көрінетінін қараңыз бұлыңғыр фон ostrovok.ru сайтындағы негізгі әрекет.


Егер сіздің интерфейстеріңіз осындай сынақтардан өтсе, сайтты одан әрі жетілдіру пайдаланушы психологиясын түсіну негізінде жүзеге асырылуы керек, яғни. нақты пайдаланушылардың пікірлерін талдау. Мынадай сұрақтарды пайдалану: «Сіз бірінші қайда қарадыңыз: сайттың қай 3 элементін және қандай ретпен? Алдымен қай жерді басқыңыз келеді және неге?» AskUsers қолданбасында пайдаланушылардың назарының қалай бөлінетінін ғана емес, сонымен қатар пайдаланушылардың белгілі бір элементтерге неліктен қарайтынын түсінуге болады. Бұл ақпаратағымдағы интерфейстегі бірқатар проблемаларды анықтауға және олардың оңтайлы шешімдерін табуға көмектеседі.

Пішін мазмұнға бағынатынын есте сақтаңыз. Түс дизайны пайдаланушының назарын пайдаланушы мен сайт иесі үшін маңызды ақпаратқа аудару құралы ретінде қызмет етеді.

Қай түйменің түсі ең жоғары түрлендіру жылдамдығына ие - бұл көптеген адамдар жауабын білетін ескі философиялық сұрақ. «Қызыл» - жаңадан келген маркетологтар жауап береді. «Контраст» - тәжірибелі маркетологтар жауап береді. Біз осы тақырып бойынша 21 666 пайдаланушыны сынадық. Және біз өте қызықты қорытындыға келдік.

Мақаланың басында назар аудару үшін интригалар мен қызықты фактілерді қосу керек. Осы кеңеске сүйене отырып, іс жүзінде біз түйменің түсін өзгерту арқылы конверсияны 65% дейін арттырдық деп айта аламын. Бұл мақалада біз нәтижелер және оны қалай жасау керектігі туралы айтатын боламыз.

Түспен түрлендіруді қаншалықты арттыруға болады?

Мен сізге конверсияны басқаруға арналған сиқырлы таблетка ойлап тапқанымызды айтпаймын. Конверсиялардың көбеюі жағдайында мен бір қарапайым қорытындыға келдім. Әрқашан барлығы үшін жұмыс істейтін 100% мәлімдемелер жоқ. Сиқырлы таблеткалар да. Кейбір жағдайларда «Тегін» сөзі конверсияны қалай төмендететіні туралы бұрын жазғанбыз. Басқа «жүз пайыз» шындықтар туралы не айта аламыз.

Сонымен, түймелердің түстерін өзгерту арқылы түрлендіру жылдамдығын қаншалықты арттыруға болады?

Біз конверсияның 65%-ға дейін өсімін алдық. 65% ең жоғары сынақ нәтижесі болды. Орташа көрсеткіш 11% құрады. Бірақ конверсияның бұл өсуінің өзі өте жақсы нәтиже. Бұған түйменің түсін өзгерту арқылы қол жеткізуге болатынын ескерсек.

Қызыл - жеңімпаздардың түсі

Көптеген сарапшылық сынақтар қызыл түйменің ең жоғары конверсия жылдамдығына ие екенін айтады. Неліктен? Біз әр түстің өзіндік ассоциациясы бар екенін және белгілі бір эмоцияларды тудыратынын білеміз. Қызыл түс тоқтауды, қауіп пен құмарлықты білдіреді. Және көп жағдайда (ол сенеді) әкеледі ең жақсы нәтижелеринтернет-маркетингте.

Төменде A/B сынақтарын құру алгоритмі берілген:

  1. Конструкторда виджетті жасаңыз. 5 минут уақыт алады.
  2. Оны көшіріп, сынаққа өзгертулер енгізіңіз. 1 минут уақыт алады.
  3. A/B сынағын жасаңыз және осы виджеттерді таңдаңыз. 1 минут уақыт алады.

1. Конструкторда виджетті құру

Виджетті жасау үшін конструкторда тіркелу керек.

Жасау процесі 3 кезеңнен тұрады:

  1. Пайдаланатын виджет үлгісін таңдаңыз.
  2. Виджетті өңдеңіз: - қажетті мәтінді жазыңыз - түсін өзгертіңіз және қажет болса, суретті жүктеңіз
  3. Дисплей параметрлерін таңдаңыз: - виджетті қашан көрсету керек (уақыты бойынша, кеткенде, бетті жылжытқанда және т.б.) - қандай құрылғыларда (компьютер, ұялы телефон, планшет) - түрлендіруден кейін не істеу керек (рахмет айту, арқылы қайта бағыттау сілтеме немесе жай ғана виджетті жабыңыз)

Виджетті жасау туралы осы бейнені көруге болады. Мұнда әрбір кезең егжей-тегжейлі талқыланады. Мәтіндік нұсқауларвиджет жасауда орналасқан.

Дизайнерде баптау опциялары әлдеқайда көп екенін атап өткім келеді. Мысалы, беттердің белгілі бір санын қараған кезде, апта күні, сілтеме көзі, көрсету жиілігі және т.б. бойынша көрсету. Бірақ алдымен мен сізге негізгі параметрлерді қолдануға кеңес беремін, содан кейін қосымшалармен тәжірибе жасаңыз.

2. Виджетті көшіріп, сынаққа өзгертулер енгізіңіз

Виджетті жасағаннан кейін оның көшірмесін жасау керек. Жаңа виджетке өзгертулер енгізу және A/B сынағын іске қосу. Ол үшін жасалған виджеттегі «Көшіру» белгішесін басыңыз.

Ол сайтта автоматты түрде қосылады. Енді оны өшіру керек, себебі ол өңделмеген. Мұны істеу үшін күйді өзгертіңіз.

Енді «Редакторға қосу» белгішесін басу арқылы оның параметрлеріне өтіңіз.

Мұнда тексергіңіз келетін қажетті элементті өзгертіңіз. Мысалы, түйменің түсін өзгертейік. Бұл бір рет басу арқылы жасалады. Сізге тек басқа түйме түсін таңдау керек.

«Түйменің түсі» түймесін басып, қалағаныңызды таңдаңыз.

Осыдан кейін виджетті сақтаңыз. 4-қадамда алдыңғы виджеттің параметрлерін сақтау үшін ештеңені өзгертудің қажеті жоқ. Мұны істеу үшін «Сақтау» түймесін басу жеткілікті.

Енді сіз 2 виджетті жасадыңыз әртүрлі түстертүймелері A/B сынағын жасауға көшуге болады. Ыңғайлы болу үшін екінші виджеттегі атауды өзгерту ғана қалады.

3. A/B сынағын жасаңыз

Тест жасау үшін «A/B сынақтары» мәзіріне өту керек. Және «Тест жасау» түймесін басыңыз.

Мұнда сізге қажет:

Сайтты таңдаңыз - сынақтың атын жазыңыз

Сынақ түрін таңдаңыз

Тест түріне қатысты. KEPLER LEADS-те 2 әртүрлі түрлері A/B сынағы: классикалық және жеке. Айырмашылық виджеттерді қайта келушілерге көрсетуде. Қайтып келген келушіні көрсеткіңіз келсе жаңа опциявиджетте Классикалық сынақ опциясын таңдаңыз. Қайтаратын пайдаланушыға басқа виджет опциясының көрсетілмеуін қаласаңыз (бірінші көрсетілгені есте сақталады және дисплей параметрлеріне байланысты тек осысы әрқашан іске қосылады), содан кейін Жеке опциясын таңдаңыз.

Сынақ түрін таңдағаннан кейін «Қосу» түймесін басыңыз. Соңғы қадам қалады - сынақ үшін виджеттерді таңдаңыз. Мұны істеу үшін «Виджеттер» ұяшығын басып, оларды таңдаңыз.

Виджеттерді таңдағаннан кейін олардың барлығы белсенді екенін тексеріңіз. Белсенді емес виджеттер болса, оларды дәл осы жерден қосуға болады.

Барлығы! Сынақ құрылды. Барлық нәтижелерді сынақ статистикасынан көре аласыз. Ол үшін сынақ атауының оң жағындағы «Көру» белгішесін басыңыз. 1000 әсерден жалпы трафик бойынша сынақтарды өткізуді ұсынады (бұны «Көрулер» бағанынан көруге болады). Осыдан кейін келесі сынақты орындауды шешіңіз.

Қорытынды

Сіздің жұмысыңыз мұнымен бітпейді. Енді біз нәтижелерді қадағалауымыз керек және маңызды деректерге қол жеткізгеннен кейін (1000 немесе одан да көп келушілерді ұсынамыз) басқа гипотезаларды сынау керек. Бұл тақырыптар, әрекетке шақыру мәтіндері, құнды ұсыныстар, суреттер және т.б. болуы мүмкін. Біз келесі мақалаларда басқа A/B сынақтары туралы жазамыз. Нәтижелеріңізді түсініктемелерде бөлісіңіз.

Мен үлкен және кең әлемнен қызықты және менің ойымша, пайдалы жаңалықтарды жариялауды жалғастырамын SEO. Бүгін біз веб-сайт дизайнының түстері туралы сөйлесетін боламыз ... Иә, иә, түс схемалары туралы. Ал, бастайық. Веб-сайт дизайнының түсіАҚШ-тағы Оксфорд университетінің психологтары жарнаманың клик жылдамдығына әсер етеді деп есептейді.

Мінез-құлық: сайт түсінің порталдардағы жарнаманың шерту жылдамдығына әсері

Америкалық ғалымдар осылай есептеді тұрақты қолданушыбір интернет-порталда шамамен 2 минут жұмсайды. Оның ішінде соңғы 4-7 секунд біз үшін шешуші болды - SEO мамандары, дегенмен бұл дизайнерлерге де қатысты. Дәл осы уақыт аралығында пайдаланушы веб-сайттан шығады немесе оған ұсынылған жарнаманы басады. Таңдау мынаған байланысты веб-сайт пен жарнама блоктарының түстері. «Ең нашар» (қажет емес және басылмайтын) опция веб-сайт дизайны- бұл сайтты сұр немесе қызыл реңктермен безендіру. Интернет-ресурста орналастырылған жарнаманың тиімділігі сияқты трафик нөлге жақындайды (клик-трафик). Ыңғайлылық пен тыныштықты басым түс ақ болатын сайттардағы пайдаланушылар сезінеді. Олар баннерлерді жақсы басады, контекстік жарнамаолар тек тақырыптар күтпеген (өте) жарқын және жоғары контраст, ал мәтін мен URL максималды өлшемде болса ғана тартылады. Жасыл дизайнмен бірдей нәрсе дерлік болады.

Көк портал дизайны сенім үшін, ал сары түс контекст үшін ең қолайлы

Көгілдір дизайны мен орналасуы бар веб-сайттар сенім ұялатады (бірден ойға келетіндер: әлеуметтік медиа«ВКонтакте» және «Фейсбук»). Бір қызығы, бұл жерде жарнама ақ фонда орналасса және айдарлар 2 реңктен күңгірт түсті болса (және бұл біздің сүйікті «ВКонтакте» мен Facebook-ке сәйкес келеді) жұмыс істейді. Ең көп жеңген веб-сайт дизайнының түсі, британдық психологтардың айтуынша, сары. Мұнда кірулердің кликтерге қатынасы 1-ден 2,5-ке дейін, өйткені көптеген Интернет пайдаланушылары бірден 2-3 жарнаманы көреді. Бірақ барлық сары сайттардағы баннерлер тиімсіз. Адамдар жарнамалық блоктар мен баннерлерді басатын порталдардың дизайнына арналған тағы бір жақсы түс - бұл контрастсыз қоңыр. Міне, нәтиже баннерлік жарнама 3 кіруге 1 рет басу, контекстік үшін шамамен 1-2.

PS. Қорытындылайық. Бізді ең бірінші шатастыратыны, әрине, сыналған аудитория орыстілді емес, бізде басқаша менталитет бар. Дегенмен, ТМД тұрғындары Американың немесе Еуропаның тұрғындары емес. Ресейлік веб-сайттар шектеулі еуропалық және американдық интернет-ресурстардан айырмашылығы әрқашан кемпірқосақ түстерімен және дизайндағы реңктермен ерекшеленді (жарқын мысал - Apple веб-сайты). Екіншіден, осыған байланысты біздің жарнамаларымыз ашық және қарама-қайшы болғандықтан «басылады» (өз бақылауым). Сіз сары сайттар мен порталдар туралы келіспеуіңіз мүмкін - олар отандық желі қолданушылары арасында сенім тудырмайды (үлкен сары портал туралы бірден айтпай-ақ қояйын - ешкім есіме түспейді), мүмкін кішкентай балалардан басқа (бұл менің көзқарасым болса да) пікір)! Тұтастай алғанда, мен «тәжірибелер» бөлімінде айтатын шағын сынақты орындау керек болуы мүмкін.

Келушілер басатын жарнамалардың түс дизайнын болжаудың қажеті жоқ. Жарнамаларды әртүрлі түстермен көрсетуге тәжірибе жасау керек. Оның нәтижелері бойынша біз сіздің сайтқа кірушілердің қалауын анықтаймыз. Дегенмен, терезенің сыртында 21 ғасыр. Сондықтан, біз үшін бәрін жасайтын шағын сценарий жазамыз.

Жарнама үшін қандай түстерді таңдау керек

Өз тәжірибемде мен үш негізгі түске тоқтадым: көк, қызыл және жасыл. Мен олардың әрқайсысын әртүрлі жарықтық дәрежесімен алдым. Мен оларға тағы бір түсті қостым - сайттағы сілтемелердің түсі. Осылайша, менің экспериментіме жеті түс қатысады.

Жарнама түсін айналдыру сценарийі

Негізінде мен Profit-Partner маған берген YAN (Yandex Advertising Network) жарнамаларын көрсету сценарийін аламын. Оған автоматты түсті өзгертуді қосамыз. Әрбір түс үшін біз бірегей белгіні жасаймыз. Болашақта осы бөлімдерді пайдалана отырып, сіз өзіңіздің сайтыңыздағы жарнамалардың қай түсі келушілер үшін тартымды екенін талдай аласыз.

Сценарийді іске қосып, деректерді жинауды бастайық. Статистика біздің сценарий арқылы жасалған кесінділерді көрсетеді.

Жарнаманың түс дизайнын таңдау бойынша экспериментті қалай дұрыс жүргізу керек

Тәжірибе кем дегенде бір апта бойы тәулік бойы жүргізілуі керек. Демалыс және жұмыс күндерінің барлық уақытқа тәуелділіктері мен ерекшеліктерін ескеру. Әрбір түс схемасы кем дегенде 1000 рет көрсетілу маңызды.

Тәжірибеден қорытындылар, қай түс жақсы

Егер сіз үш негізгі түсті таңдасаңыз, онда менің сайтымда айқын көшбасшы жоқ. Бірнеше пайыздық айырмашылық қатеге байланысты болуы мүмкін. Бірақ жалпы тенденция Profit-Partner COP мамандарының ұсыныстарымен сәйкес келеді - соғұрлым басылатын түс қызыл болады.

Барлық жеті түсті егжей-тегжейлі қарастыратын болсақ, келушілер келесі топты таңдайды: қою қызыл (#990000), ашық жасыл (#00CC00) және қою көк (#000099).

Мен сізге менің статистикамды қарамауға кеңес беремін, бірақ сіздің жарнамаларыңыздың түс дизайнын таңдау бойынша өз тәжірибеңізді жүргізуге кеңес беремін. жарнамалық желіЯндекс.
Егер сізде бірнеше сайт болса, онда әрбір сайт үшін өз тәжірибеңізді жүргізу керек.
Дизайнды өзгертсеңіз, экспериментті қайта іске қосыңыз.
Егер сізде мен сияқты бірнеше жарнама бірліктері болса, онда әрбір жарнама бірлігі үшін сіз өз тәжірибеңізді де жүргізуіңіз керек. Сіз таң қаласыз, бірақ менің сайтымда пайдаланушы қалауы әртүрлі жарнамалық блоктармақаланың ортасында және соңында.
Тәжірибе тәулік бойы кем дегенде 7 күн бойы жүргізілуі керек.

Операция