<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Visions &#187; юзабилити</title>
	<atom:link href="http://www.visions.com.ua/tag/yuzabiliti/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.visions.com.ua</link>
	<description>Работа в Сети, SEO, контекстная реклама, идеи и размышления о создании и развитии онлайн-проектов.</description>
	<lastBuildDate>Tue, 31 Jan 2012 13:58:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>5 способов поднять CTR страницы в Google Adsense</title>
		<link>http://www.visions.com.ua/5-sposobov-podnyat-ctr-stranicy-v-google-adsense/</link>
		<comments>http://www.visions.com.ua/5-sposobov-podnyat-ctr-stranicy-v-google-adsense/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 18:00:10 +0000</pubDate>
		<dc:creator>Viacheslav</dc:creator>
				<category><![CDATA[Adsense]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[ctr]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[контекст]]></category>
		<category><![CDATA[мысли]]></category>
		<category><![CDATA[онлайн]]></category>
		<category><![CDATA[практика]]></category>
		<category><![CDATA[прототипы]]></category>
		<category><![CDATA[систематизация]]></category>
		<category><![CDATA[юзабилити]]></category>

		<guid isPermaLink="false">http://www.visions.com.ua/?p=4014</guid>
		<description><![CDATA[В последнее время стал все больше работать с западным контекстом и похоже самое время структурировать часть сумбурных мыслей и экспериментов.  Стал кстати замечать, что иногда возвращаюсь к своим прошлым заметкам. Довольно интересно получается, когда старые мысли потом накладываются на новые, сразу смотришь на проблему как бы под другим углом. *пообещал себе сделать нормальную навигацию по блогу [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visions.com.ua%2F5-sposobov-podnyat-ctr-stranicy-v-google-adsense%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visions.com.ua%2F5-sposobov-podnyat-ctr-stranicy-v-google-adsense%2F&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>В последнее время стал все больше работать с западным контекстом и похоже самое время структурировать часть сумбурных мыслей и экспериментов.  Стал кстати замечать, что иногда возвращаюсь к своим прошлым заметкам. Довольно интересно получается, когда старые мысли потом накладываются на новые, сразу смотришь на проблему как бы под другим углом. <span class="grey">*пообещал себе сделать нормальную навигацию по блогу</span></p>
<p>Что бы избежать ненужных вопросов  — текущий <a href="http://ru.wikipedia.org/wiki/CTR_(%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D0%BD%D0%B5%D1%82)" target="_blank">CTR </a> на страницах где у меня откручивается Adsense колеблется в районе 5 &#8212; 8%. Я считаю это хорошими показателями.</p>
<h2>1. Навигация и действия пользователей.</h2>
<p>Идея заключается в том что бы дублировать горизонтальную навигацию блоком ссылок, где при правильном подборе цветов пользователь не всегда сможет отличить главное меню от подменю выводимое рекламным блоком. Главное не мешать на таких страницах тематику, для вывод максимально релевантного блока. Предпочитаю использовать блок на 4 ссылки, 468 либо 728&#215;15 в зависимости от размера страницы.</p>
<p style="text-align: center;"><img class="size-full wp-image-4024" title="linknav" src="http://www.visions.com.ua/wp-content/uploads/2011/06/linknav.jpg" alt="" width="500" height="183" /></p>
<p>Так же хорошо работает вывод блока рядом с полем подразумевающем некое действие (например &laquo;согласиться с правилами&raquo;, &laquo;скачать&raquo; или &laquo;войти&raquo;). Не стоит располагать блоки &laquo;в притирку&raquo;, а все же выдерживать баланс между привлечением внимания и случайным нажатием. В случае высокого показателя отказов придется столкнуться с <a href="https://www.google.com/adsense/support/bin/answer.py?hl=ru&amp;answer=16737">недействительными кликами</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-4029 aligncenter" title="linkdwl2" src="http://www.visions.com.ua/wp-content/uploads/2011/06/linkdwl2.jpg" alt="" width="312" height="123" /></p>
<p style="text-align: center;">&nbsp;</p>
<h2>2. Управление вниманием.</h2>
<p style="text-align: left;">Помню работая одно время в издательстве у руководства было <del>навязчивое желание</del> требование вставлять на обложку всех в подряд журналов (не важно о технике или мобильной связи) девушек-моделей в пляжных купальниках. Сложно сказать как отражалось на продажах наличие на обложках огромных (и не очень) сисек, но думаю внимание как минимум привлекало. Давайте для наглядности проведем эксперимент:</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-4031" title="adsense" src="http://www.visions.com.ua/wp-content/uploads/2011/06/adsense.jpg" alt="" width="300" height="297" /><br />
Не забываем, что адалт и азартные игры в адсенсе под запретом, поэтому откровенность картинок стоит выбирать достаточно осторожно. Смысл в том, что бы визуально не засорять страницу и не распылять внимание пользователя —  в большинстве случае одного визуально активного элемента  на страницу текста более чем достаточно и использовать чрезмерно пестрые шапки и кричащие цвета в оформлении просто нет смысла. Оптимальная расстановка блоков внутри страницы, допустим на тему строительства, мне видится так:</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-4038" title="content2" src="http://www.visions.com.ua/wp-content/uploads/2011/06/content2.jpg" alt="" width="500" height="272" /><br />
Фотография меняется в зависимости от товара/продукта. Остальные фотографии можно добавить под текст во второй части страницы. Рекламные блоки в тексте предпочитаю ставить рядом, а использовать 300х250/4 для англоязычных сайтов и 250х250/3 для русскоязычных в которых не задается размер объявлений.</p>
<h2>3. Визуальное решение страницы.</h2>
<p style="text-align: left;"><img class="alignright" title="contr" src="http://www.visions.com.ua/wp-content/uploads/2011/06/contr.jpg" alt="" width="311" height="182" />Этот момент скорее из основ композиции, более детально каждый желающий может прочитать скачав одноименную литературу. В первую очередь нам пригодятся знания о двух базовых вещах на которых строиться визуальное восприятие (не зависимо от носителя). Не разводя ненужную писанину смотрим на картинку справа.</p>
<p style="text-align: left;">Нет смысла завешивать страницу под завязку рекламой (косвенно снижая тем самом стоимость клика) и сто раз менять блоки местами в поисках более высокого отклика — гораздо проще управлять вниманием пользователя, пускай он это и будет делать подсознательно. Контраст на странице зачастую используется для отбивки второстепенных элементов, ньюанс для привлечения внимания. Совмещать в пределах видимой области страницы крайне не рекомендую (сделать это удачно достаточно часто не удается и дизайнерам в том числе).</p>
<p style="text-align: left;">Как применить на практике.  Например в навигации по сайту отвлечь активным фоном от надписи Ads by Google:</p>
<p><img class="aligncenter size-full wp-image-4048" title="nuans2" src="http://www.visions.com.ua/wp-content/uploads/2011/06/nuans2.jpg" alt="" width="600" height="81" /></p>
<p style="text-align: left;">Можете проверить сами, взгляд сначала прочитает &laquo;How To&raquo;,  &raquo;Tips/Tricks&raquo; и опуститься в <strong>середину</strong> нижней строчки. Туда куда нужно вообщем. А вот так частенько отсекают лишнее контент-фермеры:</p>
<p style="text-align: left;"><img class="aligncenter size-full wp-image-4050" title="contrast2" src="http://www.visions.com.ua/wp-content/uploads/2011/06/contrast2.jpg" alt="" width="500" height="208" /></p>
<blockquote>
<p style="text-align: left;"><strong>Интересный факт: </strong>базовый аккаунт в системе Adsense возможно улучшить до статуса <strong>Premuim</strong>, в случае если  сайт получает трафик в размере более <strong>5 млн. поисковых запросов</strong> либо<strong> 20 млн. просмотров страниц</strong> в месяц. К таким аккаунтам в нагрузку выдается персональный менеджер, возможность гибкой настройки форматов рекламы, произвольных шрифтовых и цветовых решений, и пр. бонусы.</p>
</blockquote>
<h2>4. Контент и трафик.</h2>
<p style="text-align: left;">Нет посетителей, нет доходов к контекста. Нет доходов &#8212; идешь за зарплату на завод. Пришел на завод &#8212; спился от тоски. Так что лучше бы этот трафик был, и был как можно более качественный из органической выдачи <img src='http://www.visions.com.ua/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p style="text-align: left;">Ну а если серьезно, чем более полезный контент с точки зрения пользователя размещен на сайте, тем ниже будет процент новых посещений. Чем больше целевых пользователей возвращается (через те же закладки) на сайт, тем выше потенциальная отдача от рекламы. Отследить целевых посетителей достаточно просто, используя к примеру тот-же Analytics и данные о среднем времени посещений и кол-ве просмотренных страниц. Останется только установить зависимость между ежедневным доходом который приносит сайт и страницами просмотренными в этот день пользователями.</p>
<h2>5. Отслеживание каналов.</h2>
<p style="text-align: left;">Тут все просто. Для каждого блока объявлений имеет смысл создавать отдельный канал и отслеживать его эффективность. Оптимальным вариантом мне видится сбор статистики в два этапа. Первый &#8212; расстановка блоков, второй, когда показатели выходят на приемлемый уровень &#8212; выбор цвета линков, которые по умолчанию стоят нейтральными под общую расцветку страниц.</p>
<p style="text-align: left;">Буду рад продолжить обсуждение вопроса в комментариях <img src='http://www.visions.com.ua/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<hr />
<p>Самый просто способ <a href="http://ukrautos.com/">купить машину</a> это воспользоваться услугами автомобильного портала UkrAutos.</p>

	<h4>Статьи по теме:</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.visions.com.ua/tvoj-samyj-legkij-pervyj-dollar-v-google-adsense/" title="Твой самый легкий, первый доллар в Google Adsense. (2 Июнь 2011)">Твой самый легкий, первый доллар в Google Adsense.</a> (21)</li>
	<li><a href="http://www.visions.com.ua/kak-uvelichit-stoimost-klika-i-povysit-doxodnost-stranicy-v-google-adsense/" title="Как увеличить стоимость клика и повысить доходность страницы в Google Adsense (23 Июнь 2011)">Как увеличить стоимость клика и повысить доходность страницы в Google Adsense</a> (8)</li>
	<li><a href="http://www.visions.com.ua/amerikanskij-kontent-fermer/" title="Американский контент-фермер (3 Май 2011)">Американский контент-фермер</a> (2)</li>
	<li><a href="http://www.visions.com.ua/5-prostyx-sovetov-o-tom-kak-izbezhat-bana-v-adsense/" title="5 простых советов как избежать<br />бана в Adsense (19 Январь 2012)">5 простых советов как избежать<br />бана в Adsense</a> (11)</li>
	<li><a href="http://www.visions.com.ua/servis-sovmestnyx-pokupok/" title="Сервис безопасных совместных покупок (26 Ноябрь 2010)">Сервис безопасных совместных покупок</a> (20)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.visions.com.ua/5-sposobov-podnyat-ctr-stranicy-v-google-adsense/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Безмозглые вещи города &#8212; «Паркомат»</title>
		<link>http://www.visions.com.ua/bezmozglye-veshhi-goroda-parkomat/</link>
		<comments>http://www.visions.com.ua/bezmozglye-veshhi-goroda-parkomat/#comments</comments>
		<pubDate>Thu, 15 Oct 2009 13:27:24 +0000</pubDate>
		<dc:creator>Viacheslav</dc:creator>
				<category><![CDATA[Дизайн]]></category>
		<category><![CDATA[ноль]]></category>
		<category><![CDATA[паркомат]]></category>
		<category><![CDATA[юзабилити]]></category>

		<guid isPermaLink="false">http://www.visions.com.ua/?p=2056</guid>
		<description><![CDATA[Типичный городской паркомат, с которым приходиться сталкиваться чуть ли не каждый день: Первый раз когда я подошел к этому недоразумению (а поставили их уже давненько) вообще был ступор. Ситуация просто абсурдна — смотрим на картинку, сверху-вниз. Эл. табло с надписью &#171;Оплатите!&#187; и временем, а так же комментарии на двух языках мол где что отображается. Надпись [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.visions.com.ua%2Fbezmozglye-veshhi-goroda-parkomat%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.visions.com.ua%2Fbezmozglye-veshhi-goroda-parkomat%2F&amp;style=normal&amp;service=bit.ly&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>Типичный городской паркомат, с которым приходиться сталкиваться чуть ли не каждый день:</p>
<p style="text-align: center;"><img class="size-full wp-image-2057 aligncenter" title="2" src="http://www.visions.com.ua/wp-content/uploads/2009/10/2.jpg" alt="2" width="480" height="640" /></p>
<p>Первый раз когда я подошел к этому недоразумению <em>(а поставили их уже давненько) </em>вообще был ступор. Ситуация просто абсурдна — смотрим на картинку, сверху-вниз.</p>
<p><a href="http://www.visions.com.ua/wp-content/uploads/2009/10/1sm.jpg" class="lightbox" ><img class="alignleft size-full wp-image-2061" style="margin-right: 15px;" title="1sm" src="http://www.visions.com.ua/wp-content/uploads/2009/10/1sm.jpg" alt="1sm" width="112" height="55" /></a> Эл. табло с надписью &laquo;Оплатите!&raquo; и временем, а так же комментарии на двух языках мол где что отображается. Надпись &laquo;Оплатите!&raquo; предлагают перевести на другой язык <strong>отдельной</strong> кнопкой (п1. инструкции) с огромной белой-стрелкой указателем. <em>Не маразм ли? При том что сама инструкция дублирована на английском языке?</em><em><strong> </strong></em>Зачем там вообще какие то надписи, почему вместо этого просто не сделать крупнее цифры? Сколько денег получил и на сколько времени хватит. А выводить в виде «<strong>8 uah &#8212;&gt; 40 min</strong>». Если человек приехал на машине он уже не даун, медсправку бы не купил.</p>
<p><a href="http://www.visions.com.ua/wp-content/uploads/2009/10/parkbig.jpg" target="_blank" class="lightbox" >Ниже инструкция</a> которую писал лифтер. Еще помню эти совковые никому не нужные письмена размером А4 как нажать две кнопки. Смешно, что при таком кол-ве текста нигде не написано что сделать что бы оплатить. Т.е. по-английски правильно &#8212; &laquo;Print receipt&raquo; (Печатать), а по украински уже просто &laquo;Возьмите чек&raquo;. Все комментировать смысла нет, вменяемый человек составил бы эту &laquo;инструкцию&raquo; из трех пунктов:<br />
<em>а)</em> вставь деньги<br />
<em>б) </em>посмотри на сколько хватит<br />
<em>в) </em>нажми зеленую кнопку и положи в машину</p>
<p>И ниже приписать какие купюры ест, плюс очень мелко что не выдает сдачи и пр.</p>
<p>Какую функцию выполняют все остальные кнопки и зачем они там нужны так и осталось большой загадкой. Ведь по сути надо было всего-то сделать <strong>одну большую зеленую кнопку</strong>. Наверно побоялись что будет мало дизайна, по другому я не знаю.</p>
<p><a href="http://www.visions.com.ua/wp-content/uploads/2009/10/2sm.jpg" class="lightbox" ><img class="alignleft size-full wp-image-2062" style="margin-right: 15px;" title="2sm" src="http://www.visions.com.ua/wp-content/uploads/2009/10/2sm.jpg" alt="2sm" width="213" height="154" /></a><em>Приемник и выдача чеков для детей, собак и карликов. </em>Нормальному инженеру за такое должно быть как минимум стыдно. У нас что на улицах люди по 1.50 в прыжке ходят? Обязательно автомату поклоны бить что бы засунуть купюру/взять чек?</p>
<p>Понятно, что мэрии (или кто их закупал) в принципе по боку на это все (сами то не платят), как и парковщикам которые в десяти метрах блокируют машины, но неужели иногда так сложно делать вещи для людей? Которыми потом самим же приятно было бы пользоваться. А пример с вендорных автоматов не будут брать до тех пор пока &laquo;удобней&raquo; не будет равно &laquo;больше заработать&raquo;.</p>

	<h4>Статьи по теме:</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.visions.com.ua/5-sposobov-podnyat-ctr-stranicy-v-google-adsense/" title="5 способов поднять CTR страницы в Google Adsense (14 Июнь 2011)">5 способов поднять CTR страницы в Google Adsense</a> (10)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.visions.com.ua/bezmozglye-veshhi-goroda-parkomat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
