Текст книги "Как сделать сайт удобным. Юзабилити по методу Стива Круга"

Глава 2
А теперь я распилю мою [прекрасную] ассистентку пополам
На что похоже самостоятельное тестирование

И это всё, друг мой?

ПРИПЕВ ИЗ ПРОПИТАННОЙ ТОСКОЙ ПЕСНИ ПЕГГИ ЛИ «IS THAT ALL THERE IS?»

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

Большинство действий, которые вам предстоит выполнить, вы будете выполнять и при тестировании собственного сайта/приложения/чего угодно. Единственный нюанс: при реальном тестировании этих действий будет больше, и на каждое из них вы будете тратить больше времени (в сумме на все про все вам понадобится около часа).

Зайдите на сайт нашего издательства по адресу www.piter.com, найдите там страницу, посвященную этой книге, и скачайте файл Steve_Krug_UsabilityDemo[11]11
  Предлагаемый файл представляет собой запись, сделанную на одном из семинаров Стива Круга. Даже если вы не в совершенстве владеете английским языком, рекомендуем посмотреть этот тест, чтобы почувствовать себя его участником. – Примеч. ред.


[Закрыть].

1. (Может быть, вы сейчас летите в стареньком самолете, где нет доступа в Интернет по WiFi, и потому не можете скачать этот файл. Не расстраивайтесь. Переходите к следующей главе, но потом не забудьте все же скачать и посмотреть его.)

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

И это всё?

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

ЧАВО

Извините, но зачем вы посвятили этому целую главу?

Затем, что этот пример важен, и таким образом я хотел заставить вас обратить на него внимание.

Глава 3
Одно утро в месяц – мы не просим о большем
План, которому запросто можно следовать

Одна банка в неделю – мы не просим о большем!

НЕВЕРОЯТНО УДАЧНЫЙ РЕКЛАМНЫЙ СЛОГАН КОМПАНИИ BLUE DIAMOND GROWERS, ПРИМЕРНО 1990 ГОД

Как я уже говорил в главе 1, у людей находится масса уважительных причин для того, чтобы не проводить тестирование юзабилити. Но главная причина, по которой большинство его не проводит, – убежденность в том, что это очень трудоемкая работа (такой вариант я называю Большим Навороченным тестированием).

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

Эта методика легко осуществима и приносит результаты. Она обнаруживает ровно столько проблем, сколько вы можете решить. Кроме того, она работает по принципу: самые существенные проблемы решаются первыми.

Сформулируем мой генеральный план так:

Одно утро в месяц – мы не просим о большем

В общем, от вас потребуется раз в месяц проводить раунд тестирования с тремя пользователями.

В день тестирования вы с утра что вам нужно исправить, проводите три теста, а за обедом обсуждаете их результаты. Ко второй половине дня тестирование юзабилити на данный месяц объявляется завершенным и вы знаете, прежде чем приступить к следующему его уровню[12]12
  Если вы занимаетесь гибким программированием, не волнуйтесь. Загляните в раздел ЧАВО на с. 40.


[Закрыть].

Тут есть два ключевых слова, на которых следует сосредоточить внимание.

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

• Месяц. Раз в месяц – оптимальный интервал. С одной стороны, проводить тестирование чаще мало кто готов, с другой же – одно тестирование выявляет достаточно проблем, чтобы вам было чем заняться в течение следующего месяца.

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

Сделав тестирование регулярным этапом работы, вы избавитесь от необходимости решать, когда проводить тестирование; вы просто будете тестировать то, что окажется готово ко дню тестирования. (Если приходится думать, когда проводить тестирование, то все обычно кончается тем, что оно не проводится никогда.)

Самостоятельное тестирование против Большого Навороченного тестирования

Говоря «одно утро в месяц», я имею в виду не только расписание; это, кроме того, еще и формула, указывающая на то, что этот тест должен быть предельно простым, чтобы вы могли проводить его часто.

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

ЧАВО

А что, действительно достаточно заниматься этим один разв месяц?

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

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

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

А можно я буду заниматься тестированием чаще, чем разв месяц?

Разумеется. Одно утро в месяц – это минимум. Что бы вы ни делали, результат от более частого тестирования только улучшится.

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

Наш проект строится на принципах гибкогопрограммирования. А вы говорите – один раз в месяц! Я смеюсь!

Ах да, гибкое программирование[13]13
  Я говорю «гибкое программирование», но имею в виду любые популярные методы программирования, характеризующиеся очень коротким циклом разработки и смещением приоритетов с предварительного планирования в сторону итерационности и адаптируемости.


[Закрыть]. Короткий цикл разработки в гибкой среде – если вы будете ждать целый месяц, вы вне игры. Ну что ж, в таком случае скажем так: «Спринт каждое утро, мы не просим о большем».

Во многих отношениях самостоятельное тестирование прекрасно совместимо с Гибким программированием, основанным на очень быстром производстве работающих элементов и предоставлении их пользователям. Единственная проблема заключается в том, что этими «пользователями» оказываются члены той же команды разработчиков. (Эту проблему и нужно решить.)

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

Главная сложность с тестированием юзабилити в гибкой среде заключается в том, что нужно постоянно бежать впереди паровоза и укладывать для него рельсы. У стремительно работающих программистов нет времени на то, чтобы разрабатывать прототип. Предполагается, что все, что они пишут, – это работающий код.

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

Обязательно заниматься этим именно по утрам?

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

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

Мне говорят: «Всякий раз ты тестируешь свой продукт на трехпользователях. Прости, но это недостаточный размер выборки. Твои результаты нельзя считать статистически достоверными!» Что ответить на это?

А вот что: «Вы абсолютно правы. Тестирование на трех пользователях не может дать статистически достоверных результатов. Выборка настолько мала, что тут и речи не может быть о статистике. Но цель такого тестирования заключается не в том, чтобы что-то доказать: задача в том, чтобы выявить наиболее существенные проблемы и, решив их, улучшить нашу продукцию. Эта методика работает, потому что большинство проблем настолько очевидны, что их существование не требует "доказательств"».

Постарайтесь произнести это уверенно и дружелюбно.

Что почем? Каков бюджет мероприятия?

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

А вот «бюджетный» вариант на случай, если вам не выделено вообще никакого бюджета:

Глава 4
Когда и что тестировать
Почему самое трудное приходится делать сначала

Давайте, на следующей неделе мы принесем вам набросок на салфетке побольше.

ТО, ЧТО ВСЕГДА ГОВОРЯТ МОИ КЛИЕНТЫ, КОГДА Я ПРОШУ ИХ ПОКАЗАТЬ ПРОЕКТ ДИЗАЙНА, ХОТЬ НА САЛФЕТКЕ

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

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

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

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

Более того, они прекрасно знают, что гораздо проще и дешевле устранить недостатки в начале, еще до того, как ошибочные идеи будут внедрены. Порой серьезные проблемы выявляются настолько поздно, что их уже невозможно исправить. Худшее, но, увы, самое распространенное решение – дождаться, пока сайт будет разработан и готов к запуску, и в этот момент начать тестирование.

К сожалению, приходится признать, что люди склонны сопротивляться идее раннего тестирования. Чаще всего они пытаются оправдаться, используя следующие аргументы.

• «Мы еще слишком мало сделали». Казалось бы, если ничего не работает, то нечего и тестировать. Но что мешает показать людям наброски дизайна, даже если они нарисованы от руки на салфетке?

• «Продукт еще слишком сырой». Дизайнеры очень не любят показывать свои недоделанные работы. Однако пользователи меньше стесняются в выражениях при описании своих впечатлений от продукта, зная, что он впоследствии будет доработан.

• «Зачем заставлять людей тратить время на разглядывание того, что еще сто раз изменится?» Когда вы занимаетесь разработкой, идеи, которые вы держите в голове, всегда лучше тех, которые уже воплощены в виде кода или наброска. Да, пользователи расскажут вам об уже известных вам проблемах, но, поверьте, без сюрпризов не обойдется. По большому счету, именно ради таких сюрпризов все и затевается: на многое вы могли не обратить внимания, потому что слишком хорошо знаете предмет или потому что гораздо меньше смыслите в чаяниях пользователей, чем вам кажется.

Я дам вам в связи с этим вот какой совет:

Начинайте раньше, чем вам кажется нужным

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

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

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

Тестирование своего сайта

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

КАК ТЕСТИРОВАТЬ

Сверяясь с процессом, описанным в главах 5–9.

ЧТО ВАМ ЭТО ДАСТ

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

А еще вы узнаете много нового о том, как на самом деле люди работают с вашим сайтом.

Тестирование чужих сайтов

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

Чужие сайты – это сильно недооцененные объекты для тестирования. Я очень люблю повторять следующую несложную мысль: «Кому-то уже пришлось помучиться, создавая полномасштабный работающий прототип сайта, и при этом решались те же проблемы, которые пытаетесь решить вы. Так почему бы не воспользоваться результатами их труда?»

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

КАК ТЕСТИРОВАТЬ

Сверяясь с процессом, описанным в главах 5–9.

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

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

ЧТО ВАМ ЭТО ДАСТ

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

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

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

Тестирование набросков на салфетке

На начальных стадиях планирования любого проекта всегда создаются грубые наброски, зарисовки того, на что в итоге должен быть похож разрабатываемый продукт. Такие схемы я называю «набросками на салфетке» (это не метафора: носителями для этих эскизов вполне могут быть салфетки и любые другие бумажки). При создании веб-сайта можно нарисовать на салфетке его главную страницу или раздел с информацией о предлагаемой продукции.

Никогда не пренебрегайте тестированием набросков.

КАК ТЕСТИРОВАТЬ

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

Для проведения тестирования достаточно произвести следующие несложные манипуляции.

1. Подойти к понравившемуся вам человеку.

2. Сказать: «Будьте так любезны, окажите небольшую услугу – взгляните вот на это!»

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

4. Спросить: «С чем этот рисунок у вас ассоциируется? Что можно сделать на основе этого наброска?»

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

5. Слушайте внимательно. Вы, должно быть, услышите следующее: «Что ж, это похоже на главную страницу сайта. Сдается мне, с его помощью вы пытаетесь распространять нечто. А вот эти штучки – изображения лучшей продукции из вашего ассортимента. А вот здесь написано «Магазин». Наверное, можно сделать заказ прямо на сайте. Правда непонятно, что скрывается за названием раздела «Бонусы».

Если хотите, можете задать несколько уточняющих вопросов, например: «Как вам кажется, что может находиться в разделе "Бонусы"?»

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

ЧТО ВАМ ЭТО ДАСТ

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

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

Мне казалось это прекрасной идеей. Даже не так. Это казалось мне просто потрясающей идеей. Мне самому она дико нравилась. Когда я думал о ней, у меня улучшалось настроение. Черновой вариант обложки висел на стене у меня над столом и вдохновлял меня[14]14
  Вообще-то был у меня еще один вариант названия, который нравился мне еще больше: «Энциклопедия юных сурков» (это такая карманного размера книжечка, которую Вилли, Билли и Дилли, племянники Скруджа Макдака, постоянно таскали с собой и в которой можно было найти ответы на любые вопросы). Но я прекрасно понимал, что парни из отдела по защите авторских прав корпорации Дисней, не обрадуются, если я так назову свой труд.


[Закрыть].

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

• Они уловили мою концепцию. Да, оформление им действительно напомнило справочник для наблюдения за птицами, и это признали весьма изящным решением.

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

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

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

После создания набросков веб-разработчики, как правило, приступают к построению каркасных моделей.

Эта модель представляет собой, по сути, чертеж будущей страницы. На ней обычно показано, где будут размещаться разные типы контента, как будут соотноситься между собой размеры заголовков и инструментов навигации.

КАК ТЕСТИРОВАТЬ

Каркасные модели тестируют, предлагая пользователям задания, связанные с навигацией: «Как бы вы стали искать__________?», «Что вы ожидаете увидеть при переходе по этой ссылке?»

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

ЧТО ВАМ ЭТО ДАСТ

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

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

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

КАК ТЕСТИРОВАТЬ

Вначале покажите участникам тестирования главную страницу, потом все остальные. Попросите дать описание каждой из них (подробности – на странице 104, в разделе «Экскурсия по главной странице»).

ЧТО ВАМ ЭТО ДАСТ

Ваша цель – выявить проблемы юзабилити, связанные с визуальной организацией страниц. Постарайтесь понять, очевидно ли для пользователей, как «работает» каждая из страниц?

Тестирование работающих прототипови всего остального

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

КАК ТЕСТИРОВАТЬ

Сверяясь с процессом, описанным в главах 5–9.

ЧТО ВАМ ЭТО ДАСТ

Озарения, необходимые для улучшения вашего сайта.