Тестирование дизайн макетов сайтаСмирнова Мария,Директор web-студии «Интернет-клиент»В школе «Нетология» ведёт бесплатный ...
Зачем тестировать дизайн макеты сайта?Для владельца веб-ресурса тестирование макетов будущего сайта позволяет убедиться в ...
Как тестировать макеты сайта?Существует ряд методик, позволяющих тестировать макеты будущего сайта. Отличия междуметодикам...
В исследовании задействовано специальное программное обеспечение и камера, осуществляющаянаблюдение за движениями глаз. Ре...
Яндекс ВебвизорКарта посещений в Google analyticsПлюсы метода очевидны – это и экономия денег, и – времени, и репрезентати...
При составлении анкеты важно опираться на задачи сайта. Не нужно задавать общих вопросов такихкак: «Нравится ли вам этот с...
Upcoming SlideShare
Loading in …5
×

Тестирование дизайн макетов сайта

1,563 views

Published on

Доклад Марии Смирновой, эксперта в области веб-дизайна.
В школе «Нетология» Мария Смирнова ведёт бесплатный вебинар по веб-дизайну.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,563
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
18
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Тестирование дизайн макетов сайта

  1. 1. Тестирование дизайн макетов сайтаСмирнова Мария,Директор web-студии «Интернет-клиент»В школе «Нетология» ведёт бесплатный вебинар по веб-дизайнуДля того чтобы убедиться в том, что будущий сайт будет эффективным нужно тестироватьсозданные студией дизайн макеты. Причем я рекомендую тестировать именно макеты, а не готовыйсайт, так как, если в рамках тестирования выяснится необходимость переделки, то значительнопроще (дешевле, быстрее) переделать макеты, а не полностью сайт. К верстке и программированиюстоит приступать только, убедившись в эффективности созданных дизайн макетов.В крупных корпорациях при создании любой рекламной продукции тестируется все: названия,тексты, слоганы, персонажи, аниматики. Для тестирования сайтов и POS материалов крупныекомпании привлекают юзабилити экспертов, заказывают пользовательские юзабилити исследования.Представители малого и среднего бизнеса, как правило, самостоятельно оценивают успешностьработы веб-студии или частного дизайнера. Оценка созданных макетов сайта почти всегдаосуществляется по принципу «Нравится - Не нравится»! Заказчик или лично оценивает макеты илисобирает коллег, членов семьи, друзей и задает им типичные вопрос: «Вам нравится?» Некоторыесчитают, что уточняющие вопросы способны обеспечить объективность: «… а, что именно ненравится?».Дизайнеры, особенно начинающие, одиночки и сотрудники микро студий также часто опираются насвой личный вкус при создании макетов сайта, не задумываются о задачах сайта, продукте ицелевой аудитории.Покуда критерии оценки – это личное мнение заказчика или дизайнера, невозможно понять,действительно ли создан эффективный макет будущего сайта или нет.Сайт создается для пользователей, поэтому и дизайнер и владелец ресурса должны быть готовы ктому, что им лично макет может быть не симпатичен. Главное, чтобы сайт выполнял поставленныеперед ним задачи.В этой статье я расскажу о том, какие существуют методики тестирования макетов сайта и зачем этонужно заказчику и студии.
  2. 2. Зачем тестировать дизайн макеты сайта?Для владельца веб-ресурса тестирование макетов будущего сайта позволяет убедиться в том, чтосайт будет выполнять возложенные на него коммерческие и коммуникативные задачи. Задачи сайталучше предварительно четко описать в брифе на создание сайта. Описание задач должно бытьочень конкретным, так как потом они будут использованы в составлении вопросов для тестирования.Примеры коммуникативных задач Интернет-магазина: ● Показать, что фирма осуществляет доставку по России, ● Показать, что есть оплата картами, ● Показать, что у фирмы низкие цены (дискаунтер), ● Показать, что у фирмы большой ассортимент и др.Если в рамках тестирования, на вопрос «Как Вам кажется, какой уровень цен в этом Интернет-магазине» респонденты будут отвечать «Скорее высокий» или «Высокий» или даже «Средний», в товремя как задача сайта показать, что Интернет-магазин торгует по сниженным ценам (дискаунтер),значит, задача не выполнена, нужно искать и исправлять причину.Зуб даешь?Один мой бывший начальник на все предложения сотрудников спрашивал «…Зуб даешь?». Зубдавать никому не хотелось и даже не из-за отсутствия уверенности в эффективности предложения, абольше потому, что мы живем в вероятностном мире, где все меняется и часто не по нашей воле.Поэтому, будучи на тот момент простым маркетологом, я старалась подкреплять свои предложенияобещаниями потребителей (данные статистики, опросов, тестирований). Это позволяло быстрее ипроще убедить начальника принять мое предложение. Подкрепление предложений нужно былотакже на случай, если вдруг идея оказалась бы неуспешной. Мне не пришлось бы «отдавать зуб»,так как в своем предложении я опиралась не на свое личное мнение, а на мнение потребителей.Позже, работая в крупной компании, я к большой радости обнаружила, что в корпорациях тестируетвсе и вся! Неподкрепленные данными решения не принимаются даже самыми большиминачальниками.Сейчас, занимаясь созданием сайтов, я часто вижу, что менеджер от заказчика лично импонируетсозданному макету, но не может «продать» его директору, боится с ним спорить. Еще бы, ведь спор-то сведется к «Нравится», «Не нравится», а в итоге – «Зуб даешь?». В результате делаются макетына основании личных предпочтений директора. Сайт с таким креативом становится неэффективным,студии часто даже в портфолио такой проект положить стыдно, но зато никто из менеджеров настороне заказчика не пострадал. Все зубы целы!Тестирование макетов сайта позволяет уверенно продавать дизайн-решение внутри компаниизаказчика. Представьте, как упрощается процесс убеждения руководителей компании в том, чтосозданные макеты хороши, если у менеджера проекта на руках результаты исследования,показывающие, что сайт с предложенным дизайном будет на 100% реализовывать возложенные нанего задачи!Сам дурак!Нет ничего более бесполезного, чем бездоказательный спор. Однако именно так часто проходятобсуждения макетов сайта между студией и заказчиком.Тестирование дизайн макетов позволяет объективно оценить работу студии. На встречах сдизайнерами вместо привычных общих и эмоциональных рассуждений: «Не хватает какой-томулечки и ощущения вау!», «Не верю, все не нравится, переделывайте», «Моя жена сказала, что этоуже не модно!», «Скучно, давайте добавим красок!», будут звучать конструктивные предложения:«70% респондентов не заметили возможность оплатить банковской картой, нужно доработать этотмакет, важно чтобы все 100% видели возможность оплаты картами». Представляете такоеобсуждение?!
  3. 3. Как тестировать макеты сайта?Существует ряд методик, позволяющих тестировать макеты будущего сайта. Отличия междуметодиками в основном в стоимости, точности данных и времени необходимом для проведенияисследования. Мы рассмотрим две методики: Еye tracking (айтрекинг) и его более дешевыеальтернативы («Yandex Вебвизор», «Google Website Optimizer») и классический маркетинговыйопрос.Респонденты (участники опроса или исследования)Для проведения исследования нужно набрать группу респондентов, потенциальных пользователейбудущего сайта. Набор нужно проводить ТОЛЬКО среди представителей целевой аудитории сайта.Респонденты не должны быть аффилированы со студией или заказчиком, т.е. нельзя привлекать кучастию в исследовании в качестве респондентов коллег, друзей, родственников, соседей поофису, знакомых дизайнеров тоже... Эти люди будут стараться не огорчить Вас, угадать Вашеотношение к обсуждаемому вопросу, польстить.Все исследования, о которых мы будем говорить, в социологии называются количественными, т.е.требуют участия большого количества респондентов для обеспечения репрезентативности(представительности мнений). Количественный опрос обычно подразумевает проведение порядка1000 интервью с респондентами. В реальности для тестирования макетов сайта такое количествореспондентов непозволительная роскошь, поэтому тестирования можно проводить на 5-10респондентах. В своей статье «Пять пользователей - все, что нужно для теста» гуру исследованийудобства сайтов, Я. Нильсон утверждает, что даже 5 респондентов будет вполне достаточно длятестирования простых сайтов. Нильсон также обращает наше внимание на то, что лучшепротестировать сайт на пяти пользователях, чем вовсе не тестировать.Важно при повторных тестированиях (мы что-то поправили в макете и хотим его еще разпротестировать) не использовать тех же респондентов, что и при первом тесте. На каждом циклеисследования нужно набирать новых респондентов.Респонденты не должны общаться друг с другом до и после исследования, а также знать ктозаказчик исследования.Еye tracking (айтрекинг)Эта методика активно используется специалистами по исследованию удобства (usability) иэффективности интерфейсов сайтов, программ и рекламной продукции. Сегодня очень часто в ракахюзабилити исследований проводится и оценка маркетинговой, коммуникативной эффективностиинтерфейса.Методологически в основе Айтрекинга лежит наблюдение за движением глаз респондента ификсация мест в интерфейсе, на которые пользователь обращает внимание, сила внимания,порядок в котором пользователь замечает те или иные элементы на тестируемой странице.Исследование по методу Eye tracking
  4. 4. В исследовании задействовано специальное программное обеспечение и камера, осуществляющаянаблюдение за движениями глаз. Респондент выполняет задачи на тестируемом сайте или отвечаетна вопросы. Ответы фиксируются модератором, а в последующем сверяются с данными тепловыхкарт. Тепловая карта – это скрин тестируемого интерфейса, на котором отмечены места согласносиле внимания к элементам пользователя.Тепловая картаКрасным на тепловой карте отмечены области повышенного внимания, желтым уменьшениевнимания и зеленым области мимолетного внимания.Подробно об Еye tracking исследованиях можно ознакомиться в публикациях и на семинарахД.Сатина, руководителя компании «Usabilitylab», лидера в области услуг тестирования удобства иэффективности ПО и сайтов в России.Пример исследования дизайн макета сайта методом Айтрекинг.http://rutube.ru/video/080adcde77bca8d2d4ca8118caa9bc9a/#.UJgMq4bwLEYМетодика Еye tracking, пожалуй, лучший способ тестировать интерфейс будущего сайта. Этот методи точный, и научный, и показательный. Однако он попросту недоступен для большинства студий ивладельцев сайтов в виду большой стоимости (от 15 000 руб. за одно небольшое исследованиеодной страницы) и продолжительности исследования (от одной недели).В книге «Как сделать сайт удобным. Юзабилити по методу Стива Круга» автор рассказывает о том,как провести юзабилити исследование собственными силами. В книге представлено, по сути,пошаговое руководство. Методику вполне можно использовать и для тестирования макетов сайта.Однако это пособие совсем не про айтрекинг, а более напоминает маркетинговое исследование.Mouse tracking (Маустрекинг)В качестве альтернативы Айтрекингу я могу предложить методику - Mouse tracking. Методикаоснована на фиксировании движений мыши пользователя и анализе его действий на сайте (кликнул,заполнил форму, открыл, закрыл и др.).Для того чтобы провести исследование с помощью Маус трекинга нужно всего-то установить на сайт«Яндекс Метрику» с приложением «Вебвизор» или воспользоваться сервисом «Google Web siteoptimizer», а также «Карта посещений в Google analytics».Отчеты получаются очень похожие на тепловые карты, а с помощью «Яндекс Вебвизора» можнодаже наблюдать за поведением пользователей в формате видео записи движений мышкойпользователем на сайте.
  5. 5. Яндекс ВебвизорКарта посещений в Google analyticsПлюсы метода очевидны – это и экономия денег, и – времени, и репрезентативность исследования(данные снимаются по всем пользователям).Однако у данного метода есть два существенных минуса. Во-первых для того чтобы имвоспользоваться нужно запустить сайт. Т.е. невозможно протестировать именно дизайн макеты. Мыранее обсуждали, что это чревато дополнительными расходами на переделку сайта. Второй минуссвязан с тем, что мы тестируем только поведение и не можем оценить эмоции пользователя.Тем не менее, крайне рекомендую данный метод для тестирования не только дизайна, но иэффективности сайта в целом.ОпросКлассическое маркетинговое исследование – оптимальное решение для быстрого и недорогоготестирования дизайн макетов будущего сайта.Для его проведения необходимо: ● составить список вопросов (анкету), ● набрать респондентов (требования мы уже обсудили), ● показать респондентам макет, ● задать вопросы из анкеты, ● проанализировать результаты.
  6. 6. При составлении анкеты важно опираться на задачи сайта. Не нужно задавать общих вопросов такихкак: «Нравится ли вам этот сайт?», «Нравится ли Вам цветовое решение сайта». Нужно задаватьреспондентам только те вопросы, которые помогут понять решает ли макет задачи сайта или нет.Например: ● Какой основной бренд представлен в ассортименте Интернет-магазина? ● В какой ценовой категории работает интернет-магазин? ● Готовы ли Вы оплатить товар с помощью банковской карты на сайте этого Интернет- магазина? ● Можно ли назвать одежду из этого Интернет-магазина модной? ● Насколько высокий уровень сервиса Вы ожидаете от этого Интернет-магазина? ● Насколько престижно делать покупки в этом Интернет-магазине? ● Насколько вероятно, что вы купили бы то-то в этом Интернет-магазине?Важно не просто протестировать макеты создаваемого сайта, но и сравнить результаты с метрикамиконкурентов. Для достижения этой задачи респондентов нужно разделить на 3-5 групп по 5-10человек в группе. Первой группе нужно показать разрабатываемый макет, а остальным макетысайтов конкурентов. Теперь Вы не только будете знать, то насколько эффективным может бытьбудущий сайт, но и насколько конкурентоспособным.

×