Дисклеймер: данные заметки могут не отражать полную суть книг(-и), предлагаю использовать их как референс после прочтения книг(-и)

Книги:

1. Не заставляйте меня думать (Don't Make Me Think) - Стив Круг, 2014

---

Не заставляйте меня думать (Don't Make Me Think)

Оглавление:

0. Введение
1. Глава 1. Не заставляйте меня думать. Первый закон Круга о юзабилити
2. Глава 2. Как мы на самом деле используем веб
3. Глава 3. Дизайн разрабатывается для просмотра, а не для чтения
4. Глава 4. Почему пользователям нравится выбор без размышлений
5. Глава 5. Избавьтесь от лишних слов. Искусство веб-лаконичности
6. Глава 6. Дорожные указатели и хлебные крошки. Разработка навигации
7. Глава 7. Теория большого взрыва для веб-дизайна. Важность того, чтобы люди начинали идти с верной ноги
8. Глава 8. Юзабилити-тестирование за пять рублей в день. Сделайте проверку простой - этого будет достаточно

Введение

Атрибуты, определяющие юзабилити:

1. Полезность: делает ли нечто то, что людям требуется сделать?
2. Изучаемость: могут ли люди выяснить, как его использовать?
3. Запоминаемость: надо ли каждый раз изучать все заново при повторном использовании?
4. Эффективность: позволяет ли оно выполнить работу?
5. Продуктивность: выполняется ли работа с разумными затратами времени и усилий?
6. Востребованность: нужно ли это людям?
7. Привлекательность: приносит ли его использование радость?

Люди часто спрашивают меня: "Что мне следует сделать в самую первую очередь, если я хочу, чтобы моим сайтом или приложением было легко пользваться?"

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

Это - не заставляйте меня думать! Оно означает, например, что увиденная мною веб-страница с точки зрения человеческих возможностей должна быть самоочевидной. Ясной. Не требующей объяснений

Глава 1. Не заставляйте меня думать. Первый закон Круга о юзабилити

То, что заставляет нас думать

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

2. Ссылки Пользователю при одном взгляде на ссылку должно быть понятно может ли он на неё кликнуть

Нельзя сделать самоочевидным всё.

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

Хотя иногда стоит ограничиться говорящим за себя вариантом. Оформление страницы (размеры, цвет и макет), хорошо подобранные названия и небольшое количество искусно составленного текста - все это вместе должно создавать впечатление непринужденного понимания.

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

Глава 2. Как мы на самом деле используем веб

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

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

Для разработки эффективных веб-страниц придется смириться с тремя истинами о реальном использовании интернета:

1. Мы не читаем страницы. Мы просматриваем их

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

2. Мы не делаем оптимальный выбор

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

3. Мы не выясняем, как что-либо устроено. Мы делаем всё как придется

Глава 3. Основы дизайна рекламных щитов

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

1. Используйте условности с выгодой для себя
2. Создайте эффективную визуальную иерархию
3. Разбейте страницу на четко разграниченные области
4. Сделайте заметным то, по чему можно кликнуть
5. Избавьтесь от того, что отвлекает ваше внимание
6. Оптимизируйте содержимое сайта так, чтобы его было удобно просматривать
   

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

Как пользователи, мы привыкли к следующему:

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

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

Создайте эффективную визуальную иерархию Ещё один важный способ обеспечить легкое восприятие страниц в условиях спешки - создать четкую визуальную иерархию

Страницы с ясной визуальной иерархией обладают тремя характерными чертами:

1. Чем важнее какой-либо элемент, тем он заметнее. Самые важные элементы будут либо больше, либо выделены жирным шрифтом или другим цветом, отделены большим пустым пространством, расположены в верхней части страницы - или используют комбинацию некоторых перечисленных приемов
2. Элементы, которые логически связаны, связываются и визуально. Так, например, можно показать связь элементов, сгруппировав их под заголовком, оформив их при помощи одного стиля или поместив их в четко определенную область
3. Вложенные элементы показывают, что является частью чего. Например, название раздела сайта будет размещаться над названиями отдельных книг, показывая, что эти книги являются частью данного раздела. А название каждой книги будет охватывать те элементы, которые составляют описание данной книги

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

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

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

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

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

Фактически существует три вида шума:

1. Крикливый. Когда каждый элемент страницы требует вашего внимания, эффект может оказаться подавляющим: множество приглашений к покупке, различных шрифтов и ярких цветов, автоматическое слайд-шоу, всплывающие окна и нескончаемая вереница новых рекламных модулей, отвлекающих внимание. Истина в том, что важным не может быть всё.
2. Неупорядоченность. Некоторые страницы выглядят подобно комнате после обыска: вещи разбросаны повсюду. Это является верным признаком, что дизайнер не понимает важность применения сетки для выравнивания элементов страницы.
3. Хаос. Всем нам встречались страницы - в особенности главные страницы, - на которых чересчур много материалов. Когда вы приступаете к редактированию своих веб-страниц, пожалуй, стоит начать с мысли о том, что всё является визуальным шумом, пока не доказано обратного. В условиях ограниченного времени и внимания следует избавиться от всего, что не является частью решения

Оптимизируйте содержимое сайта так, чтобы его было удобно просматривать

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

Форматирование текста может значительно облегчить для них эту задачу

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

1. Используйте много заголовков. Хорошо составленные, продуманные заголовки, расставленные по тексту, играют роль неформального конспекта или содержания страницы. Они сообщают вам, о чём говорится в каждом разделе текста. Они помогают вам принять решение, какие части текста прочитать, какие - просмотреть, а какие - пропустить. Если вы применяете более одного уровня заголовков, убедитесь в том, что между ними есть очевидные, не допускающие ошибок различия. Этого можно добиться, если делать заголовок более высокого уровня крупнее или есть оставлять перед ним больше пространства. Но ещё важнее - не позволяйте заголовкам висеть в воздухе. Добейтесь того, чтобы они были ближе к тому разделу, который начинают, а не к тому, за которым следуют. Это очень существенное различие
2. Делайте абзацы короткими. Длинные абзацы отпугивают, в них сложнее отследить текущее место чтения, и они сложнее для просмотра, чем ряд коротких абзацев. Если вы внимательно прочитаете какой-либо длинный абзац, то почти наверняка обнаружите, что есть разумное место для его разбивки на два абзаца. Сделайте это привычкой
3. Используйте маркированные списки. Думайте об этом так: почти всё, что может стать маркированным списком, вероятно и должно быть им быть. Поищите хотя бы такие абзацы, которые содержат перечисления элементов, разделенные запятыми или точками с запятой, - и вот перед вами возможные кандидаты. Для оптимальной читабельности следует добавить небольшой отступ перед каждым пунктом списка или после него.
4. Выделяйте ключевые понятия. Просмотр страницы заключается прежде всего в поиске ключевых слов и фраз. Если выделить жирным шрифтом самые важные понятия, когда они впервые встречаются в тексте, их будет легче найти. Не выделяйте, однако слишком много, иначе этот прием утратит свою эффективность

Глава 4. Животное, растение или минерал? Почему пользователям нравится выбор без размышлений

Веб-дизайнеры и профессионалы в области юзабилити потратили уже много лет на обсуждение того, сколько кликов готовы сделать пользователи, чтобы достичь желаемого. На первый взгляд, "кол-во кликов, чтобы попасть куда-либо" кажется удобным показателем.

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

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

Такие указания работают лучше всего, если они:

1. Краткие. Они должны содержать ровно столько информации, сколько потребуется для выхода из данной ситуации, но не больше
2. Уместные. Размещены так, чтобы пользователь встречал их именно тогда, когда нужно
3. Неизбежные. Отформатированы так, что их невозможно не заметить

В качестве примеров можно привести подсказки, расположенные рядом с полями формы, ссылки "Что это?" и всплывающие подсказки

Глава 5. Избавьтесь от лишних слов. Искусство веб-лаконичности

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

Вероятно, мой третий закон звучит довольно резко, но он таков намеренно. Удаление половины слов является вполне реальной целью; я считаю, что несложно изъять половину всех слов на большинстве веб-страниц, не потеряв ни капли их ценности.

Удаление всех слов, которые никто не собирается читать, обладает рядом преимуществ:

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

Инструкции должны умереть

Ещё одним источником лишних слов являются инструкции.

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

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

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

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

Глава 6. Дорожные указатели и хлебные крошки. Разработка навигации

Люди не станут пользоваться вашим веб-сайтом, если не смогут сориентироваться в нем.

Две цели навигации довольно очевидны:

1. Помочь нам отыскать то, что мы ищем
2. А также сообщить нам, где мы находимся

Но у навигации есть и другие не менее важные функции, которые легко упустить из виду:

1. Она сообщает нам о том, что находится здесь. Делая иерархию видимой, навигация говорит о том, что содержит сайт. Навигация помогает найти контент
2. Она говорит нам о том, как использовать сайт. Если навигация справляется со своей задачей, она незаметно подсказывает нам, с чего начать и какие варианты доступны. Если она организована должным образом, то заменит вам все необходимые инструкции
3. Она внушает нам доверие к тем, кто её разработал. На каждом веб-сайте мы постоянно задаём себе вопрос: "А эти ребята разбираются в том, что делают?". Это один из главных факторов, который мы учитываем, решая, не пора ли отсюда свалить насовсем. Нет сомнений, тщательно продуманная навигация - одна из главнейших возможностей для сайта произвести хорошее впечатление на посетителей

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

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

Почему так происходит?

Думаю, отчасти это вызвано тем, что многоуровневую навигацию не так уж просто разработать - с учетом ограниченного пространства на странице и количества элементов, которые нужно втиснуть в него

Отчасти - потому что дизайнерам обычно не хватает времени, чтобы продумать первые два уровня

И ещё потому, что это не кажется таким важным.

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

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

Названия страниц Названия страниц - это уличные указатели интернета.

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

Вам необходимо знать четыре принципа, относящихся к названиям страниц:

1. Каждой странице требуется название. Подобно тому как на каждом перекрестке установлен уличный указатель, каждая страница должна иметь название
2. Название должно быть расположено в правильном месте. В визуальной иерархии страницы её название должно обрамлять контент, уникальный для данной страницы.
3. Название должно быть заметным. Вам необходимо такое сочетание местоположения, размера, цвета и шрифта, чтобы название говорило: "Это заголовок для всей страницы". В большинстве случаев этот текст будет самым крупным на странице
4. Название должно соответствовать тому, по чему я щелкнул мышью. Хотя никто и никогда об этом не упоминает, но каждый сайт заключает неявный общественный договор со своими посетителями: "Название страницы будет совпадать с теми словами, по которым я щелкнул мышью, чтобы попасть сюда"

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

Это достигается при помощи выделения моего текущего положения в навигации, в списках или в меню, которые видны на странице.

Самая распространенная ошибка индикаторов "Вы здесь" заключается в том, что они едва различимы. Они должны выделяться; иначе они утрачивают свою ценность как визуальные подсказки и лишь привносят дополнительный шум на страницу.

Хлебные крошки Подобно индикаторам "Вы здесь", хлебные крошки показывают, где вы находитесь

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

Вот несколько рекомендаций по успешной реализации хлебных крошек:

1. Поместите их наверху. По-видимому, они работают лучше всего, если размещаются в верхней части страницы
2. Используйте символ > между названиями уровней. Метод проб и ошибок, похоже, подтвердил, что лучшим разделителем между названиями уровней является символ "больше, чем" (>); вероятно, потому что он визуально намекает на последовательность движения по уровням
3. Выделите последний элемент жирным шрифтом. Последний элемент в списке должен содержать название текущей страницы, а с помощью выделения жирным шрифтом можно обеспечить ему отчетливость, которой он заслуживает. А поскольку это страница, на которой вы находитесь, то, естественно, последний элемент не является ссылкой

Глава 7. Теория большого взрыва для веб-дизайна. Важность того, чтобы люди начинали идти с верной ноги

Главная страница достаточно сложного сайта не может вместить всё.

При разработке главной страницы неизбежно приходится идти на компромиссы.

А когда компромиссы достигнуты, но под давлением необходимо втиснуть ещё что-нибудь, некоторые элементы неминуемо будут утрачены при перестановках.

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

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

Главная страница должна отвечать на четыре вопроса, которые появляются у меня, когда я впервые оказываюсь на незнакомом сайте:

1. Что это за сайт?
2. Какие материалы здесь есть?
3. Что я могу здесь сделать?
4. Почему я должен остаться здесь, а не где-либо еще?

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

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

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

Но есть три важные области страницы, где мы ожидаем увидеть явную информацию, о чём этот сайт:

1. Подзаголовок. Одним из самых значимых участков страницы является область рядом с логотипом сайта. Если мы видим фразу, которая зрительно соединена с логотипом, мы знаем, что это подзаголовок, и поэтому читаем его как описание всего сайта.
2. Приветствие-аннотация. Это сжатое описание сайта, которое отображается в заметном блоке на главной странице, обычно вверху слева или по центру области содержимого, и поэтому бросается в глаза в первую очередь
3. Ссылки "узнать больше". Инновационным продуктам и бизнес-моделям обычно требуется некоторое объяснение, и зачастую оно превышает пределы терпения большинства людей. Однако люди привыкли смотреть короткие видеосюжеты на своих компьютерах и мобильных устройствах. В результате теперь пользователи ожидают увидеть на многих сайтах небольшое поясняющее видео и часто с охотой смотрят его

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

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

Вот пара советов о том, как донести суть:

1. Не используйте объяснение миссии в качестве приветствия-аннотации. Многие сайты помещают на главной странице объяснение миссии, которое выглядит так, словно написано финалисткой конкурса "Мисс Америка". "Компания XYZ предлагает решения мирового уровня в стремительно растущей сфере тра-ля-ля...". Никто не читает такие тексты
2. Это один из самых важных элементов, который необходимо протестировать. Вы не должны доверять собственному суждению на этот счет. Необходимо показать главную страницу людям не из вашей организации, чтобы выяснить, справляется ли дизайн со своей задачей. Ведь "основная идея" - это такая штука, отсутствие которой не заметит никто из числа сотрудников

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

Например: "Тысячи автомобилей по невообразимо низким ценам"

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

При выборе подзаголовка отслеживайте такие его свойства:

• Хорошие подзаголовки являются ясными и информативными, четко объясняя, чему посвящен ваш сайт или чем занимается организация
• Хорошие подзаголовки обладают достаточной, но не чрезмерной длиной. Шести-восьми слов, пожалуй, достаточно, чтобы полностью изложить мысль. Такую фразу легко воспринимать
• Хорошие подзаголовки передают различия и явные преимущества. Якоб Нильсен высказал мнение о том, что действительно хороший подзаголовок - это такой, которым не смог бы воспользоваться никто в мире, кроме вас.
• Плохие подзаголовки выглядят как типовые.

Глава 8. Юзабилити-тестирование за пять рублей в день. Сделайте проверку простой - этого будет достаточно

Несколько истин о юзабилити-тестировании:

1. Если вам нужен превосходный сайт, вы должны провести тестирование. После того как вы поработаете над сайтом даже пару недель, вы перестаете видеть его свежим взглядом. Вы знаете слишком много. Единственный способ выяснить, работает ли он как надо, - это посмотреть на попытки других людей воспользоваться им. Тестирование напоминает, что не все думают так же, как вы, знают то же, что и вы, или пользуются интернетом подобно вам.
2. Тестирование с одним пользователем на 100% лучше, чем отсутствие проверки. Тестирование срабатывает всегда, и даже самый ужасный тет с неподходящим пользователем подскажет вам важные действия, которые можно предпринять для улучшения сайта.
3. Тестирование с одним пользователем на ранней стадии проекта лучше чем тестирование с пятьюдесятью вблизи завершения. Большинство людей считает, что тестирование обязано быть серьезной затеей. Но если вы превращаете его в большое дело, то не сможете провести его достаточно рано, чтобы извлечь максимум пользы. Простой тест на ранней стадии - пока у вас есть время воспользоваться его результатом - почти всегда намного ценней, чем замысловатый тест, проведенный позже

(таблица стр. 154)

Как часто следует проводить тест?

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

Почему одно утро в месяц?

1. Это очень легко, и поэтому вы сможете придерживаться такого графика.
2. Вы будете обеспечены необходимой информацией. Наблюдая за тремя участниками, вы сможете выявить такое кол-во проблем, которого будет достаточно, чтобы обеспечить вас работой по их устранению в течение месяца.
3. Вы будете избавлены от принятия решения о том, когда проводить тест. Вам следует выбрать определенный день месяца и сделать его специальным днём тестирования. Это намного лучше, чем привязывать расписание проверок к контрольным точкам проектов и к выходам версий.
4. Это повышает вероятность того, что люди будут посещать проверки. Если всё происходит за одно утро по предсказуемому расписанию, то это существенно увеличит шансы, что члены команды смогут найти время, чтобы прийти хотя бы на некоторые сеансы, что крайне желательно

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

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

Иными словами, старайтесь отыскать пользователей, которые отражают вашу аудиторию, но не зацикливайтесь на этом.

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

Где тестировать? Чтобы провести тестирование, вам необходим тихий уголок, где вас не будут отвлекать.

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

Следует также записать происходящее на экране.

Кто должен проводить тестирование? Проводить тестирование может практически любой. Желательно, чтобы у этого человека был терпеливый, спокойный и отзывчивый склад характера

Кто должен наблюдать? Как можно больше людей!

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

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

Когда тестировать? Любой специалист по юзабилити скажет вам, что важно начать проверки как можно раньше и продолжать проводить их в течение всего процесса разработки.

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

Как выбирать задания для проверки? Для каждого раунда тестирования вы должны подготовить задания: это действия, которые ваши участники будут пытаться выполнить

Например, если вы тестируете прототип входа в учетную запись, задачи могут быть такими:

1. Создать учетную запись
2. Войти с помощью существующих имени пользователя и пароля
3. Восстановить забытый пароль
4. Восстановить забытое имя пользователя
5. Изменить ответ на секретный вопрос

Что происходит во время тестирования?

1. Приветствие (4 минуты): начните с объяснения того, как устроен тест, чтобы участники знали, чего ожидать
2. Вопросы (2 минуты): затем задайте несколько вопросов о самом участнике. Это позволит ему почувствовать себя непринужденнее, а вас снабдит информацией о том, насколько сведущ участник в использовании компьютера и интернета
3. Обзор главной страницы (3 минуты): после этого откройте главную страницу тестируемого сайта и попросите участника посмотреть на нее и скачать, о чем она. Так вы получите представление о том, насколько легко разобраться в главной странице, а также о том, насколько знаком участник с вашей деятельностью
4. Задания (35 минут): это самая суть проверки: наблюдение за тем, как участник пытается выполнить ряд задач. Опять-таки ваша работа - обеспечить концентрацию участника на заданиях и просит его размышлять вслух. Во время этой части тестирования очень важно позволить участнику работать самостоятельно и не делать или не говорить ничего, что могло бы оказать влияние. Не задавайте наводящих вопросов, а также не предлагайте подсказки или помощь, если только участник не безнадежно застрял или в полном недоумении.
5. Уточняющие вопросы (5 минут): по выполнении задания можете спросить участника о чем-либо, что происходило во время тестирования, а также передавать вопросы тех людей, которые находятся в наблюдательной комнате
6. Завершение (5 минут): наконец, вы благодарите участника за помощь, оплачиваете его работу и провожаете до выхода

Разбор полетов: решаем, что будем исправлять

1. Составьте общий список. Обойдите комнату, дав каждому наблюдателю шанс назвать три самые серьезные проблемы.
2. Оцените их. Пронумеруйте по важности, если проблемы 3, то от 1 до 3, где 1 - худшая из них
3. Создайте упорядоченный список. Начиная сверху, выпишите приблизительную идею о том, как исправить каждую проблему в течение следующего месяца, кто будет этим заниматься и какие ресурсы для этого потребуются. Когда вы почувствуете, что распределили для устранения проблею юзабилити все доступное время и ресурсы на следующий месяц, ОСТАНОВИТЕСЬ. Вы достигли того, к чему стремились.

Во всех остальных главах книги была описана либо устаревшая, либо не такая важная информация

---