Мы не станем вдаваться в теорию о том, что такое корзина и какова ее важность в процессе оформления заказа.

Начнем с кейса. Представьте, что вы проводите юзабилити-аудит крупной издательской компании. Вам нужно упростить или, точнее, улучшить процесс заказа электронных периодических изданий, управление подписками и добавить пару новых опций. Особенность создаваемой корзины связана с большим количеством изданий и различными периодами подписок на них.

Удобная и даже универсальная корзина позволит разгрузить службу поддержки и увеличить количество продаж. А кроме того – будет легче отслеживать поведение пользователей онлайн.

Нам надо продать:

1. несколько изданий в качестве отдельных номеров;

2. несколько изданий с разными периодами подписки;

3. как одному, так и нескольким пользователям;

4. «безболезненно» переместить в корзину «избранное».

Условие: это надо представить на одной странице, экономно по площади, и при этом так, чтобы всё было интуитивно понятно среднестатистическому пользователю.

Итак, приступим.

В целях экономии места, корзину предполагается разместить в сайдбаре.

1. Корзину совмещаем с «избранным».

2. При выборе «за номер» или «подписка», стоимость динамически меняется.

Клиенту нет необходимости возвращаться на страницу и тратить дополнительное время.

3. Кнопка с суммой символизирует переход на страницу с оформленим заказа.

Читать полностью

Этот год порадовал нас еще одной новинкой от Google AdWords – динамическими поисковыми объявлениями. Уверен, многие рекламодатели сталкивались с такой ситуацией, когда, например, позиций товара очень много, а подбирать для каждого товара свою целевую страницу… ой как лень. «Лучше я буду направлять пользователей на категорию или раздел, а не на страницу товара», — мысленно говорит себе счастливый рекламодатель, чтобы не заниматься рутинной работой. А теперь представьте, будто нет надобности создавать отдельные объявления, подбирать целевые страницы и ключевые слова. Система все сделает автоматически!

«Динамические поисковые объявления автоматически создаются на основе содержания веб-сайта в соответствии с поисковыми запросами пользователей». Функция на данный момент доступна только в режиме бета-тестирования для ограниченного числа аккаунтов. © справка Google AdWords

Не будем переписывать справку, а сразу перейдем к наглядной инструкции по созданию динамического поискового объявления.

1. Когда вы создаете новую рекламную кампанию, не забудьте на вкладке «Настройки» поставить галочку напротив «Использовать содержание моего веб-сайта, чтобы настроить таргетинг моих объявлений».

Или на вкладке «Расширения объявлений» добавить функцию.

Читать полностью

Нашу «зефирную акцию» стоило затевать хотя бы ради знакомства с Ольгой Цымбал – копирайтером из G2 Grey Ukraine. Она похвалила за зефир, но поругала за шрифты, которые мы использовали на подставке для зефира Мы попросили Олю провести нам мастер-класс по азам типографики – в результате получился этот пост. Уверены, это многим будет интересно и полезно.

Начнем, пожалуй, с шуточки: детям дизайнеров не дарят игрушки, они играют с шрифтами.

— Я работаю копирайтером-редактором, поэтому каждый день имею дело с определенным количеством текстовой информации, часто в сочетании с графической. Отдавая должное содержанию написанного, стилистике, грамматике, орфографии, я при этом не могу не обращать внимания на визуальное оформление текста. Серьезно интересуюсь дизайном и шрифтами – это мое увлечение наверняка родом из 2001 года, когда в нашей семье появился первый компьютер, и я целыми днями, забывая обо всем остальном, познавала возможности Paint и Microsoft Word, а также PowerPoint. Гораздо позже в мою жизнь пришли Corel Draw (на непродолжительное время), Photoshop, Illustrator. На очереди – InDesign. То есть профильное лингвистическое образование совсем не означает пренебрежения визуальной культурой, а скорее наоборот.

Любовь к слову обязывает сделать так, чтобы на экране монитора, на бумаге или любой другой поверхности этому слову было удобно, уютно, чтобы оно «чувствовало» себя на своем месте и читатель уделил ему необходимую дозу внимания.

Читать полностью

Мы решили дополнить некоторыми примерами статью, опубликованную на хабре, чтобы вы узнали о некоторых «инновационных техниках» улучшения форм регистрации и авторизации.

Упрощаем формы регистрации

Итак, несколько приемов:

• не нужно дублировать ввод пароля;

Чтобы облегчить пользователю жизнь (зачем это делать хорошо показано в этом ролике от Google) лучше сделать одно поле и чекбокс, который будет снимать «маску» – всё это осуществляется с помощью небольшого javascript-кода.

Плагин jQuery для скрытия/открытия пароля

Пример

А. Подключаем библиотеки в ‹header›:

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"><!--mce:0--></script>
	<script src="js/show_password.js" type="text/javascript"><!--mce:1--></script>
	<script src="js/init.js" type="text/javascript"><!--mce:2--></script>

1. библиотека jQuery
2. скачать плагин
3-7. инициализация на элементе

Б. HTML-код формы следующий:

<form id="myform1" action="#" method="post">
	<label class="form" for="myname1">Логин:</label>
<input id="myname1" name="myname1" type="name" />
 
	<label class="form" for="testpassword1">Пароль: </label>
<input id="testpassword1" name="mypassword1" type="password" />
</form>

5-6. видимость этих полей переключается скриптом по чекбоксу

B. init.js

$(document).ready(function(){
	$('#testpassword1').showPassword();
	$('#testpassword').showPassword('.checker', { text: 'Настраиваемый чекбокс', name: 'showmypass' });
});

Г. styles.css

body {
	font-family: Arial, Helvetica, serif, sans-serif;
}
form {
	margin: 15px 0;
	padding: 15px;
	background: #ccc;
	color: #000;
	border: 1px solid #aaa;
	width: 500px;
}
form label.form {
	float: left;
	width: 120px;
	display: block;
}
form input#testpassword1, form input#testpassword {
	float: left;
	display: block;
}
.clear { clear: both; }
div.checker {
	clear: both;
	display: block;
	border: 1px dotted #2d2d2d;
	color: #2d2d2d;
	background: transparent;
	width: 230px;
	font-size: 0.8em;
	margin: 20px 0 0 0;
}

Скачать файлы примера

Читать полностью

Шикарная зарисовка о том, что было бы, если бы покупка в супермаркете происходила так же, как в онлайн-магазине:

Продавец спрашивает имя, почтовый код, юзернейм, зачитывает текст лицензии, зависает, говорит стандартные фразы, просит сказать «капчу», начисляет автоматически % за срочную доставку товара и страховку. Очень комично смотрится срочная доставка буханки хлеба Это, конечно, краткий пересказ – покупателю придется пройти всю процедуру и уйти без покупки.

Примечательно, что это видео о «плохих сайтах» создали в Google для популяризации сервиса веб-аналитики.

Бедный «nick4ever»! Он всего лишь хочет купить хлеб в супермаркете, но из-за «бюрократических» проволочек эта задача становится невыполнимой. То, что нам кажется абсурдным в реальной жизни, очень часто встречается в интернете.

Месседж прост: при помощи Google Analytics можно усовершенствовать механизм совершения покупок. Проанализируйте, на каком этапе пользователи уходят с сайта.

Читать полностью

Сегодня я хотела бы рассказать о стратегиях показа, существующих в Яндекс.Директе. Опытные специалисты в контекстной рекламе обычно понимают в чем различие той или иной стратегии, а новичкам разобраться в нюансах достаточно сложно.

В Яндекс.Директе существует подразделение на стратегии автоматического распределения бюджета и те, при использовании которых необходимо делать настройки самостоятельно, вручную.

Поговорим сегодня о стратегиях показа, использующих автоматическое распределение бюджета.

Читать полностью

Если вы тоже поддались «тренду» и завели учетку в Google Plus, наверняка вас волнуют два вопроса:

— Кто все эти люди, которые меня добавляют?

— Как выключить уведомления Google Plus в Gmail?

Вот о втором и поговорим. Уведомления приходят на почту и отображаются на «красной кнопке» в Gmail.

С теми, что приходят на почту, легко «расправиться» – заходите в настройки аккаунта Google, переходите во вкладку Google+, затем снимаете галочки напротив всех пунктов.

Остается одна проблема: красная кнопка.

Чтобы избавиться от нее, нужно установить плагин Google+ Notifications Blocker. Но сначала нужно установить Greasemonkey.

Profit!

Проверено в Mozilla Firefox и Google Chrome.

Специальное подразделение сотрудников Netpeak разрабатывает полезные программы для внутреннего использования. Одну программу мы открыли в свободный доступ – речь идет про Определяйку.

Этим постом мы открываем новую традицию – время от времени мы будем рассказывать о наших программах. Мы не боимся приоткрыть завесу над внутренними средствами работы. Как показало кулуарное общение на профильных конференциях – это многим интересно. Причем, как коллегам-конкурентам, так и клиентам.

Итак, начнем наш обзор!

«Определяйка» – это программа для массового анализа ссылок по различным параметрам.

Читать полностью

Одним из способов монетизации сайта является участие в программе Google AdSense. Вебмастер сдает в аренду рекламную площадь на своем сайте, где будут размещаться рекламные объявления. Выгодный обмен, что тут скажешь. Желающих заработать на своем сайте – огромное количество. И вот такое огромное количество партнерских веб-сайтов называется контекстно-медийной сетью Google.

Если сравнивать с основным поиском Google, то в контестно-медийных сетях кроется гораздо больший потенциал. Например, мы вправе размещать текстовые, графические и даже видеобъявления.

Главная проблема в том, что участвовать в программе AdSense не так уж и сложно. Вы можете создать простенький ГС и получать с него денежку. Не сомневаюсь, что вы частенько попадали на сайты, где большую часть экрана занимала контекстная реклама, а не полезная информация. В связи с этим мы настоятельно рекомендуем осторожно подходить к контекстно-медийным сетям, так как в рекламных сетях есть, как «добрые сайты», так и «злые».

Около двух недель назад мы решили потестировать контекстно-медийную сеть, выбрав автоматический таргетинг («Релевантные страницы по всей сети»).

Читать полностью

Более полутора лет назад поисковая система «Яндекс» представила сервис «Яндекс.Виджеты», который позиционируется как дополнительный способ привлечения трафика на сайт, однако за это время почему-то было мало сказано об этом замечательном ресурсе. Давайте попробуем узнать что это такое и как работает.

Итак, что же такое виджет? Виджет — небольшое приложение, которое устанавливается и выполняется на веб-странице конечным пользователем. Виджеты позволяют пользователям «поместить» их личный контент в веб-приложение, которое может быть «расшарено» на всех сайтах, где установлен виджет.

Большинство виджетов создаются с использованием технологий DHTML, JavaScript и Flash.

Яндекс позволяет пользователям добавлять различные виджеты на свою главную страницу. Выглядит это так:

Одним из источников виджетов является собственный каталог виджетов Яндекса, попасть куда и является нашей целью. Что же для этого нужно?

Читать полностью