Как сделать сайт удобным. Юзабилити по методу Стива Круга
Проблемы с юзабилити, возникающие на вашем собственном сайте, могут быть для вас неочевидны, поскольку вы знаете, как он работает (или как он должен работать). Большинство же ваших пользователей этого не знают, в этом вся разница.
Разумеется, существуют не менее серьезные, но получше спрятанные проблемы с юзабилити, такие, на которые наткнется меньшее количество людей. Но если вы не можете уделить тестированию юзабилити значительное количество усилий и времени (если это ваша основная работа – тогда другой разговор), то я настоятельно рекомендую вам начать с разрешения очевидных проблем. Для большинства сайтов это еще не пройденный этап.
И наконец:
• Это работает, потому что наблюдение за пользователями совершенствует вас как дизайнера. Хотя такие термины, как «ориентированный на пользователя дизайн» и «опыт взаимодействия», есть сейчас в лексиконе большинства людей, работающих над веб-сайтами, очень немногие дизайнеры, разработчики, супервайзеры, менеджеры и заказчики – все те, кто имеет право голоса в процессе создания сайта, – тратят время на то, чтобы понаблюдать за тем, как люди пользуются сайтами. В результате мы приходим к тому, что создаем сайт, исходя из абстрактной модели пользователя, ориентированной в первую очередь на нас самих.
Наблюдая за пользователями, вы все лучше понимаете, как люди используют вещи и как вещи должны быть сделаны, чтобы ими можно было пользоваться. Это расширяет наши познания о разработке и дизайне примерно так же, как путешествия умножают наш опыт.
Что мешает провести тестированиеНо если тестирование юзабилити так просто и так полезно, то почему же оно так редко становится обязательной частью интернет-проекта? Даже сегодня очень мало организаций проводят тестирование юзабилити своих сайтов, а если все-таки проводят, то только один раз, ближе к завершению проекта.
Я думаю, главная причина заключается в том, что большинство людей по-прежнему не имеют собственного опыта тестирования юзабилити, а потому и не знают, насколько оно полезно. Но даже если такого рода опыт имеется, то нет недостатка в благовидных предлогах для того, чтобы тестирование все-таки не проводить.
Нехватка времени, например. Тестирование представляется нам мероприятием, которое потребует массу сил и времени, а у нас у всех и так уже слишком много работы. Календарный план разработчика чаще всего настолько плотный, что обычным становится такое отношение: «Сейчас сплавим с рук, а настроим потом».
Наконец, существует вполне естественный (и почти универсальный) страх показывать кому бы то ни было незаконченную работу. Мы всегда знаем, что то, над чем мы работаем, имеет недостатки, так зачем же показывать это другим людям, тратить и их, и свое собственное время для того, чтобы они сказали нам то, что мы и так знаем? (Да и кому нравится демонстрировать на публике изъяны своей работы?)
Все это очень здраво, но, как вы скоро сами убедитесь, вовсе не обязательно справедливо.
ЧАВОВы говорите об очень скромной выборке. Нельзя ли получитьболее достоверные данные с помощью инструментов, собирающих данные о поведении людей? Я имею в видувеб-аналитику.
Да, веб-аналитика может предоставить вам точную картину того, что люди делают на вашем сайте («72 % посетителей покинули вашу домашнюю страницу меньше чем через 5 секунд»). Объем выборки действительно очень велик (в общем-то, все ваши пользователи), информация основана на реальном использовании вашего сайта, вы можете составить практически любой статистический запрос – и мгновенно получить ответ. А с пришествием Google Analytics это стало доступно всем и каждому благодаря весьма привлекательной цене (безвозмездно, то есть даром!).
Проблема, однако, заключается в том (и любой специалист по юзабилити вам это скажет), что хотя аналитики могут вам в подробностях рассказать, что люди делают на вашем сайте, они не смогут сказать, почему они всё это делают. Например, если пользователи проводят очень много времени на какой-то конкретной странице, статистика не разъяснит вам, происходит это потому, что они нашли там много полезного и заняты чтением, или потому, что там ничего непонятно и они пытаются разобраться.
Тестирование же юзабилити, напротив, призвано помочь вам понять, почему люди делают то, что они делают.
Если задача заключается в том, чтобы обнаружить и решить проблемы с юзабилити, то, выбирая между великими и ужасными аналитиками, способными точно сказать, что делают мои пользователи (но ничего не знающими о том, что пользователи думают, когда это делают), и возможностью в течение часа пообщаться с одним-единственным человеком, понимая, что он думает и задавая наводящие вопросы, я всегда выберу последнее.
Глава 2
А теперь я распилю мою [прекрасную] ассистентку пополам
На что похоже самостоятельное тестирование
И это всё, друг мой?
ПРИПЕВ ИЗ ПРОПИТАННОЙ ТОСКОЙ ПЕСНИ ПЕГГИ ЛИ «IS THAT ALL THERE IS?»В предыдущей главе я описал примеры тестов, которые я предлагаю участникам мастер-классов. А сейчас вы сами попробуете пройти один из них.
Большинство действий, которые вам предстоит выполнить, вы будете выполнять и при тестировании собственного сайта/приложения/чего угодно. Единственный нюанс: при реальном тестировании этих действий будет больше, и на каждое из них вы будете тратить больше времени (в сумме на все про все вам понадобится около часа).
Зайдите на сайт нашего издательства по адресу www.piter.com, найдите там страницу, посвященную этой книге, и скачайте файл Steve_Krug_UsabilityDemo[11].
1. (Может быть, вы сейчас летите в стареньком самолете, где нет доступа в Интернет по WiFi, и потому не можете скачать этот файл. Не расстраивайтесь. Переходите к следующей главе, но потом не забудьте все же скачать и посмотреть его.)
2. Имейте в виду, что в конце демо-теста я попрошу вас составить небольшой список. В него вам надо будет записать три проблемы с юзабилити, которые вы заметили и которые вам хотелось бы исправить, если бы это был ваш сайт.
И это всё?В общем-то, да! Ловкость рук и никакого мошенничества! Как видите, для проведения тестирования не нужно быть волшебником, не нужно обладать никакими специальными навыками. Одни люди заметят и захотят исправить больше, другие – меньше, но в среднем каждый участник тестирования получит немало полезных сведений.
ЧАВОИзвините, но зачем вы посвятили этому целую главу?
Затем, что этот пример важен, и таким образом я хотел заставить вас обратить на него внимание.
Глава 3
Одно утро в месяц – мы не просим о большем
План, которому запросто можно следовать
Одна банка в неделю – мы не просим о большем!
НЕВЕРОЯТНО УДАЧНЫЙ РЕКЛАМНЫЙ СЛОГАН КОМПАНИИ BLUE DIAMOND GROWERS, ПРИМЕРНО 1990 ГОДКак я уже говорил в главе 1, у людей находится масса уважительных причин для того, чтобы не проводить тестирование юзабилити. Но главная причина, по которой большинство его не проводит, – убежденность в том, что это очень трудоемкая работа (такой вариант я называю Большим Навороченным тестированием).
В ходе моих мастер-классов я выработал, с моей точки зрения, максимально рациональный план, которым может воспользоваться всякий (вне зависимости от того, проводите вы тестирование для себя или для большой организации) и который позволит вам в ходе проекта протестировать то, что вы делаете, несколько раз.
Эта методика легко осуществима и приносит результаты. Она обнаруживает ровно столько проблем, сколько вы можете решить. Кроме того, она работает по принципу: самые существенные проблемы решаются первыми.
Сформулируем мой генеральный план так:
Одно утро в месяц – мы не просим о большем
В общем, от вас потребуется раз в месяц проводить раунд тестирования с тремя пользователями.
В день тестирования вы с утра что вам нужно исправить, проводите три теста, а за обедом обсуждаете их результаты. Ко второй половине дня тестирование юзабилити на данный месяц объявляется завершенным и вы знаете, прежде чем приступить к следующему его уровню[12].
Тут есть два ключевых слова, на которых следует сосредоточить внимание.
• Утро. Сокращение времени тестирования до половины дня (а это значит привлечение не более трех участников) облегчает процесс подбора пользователей и позволяет большему числу заинтересованных лиц прийти и понаблюдать за тестированием.
• Месяц. Раз в месяц – оптимальный интервал. С одной стороны, проводить тестирование чаще мало кто готов, с другой же – одно тестирование выявляет достаточно проблем, чтобы вам было чем заняться в течение следующего месяца.
Если вы объявите, что каждый третий четверг месяца вы намереваетесь проводить тестирование, вы таким образом донесете до ваших сотрудников мысль о том, что вы рассчитываете на их присутствие на тестировании, а до разработчиков – что к этому времени у них что-то должно быть готово.
Сделав тестирование регулярным этапом работы, вы избавитесь от необходимости решать, когда проводить тестирование; вы просто будете тестировать то, что окажется готово ко дню тестирования. (Если приходится думать, когда проводить тестирование, то все обычно кончается тем, что оно не проводится никогда.)
Самостоятельное тестирование против Большого Навороченного тестированияГоворя «одно утро в месяц», я имею в виду не только расписание; это, кроме того, еще и формула, указывающая на то, что этот тест должен быть предельно простым, чтобы вы могли проводить его часто.
«Самостоятельному тестированию» доступно не все, что доступно Большому Навороченному тестированию, но оно достигает результатов, которые вам нужны, за ту цену, которую вы можете себе позволить. Перед вами сводная таблица различий, существующих между двумя этими типами тестирования (все элементы этой таблицы будут подробно прокомментированы в следующих главах):
ЧАВО
А что, действительно достаточно заниматься этим один разв месяц?
Ну, не совсем. Речь идет о том, что тестирование и обсуждение его результатов можно провести за одно утро. И для большинства членов команды на этом тестирование до следующего месяца закончится.
Но как человек, организующий этот процесс, вы перед каждым раундом тестирования должны будете проделать кое-какую подготовительную работу: решить, что именно тестировать, выбрать задания, написать сценарии, набрать участников и пригласить всех заинтересованных лиц.
На первый раз отведите на подготовку по крайней мере 2–3 рабочих дня. Однако при подготовке следующих раундов вы сможете сократить время до двух дней, а то и до одного.
А можно я буду заниматься тестированием чаще, чем разв месяц?
Разумеется. Одно утро в месяц – это минимум. Что бы вы ни делали, результат от более частого тестирования только улучшится.
Важно тут другое – делать это не реже раза в месяц. Как только вы перестанете проводить тестирование каждый третий четверг месяца, вам снова придется принимать решение, когда же его проводить, со всеми неизбежными последствиями.
Наш проект строится на принципах гибкогопрограммирования. А вы говорите – один раз в месяц! Я смеюсь!
Ах да, гибкое программирование[13]. Короткий цикл разработки в гибкой среде – если вы будете ждать целый месяц, вы вне игры. Ну что ж, в таком случае скажем так: «Спринт каждое утро, мы не просим о большем».
Во многих отношениях самостоятельное тестирование прекрасно совместимо с Гибким программированием, основанным на очень быстром производстве работающих элементов и предоставлении их пользователям. Единственная проблема заключается в том, что этими «пользователями» оказываются члены той же команды разработчиков. (Эту проблему и нужно решить.)
Поскольку вы намереваетесь проводить тестирование чаще, чем раз в месяц, то можно сделать каждый раунд еще более компактным (например, два участника вместо трех) и некоторые раунды проводить удаленно (глава 14), что сэкономит вам массу времени. Но в остальном процедура тестирования ничем не будет отличаться.
Главная сложность с тестированием юзабилити в гибкой среде заключается в том, что нужно постоянно бежать впереди паровоза и укладывать для него рельсы. У стремительно работающих программистов нет времени на то, чтобы разрабатывать прототип. Предполагается, что все, что они пишут, – это работающий код.
Это значит, что вам придется тратить часть своего времени на разработку прототипов того, что программисты будут делать в ходе следующего спринта. Значит, на каждом раунде вы сможете тестировать то, что разработано в ходе предыдущего спринта. Плюс бумажный проект того, что им нужно будет делать в ходе следующего.
Обязательно заниматься этим именно по утрам?
По утрам или нет – на результат не влияет. Легко представить себе ситуацию, когда участникам тестирования неудобно заниматься этим в рабочее время, и потому вы вынуждены проводить его в 6, в 7, а то и в 8 вечера (обед в таком случае можно посвятить привлечению наблюдателей, а совещание провести на следующий день, за завтраком или опять-таки за обедом).
Важно уложиться с тестированием в половину рабочего дня (это необходимо для того, чтобы на него могло прийти как можно больше наблюдателей) и обсудить результаты как можно скорее, пока впечатления еще свежи и все помнят детали.
Мне говорят: «Всякий раз ты тестируешь свой продукт на трехпользователях. Прости, но это недостаточный размер выборки. Твои результаты нельзя считать статистически достоверными!» Что ответить на это?
А вот что: «Вы абсолютно правы. Тестирование на трех пользователях не может дать статистически достоверных результатов. Выборка настолько мала, что тут и речи не может быть о статистике. Но цель такого тестирования заключается не в том, чтобы что-то доказать: задача в том, чтобы выявить наиболее существенные проблемы и, решив их, улучшить нашу продукцию. Эта методика работает, потому что большинство проблем настолько очевидны, что их существование не требует "доказательств"».
Постарайтесь произнести это уверенно и дружелюбно.
Что почем? Каков бюджет мероприятия?
Вот расчет затрат на год (за исключением вашего времени), необходимых для проведения самостоятельного тестирования:
А вот «бюджетный» вариант на случай, если вам не выделено вообще никакого бюджета:
Глава 4
Когда и что тестировать
Почему самое трудное приходится делать сначала
Давайте, на следующей неделе мы принесем вам набросок на салфетке побольше.
ТО, ЧТО ВСЕГДА ГОВОРЯТ МОИ КЛИЕНТЫ, КОГДА Я ПРОШУ ИХ ПОКАЗАТЬ ПРОЕКТ ДИЗАЙНА, ХОТЬ НА САЛФЕТКЕОчень простая мысль: если вы хотите посмотреть, как люди пытаются использовать создаваемый вами продукт, вам необходимо этот продукт им предоставить, хоть в каком-нибудь виде. Это означает, что вы должны хорошо понимать, что именно вы будете тестировать в следующий раз.
Многие думают, что тестировать недоделанный продукт невозможно, что для этого нужен хотя бы функционирующий прототип.
Однако профессионалы, занимающиеся юзабилити, советуют начинать тестирование как можно раньше.
Их опыт позволяет им утверждать, что серьезные проблемы с юзабилити можно выявить уже на начальных этапах разработки, даже если вам почти нечего показать пользователю.
Более того, они прекрасно знают, что гораздо проще и дешевле устранить недостатки в начале, еще до того, как ошибочные идеи будут внедрены. Порой серьезные проблемы выявляются настолько поздно, что их уже невозможно исправить. Худшее, но, увы, самое распространенное решение – дождаться, пока сайт будет разработан и готов к запуску, и в этот момент начать тестирование.
К сожалению, приходится признать, что люди склонны сопротивляться идее раннего тестирования. Чаще всего они пытаются оправдаться, используя следующие аргументы.
• «Мы еще слишком мало сделали». Казалось бы, если ничего не работает, то нечего и тестировать. Но что мешает показать людям наброски дизайна, даже если они нарисованы от руки на салфетке?
• «Продукт еще слишком сырой». Дизайнеры очень не любят показывать свои недоделанные работы. Однако пользователи меньше стесняются в выражениях при описании своих впечатлений от продукта, зная, что он впоследствии будет доработан.
• «Зачем заставлять людей тратить время на разглядывание того, что еще сто раз изменится?» Когда вы занимаетесь разработкой, идеи, которые вы держите в голове, всегда лучше тех, которые уже воплощены в виде кода или наброска. Да, пользователи расскажут вам об уже известных вам проблемах, но, поверьте, без сюрпризов не обойдется. По большому счету, именно ради таких сюрпризов все и затевается: на многое вы могли не обратить внимания, потому что слишком хорошо знаете предмет или потому что гораздо меньше смыслите в чаяниях пользователей, чем вам кажется.
Я дам вам в связи с этим вот какой совет:
Начинайте раньше, чем вам кажется нужным
Обычно люди инстинктивно действуют по принципу «лучше еще немного подождать». Это худшее, что можно предпринять. Тут ведь вот какой замкнутый круг: чем хуже получается продукт, тем меньше вам хочется его кому-либо показывать. Между тем, если вы преодолеете это нежелание, то будет лучше для вас самих.
В процессе разработки любого продукта ваша команда будет постоянно выдавать какие-то артефакты: у вас появятся грубые наброски, каркасы, «рыбы», рабочие модели, и так далее. Тестируя все эти штуковины, вы сможете выявить целый ряд проблем. Порой вовсе необязательно для этого иметь перед глазами настоящий сайт.
В следующих разделах этой главы я расскажу, что именно можно тестировать, как это делать и что вам это даст.
Тестирование своего сайтаЕсли у вас уже есть сайт, и вы собираетесь приступить к его редизайну, то самый очевидный ход – начать с тестирования существующего сайта.
КАК ТЕСТИРОВАТЬ
Сверяясь с процессом, описанным в главах 5–9.
ЧТО ВАМ ЭТО ДАСТ
Вы узнаете немало о том, что сделано неправильно, и сможете избежать этих ошибок при редизайне. Можно сразу заняться исправлением самых серьезных из обнаруженных недостатков. Новый сайт создается не за один день, так зачем же мучить пользователей плохим юзабилити того сайта, с которым они работают?
А еще вы узнаете много нового о том, как на самом деле люди работают с вашим сайтом.
Тестирование чужих сайтовПока у вас нет своего сайта, вы можете воспользоваться чужими. Почему бы не протестировать их? Они могут принадлежать конкурентам или просто быть похожими по контенту или функционалу на то, что собираетесь сделать вы. Еще один ход – выбрать для тестирования сайт, предназначенный для той же целевой аудитории, которую вы хотите привлечь на свой интернет-ресурс.
Чужие сайты – это сильно недооцененные объекты для тестирования. Я очень люблю повторять следующую несложную мысль: «Кому-то уже пришлось помучиться, создавая полномасштабный работающий прототип сайта, и при этом решались те же проблемы, которые пытаетесь решить вы. Так почему бы не воспользоваться результатами их труда?»
Большинство разработчиков почему-то не пользуются этой возможностью, хотя на самом деле за счет этого можно сэкономить уйму сил и времени. Допустим, вы делаете сайт о путешествиях. Представьте себе, сколько полезной информации можно выудить, изучая устройство чужих сайтов о путешествиях.
КАК ТЕСТИРОВАТЬ
Сверяясь с процессом, описанным в главах 5–9.
Предложите участникам тестирования задачи, аналогичные тем, которые пользователи должны будут решать при помощи вашего сайта. Можно попросить их выполнить те же задания на нескольких разных сайтах конкурентов.
Однако во время разбора полетов (см. главу 10) вместо выявления самых серьезных проблем (которые вы, очевидно, решать не будете) стоит предложить всем обсудить, что на протестированных сайтах сделано хорошо, что – не очень, и какие уроки из этого можно извлечь.
ЧТО ВАМ ЭТО ДАСТ
Ваша цель при таком виде тестирования – понять, как аналогичные задачи решаются разными разработчиками и что из этого получается.
Нетрудно догадаться, что тестирование чужих сайтов может заинтересовать ваших маркетологов и управленцев: им всегда жутко любопытно, что и как делают конкуренты. Это отличный повод позвать их на тестирование и увлечь этим процессом.
Тестирование чужих сайтов позволяет практически без усилий сделать первые шаги в работе с проблемами юзабилити. В данном случае у окружающих не будет повода сопротивляться вашим действиям и выводам: ведь рассматриваются не их результаты труда.
Тестирование набросков на салфеткеНа начальных стадиях планирования любого проекта всегда создаются грубые наброски, зарисовки того, на что в итоге должен быть похож разрабатываемый продукт. Такие схемы я называю «набросками на салфетке» (это не метафора: носителями для этих эскизов вполне могут быть салфетки и любые другие бумажки). При создании веб-сайта можно нарисовать на салфетке его главную страницу или раздел с информацией о предлагаемой продукции.
Никогда не пренебрегайте тестированием набросков.
КАК ТЕСТИРОВАТЬ
Конечно, эту методику нельзя считать полноценным тестированием. Это что-то вроде экскурсии по главной странице, описанной в моем в демо-тесте (глава 2). Тестирование длится не более пяти минут. К участию в нем можно привлекать друзей, соседей – в общем, кого угодно. Имеет смысл предложить изучить черновик дизайна потенциальным посетителям вашего сайта, с этой же просьбой можно обратиться и к посетителям соответствующих отраслевых выставок.
Для проведения тестирования достаточно произвести следующие несложные манипуляции.
1. Подойти к понравившемуся вам человеку.
2. Сказать: «Будьте так любезны, окажите небольшую услугу – взгляните вот на это!»
3. Вручить набросок (он может быть выполнен в виде аккуратной схемы, а может представлять собой небрежный рисунок на салфетке).
4. Спросить: «С чем этот рисунок у вас ассоциируется? Что можно сделать на основе этого наброска?»
Обратите внимание: вы не должны интересоваться, понравился ли набросок собеседнику. Единственное, что вам нужно, – понять, с чем ассоциируется у зрителя ваша схема.
5. Слушайте внимательно. Вы, должно быть, услышите следующее: «Что ж, это похоже на главную страницу сайта. Сдается мне, с его помощью вы пытаетесь распространять нечто. А вот эти штучки – изображения лучшей продукции из вашего ассортимента. А вот здесь написано «Магазин». Наверное, можно сделать заказ прямо на сайте. Правда непонятно, что скрывается за названием раздела «Бонусы».
Если хотите, можете задать несколько уточняющих вопросов, например: «Как вам кажется, что может находиться в разделе "Бонусы"?»
Если описание посторонними людьми вашего наброска совпало с вашей задумкой, возьмите салфетку побольше и продолжайте делать наброски. Обычно, впрочем, кое-какие детали схемы кажутся им бессмысленными, а что-нибудь обязательно понимают как-нибудь не так. Надо сделать выводы. Как видите, можно устранить ряд проблем с юзабилити, не написав ни одной строчки кода будущего сайта.
ЧТО ВАМ ЭТО ДАСТ
Вы поймете, насколько прозрачна и понятна ваша концепция, насколько реально с ходу уловить ее. Ответы, которые вы получите в ходе тестирования, позволят вам с самого начала осознать либо правильность выбранного пути, либо существенные его проблемы.
Вот пример из личного опыта. Много лет я хотел назвать эту книжку «Полевой справочник Стива Круга для пользователей». Ее оформление должно было напоминать справочник для тех, кто любит наблюдать за птицами: Тот же размер и пропорции, тот же внешний вид и стиль изложения.
Мне казалось это прекрасной идеей. Даже не так. Это казалось мне просто потрясающей идеей. Мне самому она дико нравилась. Когда я думал о ней, у меня улучшалось настроение. Черновой вариант обложки висел на стене у меня над столом и вдохновлял меня[14].
Потом я совершил глупость: последовал своему собственному совету и решил протестировать этот вариант названия и оформления. Все, кого я опросил, были единодушны.