Вот и подходит к концу этот сумасшедший месяц октябрь 2009, насыщенный большим количеством вебинаров для повышения образования в сфере юзабилити и проектирования. Почему сумашедший? Да потому, что был похож на гонку, где надо было одновременно слушать вебинар и выполнять свою работу - прямо как Юлий Цезарь. Хорошо, что на многие вебинары будет опубликована видеозапись и можно посмотреть то, что пропустила мимо ушей. Собственно ниже представлены ссылки на открытые материалы с Юзабилити Марафона и Axure World 2009 для профессиональных разработчиков.

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

12-21 октября 2009 прошел Юзабилити Марафон2

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

За пределами юзабилити-лаборатории: крупномасштабные исследования опыта взаимодействия.
Билл Алберт, Лена Дмитриева (стенограмма)

Маркетинг юзабилити-услуг в рамках ограниченного бюджета.
Роберт Шумахер (стенограмма +презентация)

Стратегия продвижения опыта взаимодействия внутри компаний
Сюзан Вулф (презентация)

Юзабилити или стратегическое планирование опыта взаимодействия?
Пол Шерман (стенограмма +презентация)

Юзабилити-метрики.
Тим Бозеник  (презентация)

Обзор средств для создания поисковых интерфейсов и фильтров.
Эми Куэва (стенограмма+презентация)

Axure для проверки сырых интерфейсных решений.
Майкл Хаули (презентация)

Проектирование целостного опыта взаимодействия: как свести воедино проектирование интерфейсов, графический и промышленный дизайн.
Ким Гудвин (стенограмма +презентация )

10 октября AxureWorld 2009

• Axure Tips & Tricks
• Managing Requirements and Traceability
• Integrating Axure Into Your Process
• Ask Axure
• Shared Projects – Best Practice
• Managing Visual Design
• Better Specifications with Axure
• Variables and Conditional Logic; Raised Events

Кроме этого есть хорошая новость для любителей MAC, маковская версия программы Axure RP должна появится уже к концу 2009 года

Еще состоялась конференция в Москве, на нее материалов в открытом доступе по-моему не предвидется.Похожие материалы по теме:

• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)
• 11+ способов оптимизации веб формы обратной связи (30)
• CUP: Входное тестирование на знание HCD (Human-centered design) (2)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 1. (8)

В конце этого поста исследование аудитории интернет-магазинов, которое дает ответ на вопрос

• Что важно для покупателей при выборе Интернет-магазина: дизайн, юзабилити, ассортимент...?

А это стишок в моем авторстве о том,  как в компании принимают решение:

• Что на свете всех милее и быстрее прибыль принесет?

Три девицы под окном
Сели с кофе и чайком, с пивом и… чего покрепче
Обсуждать вопрос больной.

Что для сайта лучше сделать?
Сколько денег? Сколько время?
Кто, что будет делать сам,
И где надо помощь нам?

Дизайн, юзабилити, контент,
Трафик, менеджмент, ассортимент…
Что Важнее? И что делать?
Деньги надо добывать и врагов опережать.

Голова идет кругом,
И к Царю уж на поклон,
Скоро надо всем  идти,
Доводы свои нести.
И к кому он благосклонен,
Тот и деньги все освоит.

Только Царь, во гневе он.
Ведь же знает, что должен
Сделать первое движенье,
Сразу в нужном направленье

Царь печалится, боится, — он рискует…
Здесь на карте град стоит. И людьми он весь кишит.
Кушать все они хотят, и домой скорей спешат,
чтоб детишек накормить, напоить и спать уложить.

Вот как дело обстоит.
По сему наш Царь грустит.

Что ж, для батюшки Царя мы пошлем свого гонца.
Он расскажет о клиентах,
Что Царю платить хотят за товары и мечты,
Только ты их обслужи.

И лишь вымолвить успела,
Дверь тихонько заскрипела,
И в светлицу входит Царь,
Стороны той государь.

Речь последней по всему
Полюбилася ему.

А гонец наш не простой,
Он по свету год как скачет, всем известие несет,
Только мало кто берет.
А давайте-ка друзья взглянем на того гонца,
Что за грамота в кармане и полезна ль нам она.

Царь внимательно читает и решенье принимает.

В грамоте сей весть что, клиенты в Сети есть,
и готовы покупать, если сможешь им продать.

Сию новость нам несет гонец «Ромир»,
он 1300 пользователей Интернета опросил,
И по данным мы узнали, что нам делать и зачем.

Распределение ответов на вопрос «Вы сказали, что посещали раньше или посещаете сейчас сайты интернет-магазинов. Там Вы, как правило,...»

Из этой диаграммы мы узнали, что наверняка делают покупки 20% аудитории. Это значит, что если конверсия вашего Интернет-магазина составляет менее 20%, вам есть к чему стремиться.

42% — ищут информацию о товарах и услугах с целью приобрести товар, если не сразу, так в течение ближайшего времени (например по информации spylog этот временной лаг в англоязычных Интернет-магазинах составляет от 2 дней до 1 месяца). Итак, Вам уже есть над чем подумать, а именно, что вы можете сделать, чтоб получить этих потенциальных покупателей, и не делиться с конкурентами.

Распределение ответов на вопрос «Насколько часто Вы делаете покупки в Интернет-магазинах?»

Распределение ответов на вопрос «Собираетесь ли Вы в будущем делать покупки через интернет?»

Из этих диаграмм мы узнали, что одни и те же покупатели 38%- 71% делают повторные покупки в сети — покупки на регулярной основе. А это значит, что есть необходимость работать со своей старой базой покупателей, стараясь сконвертировать их в живуюмонетку, можно предлагать им:

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

Ну и на конец последний, самый интересный вопрос:

Что важнее для покупателей при выбореИнтернет-магазина?

Дизайн, юзабилити, контент, трафик, менеджмент, ассортимент…

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

• оформление страниц сайта: 44% заявили, что дизайн сайта для них скорее важно, а для 11% очень важно. Напротив, не придадут значения дизайну 19% опрошенных (совсем не важно оформление страниц 7% респондентов);
• удобство навигации важно – 70% опрошенных,
• скорость загрузки очень важна для каждого второго (54%), и скорее важна — 31% респондентов;
• две трети опрошенных обратят внимание на широту ассортимента (63%);
• приемлемый уровень цен интересует почти три четверти респондентов - 72%;
• быстрая доставка очень важна почти половине участников опроса — 44%, и скорее важна для 41%;
• более половины интересует удобство формы оплаты — 58% участников опроса.

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

ВАЖНО: приемлемый уровень цен и низкие/демпинговые цены — это абсолютно разные понятия. Именно вы влияете в своем магазине на понятие "приемлемые цены":  эксперементируйте на повышение цен на 1-2-10-15%, на увеличении среднего чека...

P.S. Царь остался доволен посланием гонца.

Полезно почитать для Царя:

Опрос посетителей интернет-магазинов 2008 от компании Ромир
Три продавца: Дизайн, Навигация и Контент
У некоторых интернет-магазинов конверсия 20%. Неужели из-за юзабилити?

Похожие материалы по теме:

• Судьба пустой корзины в интернет магазине (17)
• Ссылки на вебинары Юзабилити Марафон2, AxureWorld 2009 (0)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)
• 11+ способов оптимизации веб формы обратной связи (30)
• Хорошие картинки товаров в Интернет-магазине (17)

CUP: тестирование на знание HCD, более 200 участников из 47 городов СНГ

Честно говоря было очень интересно посмотреть кто сколько баллов наберет.

Правда, в тесте было несколько вопросов, на которые нет однозначного ответа и приходилось играть в угадайку. Поэтому набрать все 40 баллов — просто не реально, и все же было очень приятно получить вот такой результат.

Дорогая Светлана Олишевская!

Большое спасибо за то, что приняли участие в тестировании на знание HCD!
Мы рады сообщить Вам, что закончили обработку результатов тестирования CUP, в котором приняли участие более 200 человек.

Ваш результат: 35 из 40! Это больше чем у 99% аудитории!

Учитывая, что пока никто из принявших участие в тесте, не набрал больше 36 баллов, мы решили смягчить правила конкурса, и предоставить троим людям, набравшим наивысший балл, возможность пройти бесплатное обучение по сертификационной программе CUP.

Ими стали:
- Светлана Олишевская (г. Киев)
- Евгений Овчаренко (г. Томск)
- Андрей Петруша (г. Киев)
- Александр (г. Москва)

Они набрали более 30 баллов (Светлана отвечала на тест позже ребят, и набрала наибольший балл, мы не смогли не отметить этот факт - пусть победителей будет четверо).

От души поздравляю победителей, УРА!

Если хотите проверить или перепроверить свои знания HCD: Добро пожаловать! тест продолжает работать. Еще можете почитать интервью Дмитрия Сатина о программe CUP

Стандарт ISO 92410-210 (Human Centered Design)

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

Фактически, знание стандарта и следование его принципам позволяет:

• сэкономить время на разработку проектов
• избежать взаимных обвинений со стороны заказчика и разработчика
• уменьшить финансовые затраты

Похожие материалы по теме:

• Ссылки на вебинары Юзабилити Марафон2, AxureWorld 2009 (0)

Вот что значит хорошая демонстрация товаров в Интернет-магазине!

• А как у Вас представлен товар в Интернет-магазине?
• Вызывают ли картинки товара жгучее желание купить? Желание  легко расстаться с деньгами?

Плавно водишь лупой по изящным изгибам, рассматриваешь нежное плетение нижнего белья, видишь...

всю текстуру в мельчайших подробностях. Ощущение, как будто все это великолепие у тебя прямо в руках. Наводишь мышку — клик, посмотрел поближе, поводил по картинке, «пощупал», отвел мышь и снова тебе вся информация:

• краткое описание: кто производитель, состав изделия
• сколько стоит
• какая скидка
• как быстро осуществляется доставка
• выбрать размер и цвет
• БОЛЬШАЯ красная кнопка положить в корзину (не промажешь, и мимо не пойдешь)
• поменьше кнопочки: положить в лист ожидания и отправить друзьям
  и т.д

Чем сто раз рассказывать, смотрите сами, делитесь впечатлениями.
Магазин на английском языке, доставку в страны СНГ — не делают.

--

P.S. Обратите внимание на удачное решение для демонстрации товаров в интернет-магазине, на удачное размещение информации о товаре, оформление кнопок "добавить в корзину", "отложить товар в свой список", "поделиться информацией с друзьями".Похожие материалы по теме:

• Судьба пустой корзины в интернет магазине (17)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)
• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)

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

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

Много ли магазинов упускают дополнительную рекламную площадку своих товаров и услуг?

Результат моего мини-исследования по 21 магазинам, которые на слуху + первые, которые выпадают в Google по запросу «Интернет магазин» оказалось:

• 17 магазинов имеют 2 разные по оформлению и наполнению страницы «Пустая корзина»
• 2 магазина вообще не пускают в пустую корзину – ссылка просто не активна. Можете кликать по корзине до посинения – реакции никакой. Для неопытного пользователя здесь могут возникнуть затруднения в понимании, — ссылка на корзину не работает только сейчас, или она вообще не работает, и как же попасть в корзину?
• 1 магазин не нашла ссылку на корзину на видном месте. Точнее она была так запрятана, что я с трудом ее нашла.
• 1 магазин. Ссылка на корзину появлялась только тогда, когда есть товар в корзине.

Итого: 18 из 21 магазинов генерируют страницы с пустой корзиной - это 87%

Три способа: "Как покупатель попадает в пустую корзину?"

1. Нажимает на кнопку или ссылку «корзина», которая находится на видном месте в Интернет магазине. (так появляется первая страница с пустой корзиной)
2. Использует корзину как калькулятор, постепенно удаляя товары. Или случайно нажал кнопку «очистить корзину». (так появляется вторая страница с пустой корзиной)
3. Во время оформления заказа что-то отвлекло покупателя, и он закрывает сайт магазина, чтоб вернуться в другой раз. Позже заходит в корзину в надежде, что товары все еще там, и он сможет закончить оформление заказа. (Я один из таких покупателей).

Далее, смотрите небольшое  картинко-шоу:

"Что можно увидеть во многих русскоязычных Интернет-магазинах на странице «пустая корзина»?"

Вариант 1: Констатация факта

Чаще всего страница ничем не заполнена, разве что пару слов на большом «белом листе».

В этом случае Вас вообще просят закрыть окно. Будет хорошо, если пользователь понимает о каком окне идет речь? Ведь в ассортименте магазина окон и близко нет.

Вариант 2: Сообщение о дополнительных услугах магазина.

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

А в этом магазине Вам предлагают уйти с интернет-магазна к конкурентам.

Вариант 3: Вернитесь в каталог

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

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

В данном случае, предлагают купить дополнительный товар, только не говорят сколько стоит. Зато объясняют "что и как делать?", если в корзине пусто — это хорошо. Пользователю не нужно думать, остается только действовать.

Обратимся к опыту западных магазинов.

К ним стоит заглядывать. Можно использовать их опыт: какой дизайн страниц, как и какая представлена информация, стратегии работы с клиентами и многое другое.

Вашему вниманию часть страницы «пустая корзина» знаменитого магазина Амазон. Рекомендую зайти на эту страницу и внимательно ее изучить. Кое-что, не все, желательно взять на вооружение и оптимизировать свой магазин.

Еще один пример небольшого интернет-магазина. Такое воплощение не потребует от Вас больших затрат времени и финансов для модернизации, и позволит:

• быть дружелюбным
• рассказать какие товары можно приобрести в этом магазине
• перенаправить в конкретные! разделы Вашего магазина

Вот, пожалуй, и все.

------------

Удачи в модернизации
Ваш архитектор сайтов — Светлана Олишевская

P.S. да, чуть не забыла. Вопрос на засыпку, кто-нибудь из Вас заходил в пустую корзину? Может у кого есть статистика, сколько людей попадает в пустую корзину, было бы очень интересно. Такую статистику я с удовольствием опубликую в этом блоге с ссылкой на интернет-магазин.Похожие материалы по теме:

• Хорошие картинки товаров в Интернет-магазине (17)
• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)

День 1: Вводный аудиокаст.
Дата: вторник 25.03.2008, начало в 20.00 по Киеву (21.00) Москва

Более подробная информация о тренинге. Сайт как инструмент работы бизнеса. Почему владелец сайта не может поставить конкретные задачи разработчикам? Что такое маркетинговый анализ сайта? Что такое seo анализ? Домашнее задание

День 2: Цели сайта.
Дата: среда 26.03.2008, начало в 21.30 по Киеву (22.30) Москва

Постановка целей сайта. Разбор ДЗ 1. Немного об особенностях человеческого web-восприятия. (траектория взгляда по странице). Оценка восприятия сайта. Отвечает ли дизайн сайта на вопрос «Чем занимается эта компания? Что она предлагает?». З фишки, которые надо учитывать при составлении текстового описания сайта (длина текста, размещение, подбор слов). Разбор сайтов участников по теме каста. Домашнее задание

День 3: Навигация
Дата: четверг 27.03.2008, начало в 20.00 по Киеву (21.00) Москва
Анализируем навигацию. Определяем какие отделы нужны, а какие нет. Расставляем приоритеты. Достигаем поставленных целей сайта — убираем «мусор» с сайта. Анализируем функциональность. Разбор сайтов участников по теме каста. Вопросы-ответы по теме. (+Видеокаст, высылается в обмен на Дз1+Дз2 )
Отчисляем тех, кто на заборе как наблюдатели.
Домашнее задание

День 4: Контент и графика.
Дата: пятница 28.03.2008, начало в 20.00 по Киеву (21.00) Москва

Удобство чтения текстов сайта (контраст, цвет, фон, размер, форматирование, расположение); Способы прерывания сканирования. Призывы к действию. Инструменты действия: аудио, видео, вебинары. Домашнее задание

День 5: Фишки
Дата: суббота 29.03.2008, начало в 20.00 по Киеву (21.00) Москва

Фишки увеличения доверия к компании. Seo оптимизация контента, формирование доверия к компании. Где и какую контактную информацию надо размещать на сайте, чтоб увеличить количество звонков с сайта? Вопросы-ответы. Домашнее задание.
(+Подарочный видеокаст: маркетинговый мини-анализ сайтов участников)

ТЕХНИЧЕСКИЕ МОМЕНТЫ:

Вам понадобится:

1. Доступ к Интернету в назначенное время.
2. Браузер: Internet Explorer или Firefox, в Опере чат и прямой эфир глючат.
3. Наушники или колонки.
4. установленный Windows Media Player
5. Лист бумаги и ручка
6. Свободные 1-1,5 времени
7. Ваша добрая воля и хорошее настроение.

Спонсорских МЕСТ УЖЕ НЕТ, кто не успел, тот может участвовать только на платной основе.Для тех, кто не успеет на спонсорские места.

Сегодня стоимость участия в тренинге составляет — $50, завтра будет уже — $70

ПЛАТНЫХ мест в группе ограничено. Регистрируйтесь сегодня! Похожие материалы по теме:

• Как самостоятельно сделать небольшой маркетинговый анализ сайта (6)
• Спонсор оплатил 5 мест в тренинге, желающие велкам (3)
• Скачать аудио БЕСПЛАТНО: Маркетинговый аудит сайта своими силами (32)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)

Вечер, начало десятого, звонит муж моей сестры.

— Светик, солнышко, срочно найди адрес института Амосова и как добраться.
— Что-то случилось? Сердце? Кто-то из наших?
— Да.
— Набери меня через пару минут

Быстренько включила компьютер, Google поиск — институт Амосова.
В результатах на первой странице нашла сайт института.

Ищу адрес, и волосы тихо подымаются, на сайте нет страницы «контакты», но ведь должна же быть?! Быстро просматриваю все страницы, благо их не много. Нашла список контактов профессоров: имена, фамилии, фотографии, их телефоны, а вот адреса самого института – нет.

Напряжение растет… и...

вот оно, нашла — на странице «История». Мне и в голову не пришло, что адрес института может быть там, я посмотрела эту страницу в самую последнюю очередь

Как раз раздался звонок.

— Ну что, нашла?
— Да, адрес: ул. М.Амосова 6.
— Кхм. Что-то я не знаю где это (при этом он  достаточно хорошо знает Киев)
— Побудь на линии, сейчас найду карту проезда.
— Жду.
— Такс, набираем… карта Киева… вводим название улицы:

Амосова 6 — нет такой улицы.
Академика Амосова 6 — нет такой улицы
М. Амосова 6 — нет такой улицы
Академика М. Амосова 6 — нет такой улицы

…Набери меня через пару минут, не могу найти, где это.
— Хорошо.

Снова Google поиск, в этот раз другой запрос — где улица Амосова?

Нашла ответ на форуме.  Оказывается улицу переименовали, и по старому — это Протасов Яр спуск 6

Казалось бы, такая мелочь — разместить карту проезда, написать старое название улицы, а сколько нервов можно сохранить посетителям. И, ведь, я не единственная, кто судорожно искал институт Амосова в Интернет.

Оформление страницы контактов для сайта компании не вызовет таких эмоций как в этой истории.

Но ее можно использовать как рекламный носитель.

В одной из своих старых статей, еще в 2006 году я написала чеклист из 14 пунктов для страницы контактов сайта. Все 14 пунктов – это всем известные факты, которые помогут Вам позаботится о клиенте:

• Сохранить им и себе пару сотен нервных клеток в объяснении как к Вам добраться, и каким транспортом ехать.
• Свести к нулю раздражающие и нервирующие факторы:  "я иду туда или нет? а на какой остановке выходить? а в какую сторону теперь идти? как долго идти? я успеваю? если быстро идти, пропотею - буду плохо пахнуть, что сказать почему опоздал?"
• Как следствие они приедут встречу более спокойными и вам будет легче вести переговоры и заключать сделки.

Что бы я еще добавила в тот список 15 пунктом — это, добавить кнопку или ссылку «печать карты проезда». Для чего это надо?

Во-первых, такая кнопка увеличит количество распечаток карты.

Во-вторых, естественно, человек возьмет собственноручно распечатанный листик бумаги  (ваша реклама) со схемой проезда с собой, чтоб чувствовать себя спокойнее и увереннее. На листике должна быть не только карта, надо добавить:

• название компании
• точный адрес
• пару строк об услугах
• маршруты проезда

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

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

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

• 11+ способов оптимизации веб формы обратной связи (30)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 1. (8)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 2. (12)

Смотрим следующий сайт. На что я (Майкл) хочу обратить внимание – на ссылки Google под основным меню. На этой странице они сделаны просто суперски. Они стоят прямо под основным меню. Тот, кто видит меню, он также видит релевантные ссылки Гугл. (примечание Светланы: ссылки по цвету близкие, но не одинаковые, и друг от друга отличаются за счет жирного и нормального шрифтов).

Также на этой странице есть блок с рекламой слева, я (Майкл) не уверен, что следует делать акцент и писать «реклама спонсоров». Чтобы я еще сделал на этой странице – это уменьшил отступ основного контекста слева.

Переходим на следующую страницу этого же сайта и видим, что левый блок рекламы на том же самом месте — это не очень хорошо. Люди, которые возвращаются на ваш сайт, и просматривают много страниц, уже точно знают, что там стоит реклама — они ее уже не видят. Я (Майкл) бы на этом конкретном сайте: разместил рекламу слева — на главной странице, а на этой странице разместил контекстную рекламу в центре, или с правой стороны.

И еще один момент на этой странице. Как вы видите ссылки верхнего навигационного меню теперь синего и сиреневого цвета. Теперь они не ассоциируются со ссылками контекстной рекламы ниже, а значит будут работать плохо. Старайтесь делать так, чтоб на вашем сайте, навигационное меню оставалось на любой из страниц одинаковым.

Следующий сайт. Открываем главную страницу. И что мы видим, в самом центре – реклама. Как по мне (Майклу), то такое размещение – ужасно. Если вы прокрутите страницу ниже — увидите много замечательного контента (примечание Светланы: только этот контент не виден, когда открываешь страницу, он остается за пределами первого экрана).

С одной стороны такое размещение концентрирует внимание на рекламе и увеличивает клики, но с другой стороны — не показывает ценность контента , который есть на всем сайте и конкретно на этой странице. Контекстная реклама релевантная заголовку и это очень хорошо, но люди уйдут по рекламным ссылкам и больше не вернуться на этот сайт.

Если бы сайт зарабатывал только контекстной рекламой — это было бы нормально, но здесь есть еще и товары, которые продаются (мини-магазин), следовательно есть необходимость увеличивать количество просматриваемых страниц, которые приносят доход от продажи товаров. При таком размещении контекстной рекламы, количество возвратов на сайт резко снижается.

Следующий сайт. Реклама находится только в самом низу страницы. Такое размещение не принесет кликов. Блок находится на расстоянии 5 миль от основного контента — это слишком далеко. По моему мнению (Майкла) — этот блок будет так же иметь и негативное влияние на сайт. Сайт выглядит достаточно профессионально, а этот блок не адаптирован к основному дизайну, выглядит как не профессиональная вставка. На этом сайте я (Майкл) добавил бы ссылки Google вверху и один блок где-то в левом меню.

Следующий сайт. На главной странице Вы сразу видите заголовок большими буквами. Я бы настоятельно рекомендовал начинать страницы именно с заголовка. На этом конкретном сайте заголовок есть, но он довольно плох, к сожалению. Я бы написал что-то наподобие: «Как я научился играть на гитаре всего за 24 часа», что-то в этом духе. Или какой-нибудь вопрос, который заставил бы разыграться воображение… Вернемся к контекстной рекламе Adsense .

Размещение довольно хорошее: расположение в левом углу в начале статьи, нет рамки, нет background , близко к контенту, цвета ссылок и текста соответствуют основному контенту. Смотрим страницу ниже, больше нет рекламы. Ее можно немного добавить.

Давайте заглянем на другую страницу этого же сайта. Видим блок рекламы в левом меню. Здесь он (владелец сайта) поменяли цвет заголовков на оранжевый — не знаю зачем он это сделал. Ааа… вот вижу, есть оранжевые заголовки, НО это не ссылки. Если человек попробовал кликнуть на заголовке и понял, что это не ссылка. То увидев подобное в блоке с контекстной рекламой, он может подумать, что это не ссылки, а просто текст, и не будет кликать. Не делайте подобных ошибок у себя на сайте.

Рядом стоит ссылка — она синего цвета, все знают что ссылки синего цвета, поэтому лучше сделать здесь ее синим, кликов будет больше.

Эта страница достаточно длинная я (Майкл) в конце статьи разместил бы небольшой блок с контекстной рекламой и добавил ссылку: «наверх» — это даст людям возможность быстро вернуться к меню, а также снова увидеть ваш первый блок с рекламой в начале статьи.

-----

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

Вранці з рота пахне кака,
За вікном туман та мряка,
Поруч жінка без білизни,
З днем "ЗАХИСТНИКА ВІТЧИЗНИ" 

Начнем с этого сайта. Он выглядит как сайт сделанный специально под Google Adsense , я (Майкл), правда, не совсем в этом уверен. Но если вы делаете сайт именно под адсенс, вы должны знать, что Гугл банит сайты, контент которого в основной своей массе написан именно под адсенс. Google смотрит, точнее, его системы отслеживают дату создания и обновления каждой страницы вашего сайта. Обращаю ваше внимание на то, что Гугл может забанить Ваш аккаунт, даже если на него уже начислена определенная прибыль за клики по рекламе .

Вернемся непосредственно к этому сайту, что бы я (Майкл) сделал именно на нем, чтоб увеличить количество кликов . Смотрим на главную страницу, контекстная реклама прямо перед нами. Все рекламные ссылки релевантны тексту страницы, и вокруг блока нет рамки – все сделано хорошо.

Если прокрутить страницу вниз — видим , что больше нет нигде блоков с Adsense . Первое, чтобы я (Майкл) сделал — это увеличил количество блоков с контекстной рекламой на странице.

Кликаем на кнопку правого меню «Batterfly garden». И видим, что на этой странице контекст уже расположен вверху на всю ширину страницы, не так как на главной. Это стандартное оформление и размещение рекламы, и пользователи уже привыкли к такому расположению, поэтому сразу распознают рекламный блок — это может негативно влиять на кликабельность , вам надо будет протестировать сайт с таким расположением блока вверху. Прокручиваем страницу вниз — больше нигде нет контекстной рекламы.

Следующее, на что надо обратить внимание — посетитель не знает, на какой странице он находится. В меню это никак не отображается.

В данном случае необходимо сделать вверху путь навигации. Это важно не только для пользователей, которым будет легче ориентироваться по сайту. Это также хорошо и для «поискового паука», который «считывает» ваш контент. Кроме этого, путь навигации даст людям возможность просматривать больше страниц с вашей рекламой — это важно. Чем больше страниц просматривается на сайте, тем больше шансов увеличить конверсию с Adsense . Чтобы я (Майкл) еще сделал, так это внизу добавил несколько ссылок на другие статьи похожей тематики с заголовком: «Те кто читает Batterfly garden, также читают и это».

Следующий сайт – это сайт с ссылками. Контекстную рекламу вы видите на верху. Блок оформлен в рамку и все ссылки в стандартной гугловской расцветке. Люди мгновенно определяют: «Ммм…реклама….». И сразу переходят читать контекст ниже.

Этот блок надо передвинуть как можно ближе к другим ссылкам, и сделать их более похожими на них. То же самое надо проделать и с нижним блоком контекстной рекламы — поставить его как можно ближе к основному контенту.

Как альтернатива смотрим следующий сайт. С одной стороны контекстные ссылки, с другой стороны рекламные ссылки Google . Оба блока стоят довольно близко друг к другу , и значит, если пользователь смотрит на один блок, он так же видит и второй блок – это значительно увеличивает эффективность рекламы. На этой странице я (Майкл) добавил бы блок вверху на всю ширину страницы поближе к основному контенту.

Продолжение следует >>

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

К моему удивлению программа семинара в раздаточных материалах довольно сильно отличалась от заявленной на сайте организаторов . Пункты программы:

• Современные тенденции визуального дизайна сайтов
• Проектирование интерфейса глобальных веб-сайтов (B2B, B2C)

Отсутствовали напрочь. Зато в раздаточных материалах, на английском языке, на диске записаны все три презентации Аарона Маркуса для однодневных семинаров в Киеве и Санкт-Петербурге и 2-х дневного семинара в Москве

Как выяснилось в разговоре с Аароном в перерывах, он даже не знал, что на семинаре будет 100 человек, и что запланированные практические упражнения будут просто невозможны. Он был не готов работать с такой большой аудиторией. Что тут сказать.

Он любезно согласился переслать мне статьи по темам, которые меня интересуют, в обмен на нашу с ним фотографию.

На семинаре Аарон рассказывал много теории и почти никакой конкретики.

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

Из зала задавали вопросы Аарону Маркусу:

Сколько стоит у них в компании привлечение одного человека для тестирования?
АМ: 100-150 у.е.

Можно ли использовать для тестирования волонтеров?
АМ: Волонтеров лучше не использовать, поскольку человек делает работу и тратит свое время, соответственно работа должна быть оплачена. Если волонтеру не платить, то погрешность данных, которые он предоставляет – будет увеличиваться. Кроме того, есть волонтеры, которые хотят сделать мир лучше, поэтому их данные будут заведомо с большой погрешностью. Не желательно использовать только волонтеров.

Сколько человек необходимо тестировать?
АМ: 5-7 человек на каждом этапе (итого: 7*3 = 21 человек). Необходимо проводить тестирование только с теми, кто не знаком с проектом. Если тестировать тех, кто хорошо знает проект – это пустая трата времени.

Сколько по времени занимает тестирование 5-7 человек?
АМ: Около 2 недель: планирование, тестирование, документирование и анализ данных

Что обозначает Ваша шапка на голове?
АМ: Вы можете купить ее в магазине www… Я ношу ее с 1999 года — это своего рода тест культуры людей. Вы тест прошли, потому что смеетесь и это хорошо.

Эта шапка, к концу семинара мне уже напоминала статую свободы, или короля в короне. Скажем так, не однозначные ассоциации и восприятие в душном зале .

Основное, на чем гуру юзабилити — Аарон Маркус постоянно делал акцент:

1. Очень важно понять, что люди делают, а не то, что думают
2. Ориентироваться надо на конечных потребителей, обязательно составлять их профайл.
3. Хороший интерфейс основывается на:

• Наиболее частых действиях
• На том минимуме действий, которые пользователи должны совершить на сайте (не перегружать интерфейс излишествами)
• На уменьшении пользовательских ошибок, т.е. не давать в руки инструменты, на которых пользователи могут сделать ошибку.

P.S. Честно говоря мне было несколько жалко Аарона к концу семинара. Он умный и знающий человек, у которого многому можно было бы научиться. А организаторы бросили семинар на самотек и ему пришлось разбираться самостоятельно с раздраженной публикой. Чтоб хоть как-то удовлетворить народ, он начал перебирать презентации, которые у него были — это занимало много времени и еще больше нагнетало обстановку. Спасибо Александре, которая предоставила свой ноутбук и Интернет. Но это не спасло положения , сайты, которые он смотрел были на русском и украинских языках, которые он не понимает, и не смотря на это он дал парочку интересных замечаний.

К концу Аарон настолько устал, что еле разговаривал, и, как сказал Артур Оруджалиев , обозреватель по IT-бизнесу украинского еженедельника “Компьютерное обозрение”, на интервью у Аарона Маркуса были закрыты глаза.

P.S.S. Оказалось, что у международного гуру юзабилити и проектирования интерфейсов Аарона Маркуса, мама, родом из Украины, с Одессы. И после семинара в Киеве он направился на один день в Одессу, чтоб посетить родину матери.