Юзабилити интернет-проекта
•Download as PPT, PDF•
1 like•551 views
О пользе работы над юзабилити интерфейсов. Выступление на конференции "Интернет бизнес" 14 апреля 2011 г. Читать заметки к слайдам в режиме примечаний! :)
![[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
Recommended
More Related Content
What's hot
What's hot (9)
Viewers also liked
Similar to Юзабилити интернет-проекта
Similar to Юзабилити интернет-проекта (20)
More from Eugene Kulakov
More from Eugene Kulakov (13)
Юзабилити интернет-проекта
- 1. Юзабилити интернет-проекта Евгений Кулаков Usabilitylab
- 5. Повестка дня
- 16. Ограничения
- 26. П о с т е п е н н о …
- 27. П о с т е п е н н о …
- 80. Технология eye-tracking с 1878 года
- 83. Наблюдаем, как пользователь работает с системой
- 87. Примеры !
- 89. Главная страница Граница окна Проблема: область с анонсами мероприятий находится за границей первого окна (после полосы прокрутки), что снижает видимость этих анонсов. Рекомендация : поменять структуру макета так, чтобы граница окна пересекала первый ряд анонсов при разрешении 1280х1024 Проблема : строка поиска и область выбора разнесены в разные стороны экрана. Пользователи, которым нужно искать мероприятия по названию, могут не заметить строку поиска. Рекомендация : перенести строку поиска к области выбора даты. Проблема: большое количество ссылок над корзиной – «карманом» скрывает эту область от посетителя. В результате пользователь не будет воспринимать этот элемент как значимый. Рекомендация : перегруппировать ссылки в заголовке, взяв за образец основной сайт Евросети. Выделить на отдельное место «Карман», поместить рядом с ним кнопку «Заказать»
- 92. Вопросы?
Editor's Notes
- SEO приводит вам на сайт сотни, тысячи и миллионы пользователей.
- Остаются лишь десяти, если не единицы. ПРИ ЭТОМ!!! Рекламные бюджеты сайтов в несколько раз превышают бюджет их разработки. Стоимость привлечения становится сопоставимой с доходами, которые можно получить от привлеченного посетителя. Процент потери посетителей на первой же странице сайта остаётся неоправданно высоким . Менеджеры сайтов зачастую упускают из виду самое главное – эффективность сайта.
- Надо чем-то зацепить пользователя. Остановить эту «утечку мозгов».
- Надо все починить. Давайте разбираться. Юзабилити , как подход, основанный на учете интересов пользователей, позволяет полнее реализовать резервы сайта, и повысить эффективность бизнеса в несколько раз . Повышение удовлетворенности пользователей приносит чистую прибыль , поскольку нагрузка из-за дополнительного трафика не возрастает.
- В каждом взаимодействии есть минимум две стороны. У нас это бизнес и клиент. Любой сайт – это либо сам бизнес, либо его витрина Для того, чтобы наладить взаимодействие между клиентом и информационной системой, нужны несколько вещей.
- Чтобы не стать плохой витриной…
- … нужно дать посетителю системное представление о: Структуре компании Продуктах и услугах, которые она производит Возможностях, которые дает
- Структуру компании можно описать по-разному. Например – совершенно нейтрально…
- … или чрезмерно бюрократично…
- … или вообще так, что никому не захочется обращаться в эту компанию.
- 2) Вторая сверхзадача, которую держит в уме владелец сайта – это подтолкнуть посетителя ко взаимодействию.
- 3) Наконец, сделать клиента лояльным. Например, чтобы он полюбил приходить к вам на сайт каждый день. Возможно, мы не хотим себе в этом признаться, но мы мечтаем именно о любви наших клиентов. Чтобы они любили нас даже не за то, что мы можем им дать, а просто так – за то, что мы есть.
- Но не все так просто в этой жизни. Как и у любого процесса, у взаимодействия «сайт – посетитель» есть определенные ограничения.
- Айтишники любят выражение «сферические кони в вакууме». Этот факт хорошо объясняет, почему иногда от них рождаются на свет зубодробительные интерфейсы, как будто созданные для абстрактного пользователя.
- Он вообще-то очень устремленный человек, ваш пользователь. И он своё возьмёт – не на вашем сайте, так на конкурентном.
- Итак, ограничения. Пользователь всегда приходит на сайт со СВОЕЙ задачей. Он не приходит «изучить ваш интернет-ресурс», или «узнать поподробнее о вашей компании»… Он приходит, чтобы: Приобрести что-то конкретное Получить информацию Составить мнение И, знаете, для него не очень важно, что ВЫ ХОТИТЕ ему «впарить».
- 2) Но у него есть свои ограничения, которые надо учитывать .
- Какие это ограничения? Физические, технические возможности, а главное, ВРЕМЯ И ВНИМАНИЕ пользователя всегда ограничены. «Мы ленивы и нелюбопытны», сказал классик. Современный ритм жизни добавляет: «И у меня дедлайн через 7 минут»... Или: «макияж». Или: «Жена возвращается». Или: «ужин». Время и внимание пользователя НЕ бесконечны, они имеют пределы. И эти пределы неожиданно узкие.
- Внимание пользователя – вообще отдельный разговор. Это самый ценный его ресурс, это то, что он – ВОЗМОЖНО! – готов обменять на вашу информацию.
- 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
- 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
- 3) Еще ограничение взаимодействия между посетителем и ресурсом – это количество информации, которое мы хотим дать нашему бедному пользователю. Как правило, это количество ОГРОМНО. Чрезмерное количество информации, как известно, ведет к информационной перегрузке. А информационная перегрузка – к непредсказуемому поведению. Вряд ли непредсказуемое поведение – это то, что мы хотим от посетителя нашего сайта. Так что приходится заниматься самоограничением.
- 70% посетителей сайтов просматривают на них только одну страницу.
- 70% посетителей сайтов просматривают на них только одну страницу.
- Пользователи вообще капризны. Если страница очень длинная («многабукф») – они уходят.
- Если навигация затруднена – ОНИ УХОДЯТ.
- Если поведение системы непредсказуемо – ПОСЕТИТЕЛИ УХОДЯТ.
- Если были созданы неправильные ожидания – ОНИ УХОДЯТ.
- Если функционал сайта ограничен – ОНИ УХОДЯТ.
- Если посетителям ВДРУГ покажется, что ими пытаются манипулировать – ОНИ УХОДЯТ.
- Если… Ну в общем вы поняли. Если хоть что-то не так – результат один. У пользователей в соседних вкладках открыты десятки ваших конкурентов.
- Как же оставить пользователя и объяснить ему, наконец, всю правду жизни?
- Что же делать? Как мотивировать?
- Но любая технология – бесполезна, ЕСЛИ: Пользователь не заметит ее Пользователь не заинтересуется Пользователь не захочет ее использовать … захочет, но не сможет … в итоге не будет доволен.
- Вероятно, многие узнали в этих утверждения формулу эффективного рекламного сообщения: Привлечь Внимание
- Привлечь внимание
- Вызвать Интерес
- Вызвать интерес
- Разогреть Желание
- Разогреть желание
- Предложить взаимодействие (замотивировав)
- Поощрить взаимодействие
- Добиться Удовлетворения
- Добиться удовлетворенимя
- Каждый потраченный на юзабилити доллар возвращает от 10 до 100 долларов прибыли или сэкономленных средств.
- Каждый потраченный на юзабилити доллар возвращает от 10 до 100 долларов прибыли или сэкономленных средств. Откуда такой разброс – на порядок? Зависит от масштабов разрушений
- Каждый сайт имеет предназначение, которое выражается в задачах, которые пользователь решает с его помощью. Выполнимость этих задач должна быть проверена, и препятствия на пути их решения должны быть устранены. Задачи представляются в виде сценариев и по ним происходит оценка.
- Веб-аналитика Соц.-дем. Типичные задачи пользователей, которые он может решить на нашем сайте Контекст использования ресурса (дети под ногами ползают)
- Теперь второе слово – ПОЛЬЗОВАТЕЛИ информационных систем. Повышаем их эффективность. Но можно ли повышать эффективность, не зная, кто это? Нам надо знать: Кто они, каковы их характеристики и особенности Что им надо? В каких условиях они взаимодействуют с нашим сайтом?
- В результате анализа должна быть четко определена целевая аудитория сайта: её возрастной состав, компьютерные навыки, культурные особенности, контекст работы с сайтом, предпочтения по дизайну все особенности целевой аудитории, которые могут повлиять на то, как будет использоваться сайт. На этом этапе фиксируются пользовательские требования к сайту.
- (пример с красными и черными магнитолами)
- Танцы с бубном: SPSS Кластеризация Описание типичных параметров
- Один из эффективных методов группировки данных – это создание портретов типичных пользователей, персонажей. Персонаж – это обобщенный портрет сегмента ЦА в виде описания как бы конкретного человека. П редставляют архетипы пользователей . Будучи воображаемыми, персонажи тем не менее обобщают в себе нужды многих реальных людей и представляют их в процессе исследования. Персонажи основаны на исследованных образцах поведения и целях пользователей . Имена и личные данные персонажей выдуманы. Главная задача персонажей – представлять людей, максимально отличающихся в поведении .
- Дальше мы к персонажам применяем сценарии. Сценарий – это реалистичные описания жизненных ситуаций и действий, которые пользователь совершает с интерфейсом для их разрешения.
- Сверхзадача – не проверить правильность расстановки кнопочек. Сверхзадача – решить проблемы пользователя.
- Для этого у нас есть: Hard Soft Metodology
- Золотой треугольник.
- Женщины больше просматривают – как сам контент, так и рекламу Мужчины
- Юзабилити-лаборатория с зеркалом Гизелла В комнате исследователей выключен свет, поэтому респондент, сидящий за стеклом, хорошо виден. При этом он не видит исследователей, ведущих тестирование. На мониторах отображается тестируемый продукт и движения взгляда респондента. (Справа внизу – ваш покорный слуга). Реальных (целевых) пользователей не спрашивают их мнение, а просят выполнить задачи, на решение которых направлен сайт. Анализ проблем , с которыми сталкиваются пользователи, и выработка их решений. 10 пользователей могут выявить 70-80% проблем сайта.
- Можно обойтись и без тестирования. Проверка на соответствие эвристикам по ключевым страницам: Главная Страница выбора и товара Корзина Авторизация и оформление заказа Срезы по модулям: Доверие Ожидания и мотивация Консистентность дизайна и т.д. Приоритезация проблемных зон и степени критичности.
- Для ИМ модули могут быть вот такими: «Доверие» - информация о магазине, его контактные данные, обратная связь системы. «Главная страница. Каталог» - подача информации на главной странице и в каталогах/списках товаров. «Поиск» - способы поиска, формат выдачи результатов. «Страница товара» - описание на странице продукта, вспомогательные сервисы. «Покупка» - процесс оформления/оплаты товара, выбора способа доставки.
- Структура сайта и дизайн его элементов не одинаковы на всех страницах. Любой переход посетителя с главной страницы ведет к исчезновению блока «Поиск» (он оказывается далеко ниже границы окна, вне доступа пользователя). Вместо формы поиска неожиданно появляется «Кабинет». Однако для пользователя «Кабинет» в этот момент совершенно не актуален: он находится в контексте поиска и чтения статьи. Все это посетитель воспринимает как нестабильность системы, непредсказуемость ее работы.
- Корзина в шапке ИМ имеет крайне маленький размер (хотя место вполне ожидаемое). Необходимо изменить дизайн ссылки на корзину, придать ей высокий визуальный приоритет. Ссылка должна быть: Крупная Четкая (отличная от других элементов на странице) Однозначная (что это именно корзина). При этом желательно давать индикацию количества товаров в корзине и общей суммы.