Вот и подходит к концу этот сумасшедший месяц октябрь 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%. Неужели из-за юзабилити?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Хорошие картинки товаров в Интернет-магазине (13)
• Что Важнее? И что делать Интернет-магазину с дизайном, юзабилити, контентом, ценами, ассортиментом… (5)
• Какие элементы в дизайне сайта увеличивают конверсию и продажи? Часть 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. Оказалось, что у международного гуру юзабилити и проектирования интерфейсов Аарона Маркуса, мама, родом из Украины, с Одессы. И после семинара в Киеве он направился на один день в Одессу, чтоб посетить родину матери.

• сколько реально можно заработать денег
• как подобрать рекламу для сайта и  увеличить прибыль, увеличить CTR
• какие есть проблемы с кодом
• как обналичить чеки Google Adsense (некоторые пишут adsence) через банк, через Рапиду
• у кого и за что закрывают аккаунт
• способы заработка в Интернете на сайте и блоге
• и т.д.

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

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

• где лучше всего размещать рекламу Google Adsense на странице?
• каким цветом делать ссылки и текст, чтоб люди кликали на рекламу?

С разрешения Michael Cheney я сделала перевод видео №1. Чтоб получить доступ к этому видео надо зарегистрироваться вот здесь. После регистрации, на ваш электронный ящик прийдет письмо и ссылка для скачивания: 2 видео и один отчет.

Итак первый сайт. Это сайт со статьями. Не имеет значения какие именно статьи там размещены. Вы узнаете мое личное мнение (Майкл) о том, где лучше разместить блоки с контекстной рекламой именно на этом сайте.

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

Контекстная реклама находится только слева вверху. Честно говоря, я (Майкл) ее даже не заметил. Мое личное мнение (Майкл), что этот блок контекстной рекламы приносит мало прибыли.

Первое, на что надо обратить внимание – это, чтоб цвет заголовка ссылок в рекламном блоке был такой же, как и другие ссылки на сайте, в тексте или в меню.

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

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

• блок вверху справа на 1/3 колонки с текстом,
• блок в середине слева на 1/3 колонки
• блок слева внизу статьи
• как Вы помните на странице можно размещать три блока с рекламой Adsense

Чтобы я еще сделал именно на этом сайте. Как видите здесь есть колонка справа и слева. Я бы увеличил рабочее поле статьи за счет левой колонки. И тогда было бы легче вставлять блоки справа и слева – это очень важно.

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

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

Смотрим вверх: ссылки Google, оформлены в тех же цветах, что на всем сайте и чуть выше поисковая форма Гугл – ссылки смотрятся довольно естественно, их можно не менять, они будут работать хорошо.

Следующий сайт со статьями посвящен дизайну. Итак, смотрим. Сначала идет одна строчка со статьи потом контекстная реклама Adsense и ниже продолжение статьи. Такое расположение довольно хорошее и подталкивает людей кликать на рекламе. Что здесь не так, так это то, что справа статья не обтекает этот рекламный блок. В целом такое размещение рекламы слева в начале статьи, а весь текст статьи обтекает его справа, размер рекламного блока 30 % – очень эффективно, и я (Майкл) рекомендовал бы делать именно так. Что бы я еще добавил, это ссылки Гугл сверху. Прокручиваем страничку вниз, и видим, что там больше нет контекстной рекламы. Я бы добавил еще пару блоков: один в средине справа и один в конце статьи слева.

Переходим на следующий сайт. Этот сайт полностью посвящен блогингу. Смотрим на верхний блок. Видим цвета ссылок и текста в рекламе: синий, черный, зеленый – они все вместе кричат: «это реклама Google». Люди, когда видят такое сильное отличие от основного сайта, они моментально определяют, что это реклама и пропускают ее, даже не смотрят на нее, переходят к чтению непосредственно интересующей их информации под контекстной рекламой.

Смотрим следующий сайт. В рекламном блоке с контекстной рекламой используются только черный цвет для текста и для ссылок. Такое оформление слишком скучное, я (Майкл) поменял бы цвет ссылок на оранжевый, такой же, как и на сайте и убрал бы рамку вокруг блока. И еще один момент, я бы не писал, что это спонсорский блок – люди сразу понимают, что это реклама, лучше уж в таком случае написать «кликайте здесь или кликни по мне» (примечание переводчика: Антон Попов на своем блоге так и написал "Кликайте" в блоке с контекстной рекламой в левой колонке)

Смотрим следующую страничку, она посвящена гипнозу. Блок занимает 1/3, находится вверху, ссылки такие же, как внизу в статье, текст черный еще одна ссылка такая же, как в левом меню, правда я бы ее сделал черной. Прокручиваем страницу вниз – больше нигде нет рекламы. Я бы добавил еще пару блоков: один в средине справа и один в конце статьи слева. Или под статьей, (примечание переводчика: поскольку статья заканчивается таблицей) и, + конечно же, вверху добавил ссылки верху и в боковую колонку поисковую форму Google.

Полезное по теме Google Adsense

Сервис, который позволяет узнавать стоимость фраз
Официальный блог Google AdSense
Тестер Google AdSense

Продолжение Видео 2 (начало) Видео 2 (окончание)

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

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

И совсем не важно какую именно форму на Вашем сайте человек заполняет:

• будь-то форма комментариев
• форма подписки по e-mail
• ответ в гостевую книгу
• форма службы поддержки
• форма для отзывов, жалоб и предложений
• корзина заказов в Интернет-магазине
• или форма…   придумайте сами или посмотрите, что у Вас есть на сайте

Главное не поставить множество преград, чтоб только что родившееся, и еще не окрепшее желание совершить действие и связаться с Вами — не пропало совсем. Помните, оно может пропасть в любой момент, на каком-либо из полей формы.

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

11+ рекомендаций по совершенствованию веб формы обратной связи.

1. Просите заполнить только те поля, которые Вам необходимы для оказания услуги. Если Вам для подписки на рассылку нужно только имя и электронный адрес, не спрашивайте фамилию. Если Вам для доставки товара необходим адрес – не спрашивайте как туда добраться. Если человек сложил товары в корзину, не спрашивайте откуда он узнал о вашем магазине.
2. Не плодите поля там, где можно обойтись 1-2 полями. Чем меньше полей тем больше шансов, что человек их заполнит. Например, при написании адреса можно сделать 1 поле и внизу написать пример, как его заполнить. А можно под каждый параметр создать отдельное поле: индекс, город, улица, дом, корпус, квартира, этаж, регион, страна... Как говорится 7 раз отмерь, а потом отрежь. Далеко не всегда есть необходимость в стольких полях.
   
   В выборе полей отталкивайтесь от посетителя, а не от того, что так легче обрабатывать полученные данные. Подумайте, готовы ли Вы жертвовать прибылью ради того, чтоб легче было формировать таблицы по работе с клиентами?
3. Если поля обязательные к заполнению – пометьте их , напишите перед формой, что обозначает данная пометка. Не надейтесь, что абсолютно у всех Ваших пользователей уже достаточный опыт работы в Интернет и они знают, что обозначает «* - звездочка».
4. Продумайте какие поля должны быть обязательными, а какие нет , не требуйте ничего лишнего. Например, есть много случаев, когда e - mail не является обязательным полем формы.
5. Если полей в форме слишком много разбейте их на шаги. Оптимально 3 шага и меньше, максимум — 5 шагов.
6. На каждом шаге сообщайте человеку где именно он находится. Пример можно посмотреть на RUpay
7. Если в форме есть такие личные данные как: ФИО и домашний адрес — добавьте на сайт страницу "политика приватности" о неразглашении данных . В форме добавьте ссылку на эту страницу.
8. Если одно из полей формы — электронный адрес. Добавьте значок антиспама . Или пару слов о том, что Вы не будете нигде публиковать этот e-mail и заниматься спамом.
9. Если посредством формы обратной связи передаются персональные данные, такие как: ФИО, паспортные данные, домашний адрес, код дебетовой или кредитной карточки visa или другие данные, которые человек хотел бы сохранить в тайне —  поместите над формой значок «замок» и напишите, что данные формы передаются по защищенному соединению.

10. Пишите вразумительное название форм, для чего предназначена форма. Человек заполняя форму должен ясно представлять с какой целью он это делает, и тогда он может оценить необходимость заполнения некоторых обязательных и необязательных полей.
11. На кнопке отправки желательно писать не просто «ОК» или «отправить», а что-то, что идентифицируется с предназначением формы: «отправить комментарий», «пересчитать заказ», «очистить корзину»… , чтоб клиент  (посетитель) понимал, что произойдет потом.
12. После отправки данных через форму:
    • дайте пользователю обратную связь, сообщите, что было сделано, например: заявка принята, ожидает модерации…
    • какую обратную связь, какие действия от Вас ожидать в ответ на форму в ближайшее время
    • в какие сроки будет сделана обработка заполненной формы
    • предложите человеку, что делать ему дальше на Вашем сайте: добавить еще один комментарий, отправить новость другу, вернуться к покупкам, почитать статьи по теме…
13. В дизайне формы постарайтесь использовать как можно меньше шумовых помех в виде линий таблицы вокруг каждого поля. Не создавайте визуальный шум, который затрудняет понимание полей и отвлекает внимание.

Это далеко не полный список того, на что необходимо обратить внимание при создании форм обратной связи. Есть мноножество нюансов как в визуальном оформлении, так и в названии полей + стратегии подачи полей для заполнения.

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

P.S. Какие формы Вам нравятся, что не нравится в формах напишите в комментариях — жутко интересно Ваше мнение.Похожие материалы по теме:

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