О пользе работы над юзабилити интерфейсов.
Выступление на конференции "Интернет бизнес" 14 апреля 2011 г.
Читать заметки к слайдам в режиме примечаний! :)
Повышение конверсии веб-сайта через оптимизацию юзабилитиHiresolution Design & DigitalКак повысить конверсию сайта или посадочной страницы? На каких сайтах можно заказать аудит сайта?
Как выбрать грамотного юзабилиста? Как анализировать сайт через Вебвизор и Яндекс Метрику? Тренды веб-дизайна.
Как не загнать свой сайт под фильтр с первых дней? Вебинар WebPromoExperts #340Академия интернет-маркетинга «WebPromoExperts»31 января состоялся бесплатный вебинар: "Как не загнать свой сайт под фильтр с первых дней?"
Спикер: Артур Латыпов — Руководитель интернет агентства SEO Интеллект
Анализ социальной сети tulp.ru на Клубе Успешных ПроектовArtem Kuznetsovtulp.ru – это социальная сеть, которая работает как интерактивная копилка народного опыта. Сюда приходят, чтобы сориентироваться в городе, принять верное решение о покупке, выбрать лучшее заведение или компанию. В этом друг другу помогают самые обычные потребители – люди различного возраста, уровня доходов, социального положения. На tulp.ru они пишут отзывы, дают рекомендации и рассказывают о своих личных впечатлениях.
На очередном заседании Клуба мы поговорим о том, чем отличается социальная сеть от интернет-магазина или каталога товаров, как должна выглядеть эффективная навигация, что такое информационная ясность и как сценарии идеального взаимодействия (контекстные сценарии) посетителей с веб-сайтом могут повысить эффективность бизнеса в интернете.
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...YandexЛекция Сергея Царика и Антона Роменского в Школе вебмастеров: «Основные принципы ранжирования»
https://academy.yandex.ru/events/webmasters_school/yawebm2015/
Как работает поиск
При запросе пользователя к поисковой системе происходит множество процессов, которые позволяют дать наиболее релевантный ответ. Рассмотрим основные механизмы формирования выдачи: формулы, Матрикснет, персонализацию и обновления.
Что учитывается при ранжировании сайтов
Так как сайты разные и по-разному решают пользовательские задачи, при ранжировании поисковой системе нужно учитывать множество факторов. Поговорим о том, что обязательно должно быть на сайте для правильной индексации.
Ещё о факторах ранжирования
Какой контент действительно важен и как его правильно представить. Для правильного ранжирования сайта важно разобраться с его региональной привязкой. Разберёмся, какой регион присваивать сайту и как сделать это правильно.
Реальный кейс долгосрочной работы над позициями
Посмотрим на реальном примере, как изменялись основные жизненные характеристики (трафик, конверсии) сайта на пути в топ выдачи поисковых систем.
Как сделать продающую страницуНетологияНовичкам в маркетинге о посадочных страницах. Разбираем досадные ошибки, о которых, казалось бы, все должны уже знать. Но нет.
Внутри:
— какая структура посадочной страницы наиболее эффективна сегодня,
— как должен выглядеть правильный оффер,
— чего точно не должно быть на лендинге,
— видео с Марией Кониной.
Новый интернет-магазин в ТОПе? Ключевые факторы успешного стартаSiteclinicКак работать с молодым интернет-магазином? В докладе тезисно рассмотрены все важные аспекты: семантическое ядро, коммерческие факторы, ссылки, контент сайта.
Продвижение магазинов через сбор семантикиЕвгений ЛетовМотивационный доклад о том, что разработку сайта нужно начинать со сбора семантики, построения структуры. А затем тратить год на согласование дизайна
20 минут
4 июня «Практические инструменты для повышения продаж интернет-магазина», региональный семинар 1С-Битрикс в Екатеринбурге
Как проводить интервьюDmitry Satin33й вебинар UX Russia: Андрей Сикорский и Дмитрий Сатин обсуждают особенности проведения интервью с пользователями и заказчиками на этапе юзабилити-исследований.
Трекшн карта и проблемное интервьюEugene KalininТрекшн карта, HADI циклы, узкое место и цикл улучшения бизнеса, проблемное интервью и сегментация клиентов. Видео этой лекции - на http://startupmagic.ru
Искусство создания интерфейса, простота, удобство и рентабельностьCybermarketing, MoscowС чего начинается разработка продающего сайта?
На чём строится основа взаимодействия человека с интерфейсом?
Золотые правила разработки интерфейса которые обеспечат 95% успеха.
Узнаете, из каких шестерёнок состоит конверсия.
Секреты продающих интерфейсов для интернет магазинов
Пошаговая инструкция по разработке интерфейса от макета до продаж
Магия анимации или «убийца» конверсии
Особенности и различия психологии пользователей в работе с различными интерфейсами в интернете
Особенности юзабилити и А/Б тестирования
Основные принципы ранжирования, Сергей Царик и Антон Роменский, лекция в Школ...YandexЛекция Сергея Царика и Антона Роменского в Школе вебмастеров: «Основные принципы ранжирования»
https://academy.yandex.ru/events/webmasters_school/yawebm2015/
Как работает поиск
При запросе пользователя к поисковой системе происходит множество процессов, которые позволяют дать наиболее релевантный ответ. Рассмотрим основные механизмы формирования выдачи: формулы, Матрикснет, персонализацию и обновления.
Что учитывается при ранжировании сайтов
Так как сайты разные и по-разному решают пользовательские задачи, при ранжировании поисковой системе нужно учитывать множество факторов. Поговорим о том, что обязательно должно быть на сайте для правильной индексации.
Ещё о факторах ранжирования
Какой контент действительно важен и как его правильно представить. Для правильного ранжирования сайта важно разобраться с его региональной привязкой. Разберёмся, какой регион присваивать сайту и как сделать это правильно.
Реальный кейс долгосрочной работы над позициями
Посмотрим на реальном примере, как изменялись основные жизненные характеристики (трафик, конверсии) сайта на пути в топ выдачи поисковых систем.
Как сделать продающую страницуНетологияНовичкам в маркетинге о посадочных страницах. Разбираем досадные ошибки, о которых, казалось бы, все должны уже знать. Но нет.
Внутри:
— какая структура посадочной страницы наиболее эффективна сегодня,
— как должен выглядеть правильный оффер,
— чего точно не должно быть на лендинге,
— видео с Марией Кониной.
Новый интернет-магазин в ТОПе? Ключевые факторы успешного стартаSiteclinicКак работать с молодым интернет-магазином? В докладе тезисно рассмотрены все важные аспекты: семантическое ядро, коммерческие факторы, ссылки, контент сайта.
Продвижение магазинов через сбор семантикиЕвгений ЛетовМотивационный доклад о том, что разработку сайта нужно начинать со сбора семантики, построения структуры. А затем тратить год на согласование дизайна
20 минут
4 июня «Практические инструменты для повышения продаж интернет-магазина», региональный семинар 1С-Битрикс в Екатеринбурге
Как проводить интервьюDmitry Satin33й вебинар UX Russia: Андрей Сикорский и Дмитрий Сатин обсуждают особенности проведения интервью с пользователями и заказчиками на этапе юзабилити-исследований.
Трекшн карта и проблемное интервьюEugene KalininТрекшн карта, HADI циклы, узкое место и цикл улучшения бизнеса, проблемное интервью и сегментация клиентов. Видео этой лекции - на http://startupmagic.ru
Искусство создания интерфейса, простота, удобство и рентабельностьCybermarketing, MoscowС чего начинается разработка продающего сайта?
На чём строится основа взаимодействия человека с интерфейсом?
Золотые правила разработки интерфейса которые обеспечат 95% успеха.
Узнаете, из каких шестерёнок состоит конверсия.
Секреты продающих интерфейсов для интернет магазинов
Пошаговая инструкция по разработке интерфейса от макета до продаж
Магия анимации или «убийца» конверсии
Особенности и различия психологии пользователей в работе с различными интерфейсами в интернете
Особенности юзабилити и А/Б тестирования
Проектирование админок для #uidesignersmeetupUIDesign GroupPresentation by Alexey Kalenyuk for #uidesignersmeetup
Презентация Алексея Каленюка для #uidesignersmeetup
Проектирование эффективных сайтовИсследовательский центр «Стереомаркетинг»— Как создать сайт, полезный клиентам и бизнесу
— Какие задачи может решать сайт для бизнеса
— Почему после запуска сайта его приходится переделывать с нуля
— Этапы разработки: последовательность и задачи
— С чего начинать разработку сайта, сервиса или приложения
— Как сделать так, чтобы у всех было единое видение конечного результата
— Как написать ТЗ для разработчиков
— Как уложиться в сроки и бюджет
SEO-продвижения сайтов на WordPress: что нужно знатьburavinДоклад Вадима Ивашкевича, тим-лида отдела продвижения сайтов, для первой Всеукраинской конференции по WordPress "WordCamp Kyiv 2016"
Как увеличить заявки с сайта, не повышая бюджет на рекламу? Вебинар WebPromoE...Академия интернет-маркетинга «WebPromoExperts»27 января состоялся бесплатный вебинар: "Как увеличить заявки с сайта, не повышая бюджет на рекламу? "
Спикер: Артур Кудрявцев — эксперт по увеличению конверсии сайтов (основатель trinetlabs)
Продвижение интернет проектов: типичные ошибки стартаповAlexey TrudovОб интернет-маркетинге для стартапов.
Я часто консультирую стартапы по SEO. Бросается в глаза, что основатели делают одни и те же ошибки в своем подходе к продвижению. В итоге - потеря трафика и клиентов; потом приходится тратить сотни человеко-часов для исправления ситуации.
В презентации - о том, как обойти эти "грабли",выжимка из опыта работы с интернет-проектами.
How to study your audience? End user researchEugene Kulakov‘Media in Digital Environment: Challenges and Possibilities’, an international conference, Internews (Dushanbe, Tajikistan)
— ‘How to study your audience? End user research’
почему мы все сидим в телефонах и что это значит для журналистикиEugene KulakovСмартфоны пользователей для журналистики — это:
- Новые привычки читателей
- Огромное количество контента от людей с телефонами на месте событий
- Новые форматы материалов
- Новые платформы для публикации
- Источник информации об аудитории
Цифровой контент и цифровой потребительEugene KulakovCмена парадигм открывает для издателя новые возможности. Прежде всего это новые аудитории.
Каковы же их черты?
К признакам новой «цифровой аудитории» можно отнести:
- Клиповое мышление. Уменьшились циклы внимания, как следствие - необходимость разработки новых интерфейсов, форматов и жанров для мгновенного привлечения внимания.
- Ориентацию на эмоции, а не на логику при потреблении контента.
- Наличие большого количества устройств.
- Недостаток времени.
- Отсутствие привязанности к определенному бренду СМИ.
- Устойчивые социальные связи – как результат, через социальные сети приходит огромное число пользователей.
- Потребление больших объемов контента порождает необходимость в фильтрации.
- Одновременное использование смартфона и просмотр телевизора, прослушивание радио фоном. Быстрое переключение от смартфона к компьютеру.
Как адаптировать свои продукты к изменяющимся потребностям? - Только путем получения знаний о своей аудитории, ее потребностях и ограничениях.
54. Повышение эффективности бизнеса за счет увеличения эффективности, продуктивности и удовлетворенности пользователей информационных систем. Юзабилити-инженерия – это…
55. Повышение эффективности бизнеса за счет увеличения эффективности, продуктивности и удовлетворенности пользователей информационных систем. Юзабилити-инженерия – это…
62. Изучение web -аналитики Точки входа и ожидания пользователей Отклонения от «ключевого пути» клиента Места и причины потери конверсии Анализ бизнеса
71. Хорошо разбирается в своей бухгалтерской программе, но не дружит с компьютером в целом Начальник направил на курсы повышения квалификации при помощи системы электронного обучения Проходит обучение за рабочим компьютером, справа и слева от нее сидят коллеги Считает обучение пустой тратой времени и проходит его, только чтобы не иметь неприятностей с начальством Переживает, если из-за обучения приходится задерживаться на работе Елена Александровна, 50 лет Бухгалтер Методика «персонажей»
75. Набор персонажей. Каждый набор персонажей - это образцы поведения группы пользователей . Множество персонажей показывают всю область образцов поведения . Зачем персонажи?
85. Проверка на соответствие эвристикам по ключевым страницам . Срезы по модулям . Приоритезация проблемных зон и степени критичности. Аудит интерфейсов
86. Доверие к компании Навигация Каталог Поиск Карточка товара Регистрация … Срезы по модулям
88. Проблемы: Форма поиска на разных страницах находится в разных местах. Ее можно спутать с другими элементами (имеет такой же граф.дизайн, как и «Кабинет», который появляется на ее месте). Приоритет: Высокий Рекомендации: Зафиксировать форму простого поиска в определенном месте для всех страниц сайта. Сделать ее дизайн отличным от других элементов сайта. Общие замечания. Навигация * Подробности: см. Заметки к слайду
89. Главная страница Граница окна Проблема: область с анонсами мероприятий находится за границей первого окна (после полосы прокрутки), что снижает видимость этих анонсов. Рекомендация : поменять структуру макета так, чтобы граница окна пересекала первый ряд анонсов при разрешении 1280х1024 Проблема : строка поиска и область выбора разнесены в разные стороны экрана. Пользователи, которым нужно искать мероприятия по названию, могут не заметить строку поиска. Рекомендация : перенести строку поиска к области выбора даты. Проблема: большое количество ссылок над корзиной – «карманом» скрывает эту область от посетителя. В результате пользователь не будет воспринимать этот элемент как значимый. Рекомендация : перегруппировать ссылки в заголовке, взяв за образец основной сайт Евросети. Выделить на отдельное место «Карман», поместить рядом с ним кнопку «Заказать»
90.
91. Проблема: Недостаточная видимость корзины в шапке ИМ. Приоритет: Высокий Рекомендация: Сделать ссылку на корзину визуально активной. Корзина
#3: SEO приводит вам на сайт сотни, тысячи и миллионы пользователей.
#4: Остаются лишь десяти, если не единицы. ПРИ ЭТОМ!!! Рекламные бюджеты сайтов в несколько раз превышают бюджет их разработки. Стоимость привлечения становится сопоставимой с доходами, которые можно получить от привлеченного посетителя. Процент потери посетителей на первой же странице сайта остаётся неоправданно высоким . Менеджеры сайтов зачастую упускают из виду самое главное – эффективность сайта.
#5: Надо чем-то зацепить пользователя. Остановить эту «утечку мозгов».
#6: Надо все починить. Давайте разбираться. Юзабилити , как подход, основанный на учете интересов пользователей, позволяет полнее реализовать резервы сайта, и повысить эффективность бизнеса в несколько раз . Повышение удовлетворенности пользователей приносит чистую прибыль , поскольку нагрузка из-за дополнительного трафика не возрастает.
#7: В каждом взаимодействии есть минимум две стороны. У нас это бизнес и клиент. Любой сайт – это либо сам бизнес, либо его витрина Для того, чтобы наладить взаимодействие между клиентом и информационной системой, нужны несколько вещей.
#12: … или вообще так, что никому не захочется обращаться в эту компанию.
#13: 2) Вторая сверхзадача, которую держит в уме владелец сайта – это подтолкнуть посетителя ко взаимодействию.
#14: 3) Наконец, сделать клиента лояльным. Например, чтобы он полюбил приходить к вам на сайт каждый день. Возможно, мы не хотим себе в этом признаться, но мы мечтаем именно о любви наших клиентов. Чтобы они любили нас даже не за то, что мы можем им дать, а просто так – за то, что мы есть.
#15: Но не все так просто в этой жизни. Как и у любого процесса, у взаимодействия «сайт – посетитель» есть определенные ограничения.
#16: Айтишники любят выражение «сферические кони в вакууме». Этот факт хорошо объясняет, почему иногда от них рождаются на свет зубодробительные интерфейсы, как будто созданные для абстрактного пользователя.
#18: Он вообще-то очень устремленный человек, ваш пользователь. И он своё возьмёт – не на вашем сайте, так на конкурентном.
#19: Итак, ограничения. Пользователь всегда приходит на сайт со СВОЕЙ задачей. Он не приходит «изучить ваш интернет-ресурс», или «узнать поподробнее о вашей компании»… Он приходит, чтобы: Приобрести что-то конкретное Получить информацию Составить мнение И, знаете, для него не очень важно, что ВЫ ХОТИТЕ ему «впарить».
#20: 2) Но у него есть свои ограничения, которые надо учитывать .
#21: Какие это ограничения? Физические, технические возможности, а главное, ВРЕМЯ И ВНИМАНИЕ пользователя всегда ограничены. «Мы ленивы и нелюбопытны», сказал классик. Современный ритм жизни добавляет: «И у меня дедлайн через 7 минут»... Или: «макияж». Или: «Жена возвращается». Или: «ужин». Время и внимание пользователя НЕ бесконечны, они имеют пределы. И эти пределы неожиданно узкие.
#22: Внимание пользователя – вообще отдельный разговор. Это самый ценный его ресурс, это то, что он – ВОЗМОЖНО! – готов обменять на вашу информацию.
#23: 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
#28: 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
#29: 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
#30: 70% посетителей сайтов просматривают на них только одну страницу.
#31: 70% посетителей сайтов просматривают на них только одну страницу.
#32: Пользователи вообще капризны. Если страница очень длинная («многабукф») – они уходят.
#42: Но любая технология – бесполезна, ЕСЛИ: Пользователь не заметит ее Пользователь не заинтересуется Пользователь не захочет ее использовать … захочет, но не сможет … в итоге не будет доволен.
#43: Вероятно, многие узнали в этих утверждения формулу эффективного рекламного сообщения: Привлечь Внимание
#57: Каждый потраченный на юзабилити доллар возвращает от 10 до 100 долларов прибыли или сэкономленных средств.
#58: Каждый потраченный на юзабилити доллар возвращает от 10 до 100 долларов прибыли или сэкономленных средств. Откуда такой разброс – на порядок? Зависит от масштабов разрушений
#62: Каждый сайт имеет предназначение, которое выражается в задачах, которые пользователь решает с его помощью. Выполнимость этих задач должна быть проверена, и препятствия на пути их решения должны быть устранены. Задачи представляются в виде сценариев и по ним происходит оценка.
#64: Веб-аналитика Соц.-дем. Типичные задачи пользователей, которые он может решить на нашем сайте Контекст использования ресурса (дети под ногами ползают)
#65: Теперь второе слово – ПОЛЬЗОВАТЕЛИ информационных систем. Повышаем их эффективность. Но можно ли повышать эффективность, не зная, кто это? Нам надо знать: Кто они, каковы их характеристики и особенности Что им надо? В каких условиях они взаимодействуют с нашим сайтом?
#69: В результате анализа должна быть четко определена целевая аудитория сайта: её возрастной состав, компьютерные навыки, культурные особенности, контекст работы с сайтом, предпочтения по дизайну все особенности целевой аудитории, которые могут повлиять на то, как будет использоваться сайт. На этом этапе фиксируются пользовательские требования к сайту.
#71: Танцы с бубном: SPSS Кластеризация Описание типичных параметров
#72: Один из эффективных методов группировки данных – это создание портретов типичных пользователей, персонажей. Персонаж – это обобщенный портрет сегмента ЦА в виде описания как бы конкретного человека. П редставляют архетипы пользователей . Будучи воображаемыми, персонажи тем не менее обобщают в себе нужды многих реальных людей и представляют их в процессе исследования. Персонажи основаны на исследованных образцах поведения и целях пользователей . Имена и личные данные персонажей выдуманы. Главная задача персонажей – представлять людей, максимально отличающихся в поведении .
#77: Дальше мы к персонажам применяем сценарии. Сценарий – это реалистичные описания жизненных ситуаций и действий, которые пользователь совершает с интерфейсом для их разрешения.
#78: Сверхзадача – не проверить правильность расстановки кнопочек. Сверхзадача – решить проблемы пользователя.
#83: Женщины больше просматривают – как сам контент, так и рекламу Мужчины
#84: Юзабилити-лаборатория с зеркалом Гизелла В комнате исследователей выключен свет, поэтому респондент, сидящий за стеклом, хорошо виден. При этом он не видит исследователей, ведущих тестирование. На мониторах отображается тестируемый продукт и движения взгляда респондента. (Справа внизу – ваш покорный слуга). Реальных (целевых) пользователей не спрашивают их мнение, а просят выполнить задачи, на решение которых направлен сайт. Анализ проблем , с которыми сталкиваются пользователи, и выработка их решений. 10 пользователей могут выявить 70-80% проблем сайта.
#86: Можно обойтись и без тестирования. Проверка на соответствие эвристикам по ключевым страницам: Главная Страница выбора и товара Корзина Авторизация и оформление заказа Срезы по модулям: Доверие Ожидания и мотивация Консистентность дизайна и т.д. Приоритезация проблемных зон и степени критичности.
#87: Для ИМ модули могут быть вот такими: «Доверие» - информация о магазине, его контактные данные, обратная связь системы. «Главная страница. Каталог» - подача информации на главной странице и в каталогах/списках товаров. «Поиск» - способы поиска, формат выдачи результатов. «Страница товара» - описание на странице продукта, вспомогательные сервисы. «Покупка» - процесс оформления/оплаты товара, выбора способа доставки.
#89: Структура сайта и дизайн его элементов не одинаковы на всех страницах. Любой переход посетителя с главной страницы ведет к исчезновению блока «Поиск» (он оказывается далеко ниже границы окна, вне доступа пользователя). Вместо формы поиска неожиданно появляется «Кабинет». Однако для пользователя «Кабинет» в этот момент совершенно не актуален: он находится в контексте поиска и чтения статьи. Все это посетитель воспринимает как нестабильность системы, непредсказуемость ее работы.
#92: Корзина в шапке ИМ имеет крайне маленький размер (хотя место вполне ожидаемое). Необходимо изменить дизайн ссылки на корзину, придать ей высокий визуальный приоритет. Ссылка должна быть: Крупная Четкая (отличная от других элементов на странице) Однозначная (что это именно корзина). При этом желательно давать индикацию количества товаров в корзине и общей суммы.