авторефераты диссертаций БЕСПЛАТНАЯ БИБЛИОТЕКА РОССИИ

КОНФЕРЕНЦИИ, КНИГИ, ПОСОБИЯ, НАУЧНЫЕ ИЗДАНИЯ

<< ГЛАВНАЯ
АГРОИНЖЕНЕРИЯ
АСТРОНОМИЯ
БЕЗОПАСНОСТЬ
БИОЛОГИЯ
ЗЕМЛЯ
ИНФОРМАТИКА
ИСКУССТВОВЕДЕНИЕ
ИСТОРИЯ
КУЛЬТУРОЛОГИЯ
МАШИНОСТРОЕНИЕ
МЕДИЦИНА
МЕТАЛЛУРГИЯ
МЕХАНИКА
ПЕДАГОГИКА
ПОЛИТИКА
ПРИБОРОСТРОЕНИЕ
ПРОДОВОЛЬСТВИЕ
ПСИХОЛОГИЯ
РАДИОТЕХНИКА
СЕЛЬСКОЕ ХОЗЯЙСТВО
СОЦИОЛОГИЯ
СТРОИТЕЛЬСТВО
ТЕХНИЧЕСКИЕ НАУКИ
ТРАНСПОРТ
ФАРМАЦЕВТИКА
ФИЗИКА
ФИЗИОЛОГИЯ
ФИЛОЛОГИЯ
ФИЛОСОФИЯ
ХИМИЯ
ЭКОНОМИКА
ЭЛЕКТРОТЕХНИКА
ЭНЕРГЕТИКА
ЮРИСПРУДЕНЦИЯ
ЯЗЫКОЗНАНИЕ
РАЗНОЕ
КОНТАКТЫ


Pages:     | 1 |   ...   | 5 | 6 || 8 |

«Келли Гото и Эмили Котлер Веб-редизайн: книга Келли Гото и Эмили Котлер Перевод Г. Нифонтовой Главный редактор ...»

-- [ Страница 7 ] --

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

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

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

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

сайта:

каждые два года или около того необходи мо снова проходить через это и перепроек 1. Что плохо?

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

дящего сайта - у каждого есть своя тео рия. Но без эмпирического понимания ощущений реальных пользователей лю- Доктор Якоб Нильсен (wwwMseit.com) бой анализ основан на мифе. Какой-то ас- был назван «ведущим мировым экспер пект веб-сайта, который вы считаете про- том по веб-юзабилити» (U.S. News & блематичным, может оказаться в дейст- World Report), «самым толковым чело вительности не такой уж большой бедой, веком в Сети» (ZDNet), а «о том, что и вы сосредоточили бы ваши ресурсы не делает веб-сайты работающими, он в том направлении. Очень важно иметь знает больше, чем кто-либо еще на пла реальное представление о недостатках нете» (Chicago Tribune). Его последняя сайта перед тем, как начать его редизайн. книга «Веб-дизайн: книга Якоба Нильсе на» ( «Designing Web Usability: The Prac 2. Что хорошо? tice of Simplicity» ) была напечатана на 13 языках общим тиражом около чет Допустим, старый сайт плох, но ведь воз верти миллиона экземпляров, а его ко можно, что не все там плохо. Вероятно, лонка о веб-юзабилити Alertbox, публи есть и хорошие стороны, которые следует куемая в Интернете с 1995 г. (www.use сохранить. Было бы неразумно потерять it.com I alertbox), сейчас насчитывает эти преимущества в процессе редизайна.

около 200 тысяч читателей. Доктор Посмотрите, что работает на уходящем Нильсен является обладателем 53 па сайте. Старый сайт, определенно, пытал тентов США на разработки, ориенти ся достичь таких же целей, которые сто рованные главным образом на повыше ят и перед редизайном. Рекомендуемая ние удобства использования Интер методика юзабилити-тестирования всег нета.

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

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

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

Проведение юзабилити-тестов:

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

Этап 1: План и подготовка Этап 2: Подбор участников Этап 3: Проведение сеанса Этап 4: Анализ данных и составление рекомендаций Такое разбиение процесса подходит для любого из трех уровней формальности:

упрощенного, неформального подхода;

полуформального с более расширенным Тестирование «один на один»

• Продолжительность тестирования - один-два • Ведущий наблюдает (не вмешиваясь) и делает дня с четырьмя-шестью участниками каждый заметки. Со всеми участниками может работать день, но только с каждым участником проводит- один ведущий, но только с каждым участником | ся отдельное тестирование. отдельно.

• Продолжительность одного сеанса - приблизи- • Сеансы можно записывать на видеокамеру, тельно один час. • За сеансами может наблюдать вся команда раз- | • Выполняемые задачи определяются заранее. работчиков. При формальном тестировании часто • Задачи проверяют конкретные области сайта или используют одностороннее (прозрачное с одной маршруты пользователей, а не целый сайт. стороны) зеркало, чтобы не смущать участников.

• Задачи, подлежащие тестированию, предваритель- • Результаты показывают, что работает и что не * но проверяются кем-либо из команды разработ- работает.

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

Юзабилити-тестирование 292 Глава планом;

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

Этап 1: План и подготовка Тесты не должны быть сложными, но они должны иметь конкретные цели. Глав ное здесь сохранять направленность. Время на тестирование ограничено: на каж дый сеанс отводится приблизительно час. Обязательно нужен план.

Планы тестов План должен быть обзором и руководством к вашей версии процесса тестирова ния. Он должен содержать, по меньшей мере, следующее (рис. 8.1):

• Общие цели/задачи • Методика (процедура тестирования, оборудование, помещение и так далее) • Профиль целевой аудитории (кого будут тестировать) • Схема тестирования (ввод в курс дела, контрольный список задач, тестовые вопросы) • Конкретный список задач • Итоговая оценка (анализ данных) • Структура отчета (как планируется представить результаты и рекомендации) План тестирования позволяет согласовать ожидания и цели. Постарайтесь сосре доточиться на конкретных задачах;

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

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

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

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

Юзабилити-тестирование Рис. 8.1. Образец плана тестирования. Планы тестирования должны отвечать ос новным требованиям, включая общие цели тестирования, профиль аудитории, мето дику и схему тестирования. Имейте в виду, что этот план - лишь образец;

профиль вашего пользователя, вероятно, отличается от приведенного здесь NDA (non-disclosure agreement) - соглашение о конфиденциальности. - Примеч. пер.

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

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

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

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

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

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

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

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

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

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

• Представьтесь и объясните свою роль как ведущего.

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

должны только наблюдать и делать заметки.

Юзабилити-тестирование • Дайте обзор целей тестирования.

• Заверьте участников, что они не тестируются никоим образом. Тестируется сайт.

• Призовите участников говорить вслух во время испытания.

• Получите подпись участника на соглашении о конфиденциальности (NDA) (ес ли требуется) и выясните, нет ли у него вопросов.

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

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

Рис. 8.2. Образец сценария тестирования. Это пример того, что можно сказать перед тестированием. Пример взят из сценария тестирования, разработанного Джеффри Рубином (Jeffrey Rubin) и изложенного в книге «Handbook of Usability Testing» (Спра вочник no юзабилити-тестированию). Помните: не читайте сценарий по бумаге сло во в слово 296 Глава Ваши коллеги могли бы подойти, но, хотя они Тестируйте чаще! вполне соответствуют требованиям для многих не формальных испытаний, рекомендуется вербовать Многократное мелкомасштабное тестирование на разных этапах участников вне собственного офиса. Тестирование процесса разработки, возможно, с посторонними людьми, не связанными с вашей более выгодно, чем единствен- компанией или сайтом, даст лучшие результаты, ное тестирование. Разработайте а формирование команды пользователей для прив методы быстрых, повторяемых лечения их и в фокус-группы и для юзабилити-тес проверок, чтобы по ходу работ тирования ценно для любой веб-разработки — с учитывать мнения о конкретных внутренней или с внешней командой.

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

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

альных кандидатов может отнять много времени.

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

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

А объявление в колледже сработает? Опубликуйте объявление в местных списках вакансий (рис. 8. и 8.4). Результаты не заставят себя ждать.

Юзабилити-тестирование Отбор участников Одно из различий между процедурами неформального и формального тестиро вания — профессиональный отбор участников. Ставка компаний-подрядчиков и стоимость оборудования для профессионального тестирования - до 1000 дол ларов за участника (обычно планируют группу от 8 до 12 участников). Это включает поиск, отбор и комплектование группы участников юзабилити-тес тирования. Ценность этого сервиса заключается в возможности подобрать це левую группу, наиболее подходящую в отношении конкретной демографии, оп ределенной экспертом по юзабилити. Кроме того, это позволяет проводить от бор и комплектование групп в других городах (если тестирование должно про ходить в нескольких регионах), что дает более широкую выборку.

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

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

Причины необходимости этой информации должны быть очевидны: при тести ровании на предмет юзабилити требуется, чтобы испытуемые как можно бли же соответствовали вашей целевой аудитории. Иначе зачем тестировать? Све дите все собранные данные в таблицу или какой-то другой формат, удобный для Глава просмотра и сортировки (рис. 8.6). Произведите отсев. Планируйте сначала не сколько больше участников, чем требуется, - на случай, если кто-то откажет ся. Этим дополнительным участникам, называемым «поплавками», все равно необходимо платить. Свяжитесь по электронной почте с претендентами, отве Рис. 8.6. В этой типовой таблице сведена информация, собранная из он лайновых анкет потенциальных участников тестирования (рис. 8.5).

Юзабилити-тестирование чающими требуемому профилю. Объясните кратко, когда они должны ожидать контакта с вами и что им предстоит делать, но не слишком вдавайтесь в подроб ности. Ближе к намеченной дате еще раз проконтактируйте с ними по электрон ной почте или по телефону (рис. 8.7).

Эти данные были перенесены в файл Excel. Из 400 ответов 40 были выбраны для про смотра клиентом. В конечном счете было отобрано 8 участников тестирования 300 Глава Puc. 8.5. Эта онлайновая анкета для профилирова ния участников тестиро вания демонстрирует, ка кая информация требует ся для выявления потен циальных участников, со ответствующих вашей целевой аудитории. Она также может быть разо слана и по факсу, но по скольку дело касается тестирования привычек и навыков использования Интернета, то большин ство претендентов име ют доступ в Интернет Рис. 8.7. Образец письма участникам тестирования Юзабилити-тестирование Этап 3: Проведение сеанса Знайте, когда пора выйти Начинайте каждый сеанс в дружеском и терпели- Если участник становится слиш вом настрое. Представьтесь и расскажите о процес- ком расстроенным или идет сов сем не в том направлении, пора се тестирования - что пользователям будет пред выходить из задачи. Объясните ложено выполнить ряд задач. Позаботьтесь о вы ему, что если он не доводит или боре слов;

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

вершения, это не вредит тести Объясните свою роль как наблюдателя. Уточните, рованию и не говорит о его не что вы — именно наблюдатель, а не помощник. За- компетентности (возможно, это ранее подготовьте соглашения о конфиденциаль- недоработка команды разработ ности (NDA) и любые другие необходимые доку- чиков!). Расстроенные участни менты. Не заостряйте внимани е на формальнос- ки испытаний не смогут хорошо тях и обеспечьте участникам сеанса наибольший работать комфорт, насколько это возможно. Для справок держите при себе сценарий тестирования. Образовывайте себя Во время тестирования не проявляйте эмоций. Ва- Для некоторых проектов наем внешнего консультанта мог бы ша задача - молча наблюдать, высказываясь толь быть просто убийственным. В та ко при выдаче новой задачи и при составлении за ких случаях читайте книги ~ две меток во время сеанса. Если участник задает во книги, вышедшие в издательстве прос, отвечайте только в случае необходимости и «Символ-плюс»: Якоб Нильсен не вдаваясь в детали. Не давайте никаких подска- «Веб-дизайн: книга Якоба Нильсе зок - словом, взглядом или движением руки. Ис- на» (Jakob Nielsen, «Designing Web кушение «спасти» кого-то из учестников нанесет Usability: The Practice of Simpiicrty», вред цели тестирования. Если участник огорчает- New Riders, 1999) и Стив Круг ся, оцените уровень расстройства и оставьте замет- «Веб-дизайн: книга Стива Круга ку: «Задача потерпела неудачу», но только когда или не заставляйте меня думать»

(Steve Krug, «Don't Make Me Think», все возможности были испробованы. Не считайте New Riders, 2000), а также спра неудавшуюся задачу неудачей тестирования. Как вочник по юзабилити-тестирова раз наоборот. Выявляя дефекты сайта, вы умень нию Джеффри Рубина (Jeffrey Ru шите количество пользователей, которые уйдут с bin) «Handbook of Usability Testing», вашего веб-сайта в расстройстве (это неудача биз- John Wiley & Sons, 1994. Хотя вы неса и, возможно, навсегда потерянный заказчик). не станете сразу экспертом, но Видеосъемка сеанса также полезна для просмот- несомненно извлечете пользу, ра ее впоследствии другими членами команды раз- проведя некоторое исследование работчиков. вопроса» прежде чем предприме те собственное неформальное Перед началом сеанса убедитесь, что имеете все юзабилити-тестирование. Полез необходимое. Вот удобный контрольный список: ные ссылки можно найти на • Подготовить к подписанию соглашения о кон- www.web-redesign.com.

фиденциальности (NDA) • Убедиться в наличии связи с Интернетом 302 Глава • Если предусмотрена видеосъемка, зарядить батареи для видеокамеры, так как работать от сети может быть проблематично. (Замечание: мы не рекомендуем производить видеосъемку на неформальном тестировании.) • Иметь распечатку схемы сайта, удобную для оставления заметок (страницы, связанные с задачей) • Иметь упорядоченный список подготовленных задач • Иметь форму послетестового опроса • Подготовить сайт к использованию (сохранить требуемые закладки) Сбор основных данных Во время сеанса тестирования ведите детальные записи. Всегда полезно иметь готовый бланк для заметок (рис. 8.8). Используйте один и тот же бланк для всех участников тестирования. Это будет удобно при анализе заметок и сравнении результатов.

Для каждой задачи старайтесь отметить следующие аспекты:

• Смог ли участник тестирования завершить задачу?

• Нуждался ли он в помощи? Задача потерпела неудачу?

• Сколько времени это заняло?

• Какие камни преткновения встретились? Опишите проблемы и препятствия.

• Опишите общие наблюдения. Добавьте комментарии. Испытуемый расстро енно бормотал? Он восклицал: «Круто!»?

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

Юзабилити-тестирование Рис. 8.8. Используй те данный образец бланка наблюдений для ведения заметок во время типичного сеанса. Эту форму можно загрузить с www.web-redesign.com После сеанса Следите за временем. До отъезда участнику предстоит сделать еще несколько вещей. Сначала дайте ему краткий послетестовый опросный лист, затем прове дите быстрый устный опрос и, наконец, заплатите участнику за его время.

Подготовьте послетестовый опросный лист заранее (рис. 8.9). Он должен содер жать вопросы о впечатлении участника о сайте и работе с сайтом. Предложите участнику оценить каждый вопрос/пункт по пятибалльной шкале. Заполнение опросного листа не должно занимать более пяти минут.

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

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

имейте в виду, что после трех или четырех сеансов вы не сможете вспомнить многие детали.

304 Глава Рис. 8.9. После завершения сеанса предложите участнику тестирования заполнить опрос, подобный этому. Послетестовые отзывы и комментарии - превосходное осно вание для выяснения пользовательских предпочтений. Эту форму можно загрузить с www.web-redesign.com Юзабилити-тестирование Этап 4: Анализ данных и составление рекомендаций На этом этапе требуется опыт. Когда понимаешь, как и почему пользователю не удалась задача, или видишь, где имеется проблемный момент, - это легко. Для определения, как устранить проблему, нужна квалификация. Тем не менее, даже если вы не эксперт, вы все равно можете дать полезные ре комендации для усовершенствований.

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

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

Преобразуйте собранные данные в рекомендации;

полученная информации поможет проверить пра- - Jupiter 1999 г., www.jup.com Глава вильность ваших собственных мыслей относительно сайта. Разбейте рекомен дации на краткосрочные и долгосрочные цели. Составьте план реализации ва ших выводов и откорректируйте сайт, чтобы он лучше соответствовал тем спо собам, которыми он в действительности используется.

Итоговый отчет Помещение всех полученных выводов в итоговый отчет обеспечит краткую ре комендацию для клиента и команды разработчиков (рис. 8.10). Если отбор участников производился правильно, результаты юзабилити-тестирования бесспорны. Сообщите об этих результатах;

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

Рис. 8.10. В данном ито говом отчете в рекомен дации включены снимки экрана и выноски, иллю стрирующие конкрет ные пункты. Не все от четы требуют такой детализации (см. цвет ную вклейку, стр. 360) Юзабилити-тестирование Итоговый отчет должен содержать следующее:

Юзабилити-тестирование...

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

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

вы от реальных пользователей.

• Методология. Описание сути исследования, как... дает ценные результаты по оно было организовано, профили пользователей, низкой цене.

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

зователей и так далее.

... минимизирует риск перед • Выводы и рекомендации. Представление общей публичным запуском.

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

• Приложения. Необработанные данные, заметки, образцы тестовых материалов, основные данные (без имен) участников и так далее.

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

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

Тестируйте часто, и — как сказал Джеффри Вин во вступлении к этой книге «пусть все отзывы ваших пользователей будут хорошими».

Учебный пример Casey Claybourne Клиент: Casey Claybourne URL: www.caseyclaybourne.com Студия дизайна: Waxcreative Design, Окленд, Калифорния Все роли в проекте: Эмили Котлер (Emily Cotler) ПРЕДЫДУЩИЙ CASEYCLAYBOURNE.COM [ПРЕЖНИЙ] был состря пан неуклюже, на уровне бесчисленных любительских сайтов в Сети, которыми так часто вынуждены до вольствоваться мелкие бизнесмены и творческие лич ности, чьи дети/мужья/кузены немного знают HTML.

Учебный пример Любовные романы составляют 58.2°$ популярных книг в мягких обложках, покупаемых в Соединенных Шта тах, что дает 1.35 миллиардов долларов. Кейси Клей борн (Casey Clayboume), отмеченная многими награ дами писательница, собрала восторженные отзывы о своем уже девятом романе «Прелесть» («A Thing Of Be auty»). Как и у многих людей творческих профессий, она и есть ее собственный маленький, но процветаю щий бизнес.

СОВРЕМЕННЫЙ CASEYCUYB0URNE.COM [ПЕРЕПРОЕКТИРО- Результат: Лучшее позиционирование в данной сфе ВАННЫЙ] использует ряд графических образов, соз- ре деятельности. Читатели романов, уставшие от шаб данных специально, чтобы отразить утонченный стиль лонов этого жанра, приветствовали высококлассный ди Кейси. Ясный, простой и элегантный дизайн соответ- зайн обильной восторженной почтой.

ствует уровню профессионализма, достигнутому ею в писательской карьере. (2000 г.) См. цветную вклейку, стр. 354- Статистика: www.rwanational.com/statistics.stm Анализ конкуренции Чтобы стать лучшими партнерами наших клиентов, мы должны понимать онлайновые аспекты их отрас ли с учетом конкуренции. Каковы цели компании, ее продукты и рынок относительно Сети?

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

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

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

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

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

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

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

Окончательная цель анализа особенностей вполне определенна - это ответ на вопрос: «Что делают конкуренты для обеспечения сервисов и контента, кото рые привлекательны и значимы для пользователей?». В этой книге речь идет, Глава прежде всего, об онлайновой конкуренции, хотя «мир кирпича и цемента» то же не следует игнорировать. Иногда основные, если не все, конкуренты нахо дятся в том мире, на расстоянии телефонного звонка. Но анализ всей отрасли вне предлагаемого контекста. Задача команды веб-разработки при анализе осо бенностей - рассмотреть цели компании, ее продукты и рынок с точки зрения Сети.

Анализ конкуренции Как стать опытным пользователем в отрасли клиента Процесс становления опытным пользователем начинается во многом подобно началу онлайновых исследований для собственных нужд - с поиска в Yahoo!

или Google, или их аналогах и посещения затем сайтов нескольких конкурен тов. Допустим, один из товаров клиента - кожаные меховые рукавицы. Введя в поисковый механизм эти три ключевых слова «кожаные меховые рукавицы», вы получите дюжину или более сайтов из каталога, специализирующихся на спортивной или верхней одежде. Все эти сайты принадлежат той же отрасли и поэтому составят конкурентную группу. Возможно, некоторые из них даже есть в списке признанных конкурентов, представленном клиентом (в опросе клиен та в Фазе 1: Определение проекта). Просматривая многие из этих сайтов, вы типичный пользователь для той отрасли — станете более сведущим в отношении не только конкретного товара, но и самой отрасли.

Через всю эту книгу красной нитью проходит девиз: ДУМАЙТЕ, КАК ВАШИ ПОЛЬЗОВАТЕЛИ. Конкурентный анализ - не исключение. Подойдите к этой задаче с позиции типичного пользователя и «покупайте» в отрасли клиента тем же способом, как «покупали» кожаные меховые рукавицы. Сравнивайте кон курентов. Используйте сайты конкурентов для совершения сделок и поиска ин формации. Это требует времени, но, пройдя как типичный пользователь сайт за сайтом в конкурентной группе, вы быстро станете опытным пользователем в отрасли вашего клиента. Конечно, оставайтесь благоразумными. Если ваш кли 316 Глава ент продает автомобили, необязательно покупать Незнакомые отрасли несколько самых новых моделей. Но практикуй Если область клиента настолько тесь насколько это возможно без серьезных вло непонятна технически, что вы не жений.

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

если вы в клиента в Сети.

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

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

Этап 1: Определение процесса Четко определите, какую информацию вы собирае тесь генерировать. В частности, кто будет исполь зовать итоговые результаты? Они предназначают ся главным образом для проектной группы? Эти результаты будут использоваться для генерации идей по поводу контента? Для лучшего понимания отрасли? Сформулируйте ясные цели. Будь это ас сигнованный клиентом компонент, подлежащий сдаче, или текущая работа команды как этап про Анализ конкуренции If illliilS l i l i l l :Й-! i i l l Illllil l i l l l \i| 318 Глава цесса формулирования, или то и другое, определите, какую пользу вы надеетесь извлечь из этого анализа.

Формирование плана исследований Сформируйте план исследований, который детализирует общие цели, методо логию, сдаваемые компоненты, график работ и бюджет (рис. 9.1). Конкурентные анализы широко различаются по объему и контексту в зависимости от иско мых подробностей. Исследования должны проводить, по крайней мере, два че ловека, чтобы обеспечить различные точки зрения. В зависимости от времени и ресурсов этот процесс может занять от недели (при малых или средних бюдже тах - от 20 до 70 часов) до месяца (для более крупных бюджетов). Если вы може те запросить за эту работу дополнительное финансирование, сделайте это. Мно гие фирмы проводят как раз такие анализы и берут за них существенную пла ту. Если вы не можете пропустить конкурентный анализ отдельной бюджетной строкой, включите затраты на сокращенный анализ в Фазу 1: Определение про екта как часть процесса выяснения.

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

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

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

Имеются ли сайты, которые в точности соответствуют вашему клиенту? Выбе рите главные. Также выберите несколько других, которые лишь частично пе рекрываются с интересами клиента. Рассмотрим пример. Проект редизайна онлайновое туристическое агентство. Проверьте сайты прямых конкурентов сайты других туристических агентств - как в порталах типа Expedia.com или Travelocity.com, так и на сайтах авиалиний, например southwest.com или ual.com. Также не упустите из виду более специализированные туристические сайты - один или два из многих очень различных сайтов с увлекательными пу тешествиями типа away.com, и не игнорируйте сайты брошюрного типа, напри мер lonelyplanet.com или letsgo.com. Учтите, что имеются также оффлайновые Анализ конкуренции Рис. 9.1. Это пример плана анализа, в котором выделены общие цели и задачи, основ ная методология и сдаваемые компоненты. В более подробную версию включите дан ные о команде и масштабе проекта (с графиками задач и распределения времени), а также детальную информацию как о пользователях, так и об основных задачах, свя занных с сайтом компании и отраслью Глава конкуренты: 1-800#, круглосуточные каналы об Время и бюджет служивания заказчиков и (забыли?!) реальные ту Выделите минимум по одному ча- ристические агентства с кассовыми залами или су на анализ каждого сайта из кон- службой заказов билетов по телефону.

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

Простая арифметика: конкурент ная группа из 12 сайтов займет дня полтора как минимум. Оче видно, выделение большего вре мени на сайт даст лучшие ре зультаты;

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


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

Категоризация конкурентной группы Сайты выбраны;

теперь быстро оцените каждый сайт (пятиминутная оценка, никаких деталей) для выделения категорий в пределах отрасли. Начни те с существующего сайта. Куда он вписывается Анализ конкуренции Puc. 9.2. Expedia.com (Категория: портал) Puc. 9.3. Travelocity.com (Категория: портал) Глава Рис. 9.4. Netscape Travel Center: web center.travel.netscape.com (Категория:

портал на поисковом механизме) Puc. 9.5. аюау.сош (Категория:

увлекательные путешествия) Анализ конкуренции Puc. 9.6. lonelyplanet.com (Катего рия: сайт брошюрного типа) Puc. 9.7. United Airlines: www.ual.com (Категория: авиалинии) Глава в общей картине отрасли? Категории должны быть Категоризация широкие;

не делайте их слишком конкретными.

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

те категории, если требуется разбить их (для этого удобна Идея здесь в том, чтобы сортировать и разбивать доска, с которой можно стирать);

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

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

Нет, это не список всего, что имеется в местной се ти. Перечень особенностей — краткое перечисление того, что предлагает каждый из выбранных сайтов (рис. 9.8 и 9.9). Контент, графика, мультимедиа, функциональные возможности, что и как можно делать, что и как можно посмотреть, действия, ко торые можно перенять... Перечислите их все. Про анализируйте все элементы. Выясните скорости загрузки и объем графики на разных конкурирую щих сайтах. Включите такие особенности, как по иск, регистрация и доски объявлений. Определи те лучшие навигационные методы. Настройте свой перечень особенностей для лучшего соответствия отрасли. Сделайте его выполнимым и укладыва ющимся в бюджет;

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

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

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

326 Глава Рис. 9.9.... а этот пример ориентирован на контент. Ваш список особенностей дол жен быть сгруппирован аналогично Анализ конкуренции 328 Глава Этап 3: Проведение анализа и тестирования Определив конкурентную группу и составив перечень особенностей, можно при ступать к фактическому анализу. Сбор данных о каждом сайте в конкурентной группе - наиболее трудоемкая часть всего анализа. Это стадия, которая в зави симости от глубины и сложности выполняемого исследования может быстро ис тощить бюджет.

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

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

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

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

Снова рассмотрим индустрию туризма. Насколько трудно найти и заказать 2 би лета на рейс в Токио? А узнать время прибытия самолета? Попытайтесь найти мотель на Мадагаскаре, арендовать автомобиль в Рейкьявике или заказать пеше ходную экскурсию по Хельсинки. При анализе отрасли осветительных прибо ров закажите несколько лампочек. Насколько просто или трудно найти лам почку нужного размера, типа и яркости? Подождите несколько дней выполне ния заказа. Возвратите несколько полученных предметов. Насколько это прос то? Обратитесь за помощью в бюро обслуживания заказчиков. Пожалуйтесь.

Ведите себя как реальный пользователь.

В зависимости от целей вашего редизайна эти задания МОГУТ быть очень прос тыми или очень сложными. По большей части такой тип испытаний будет бо Анализ конкуренции Рис. 9.13. Этот аттестационный бланк отражает ряд основных аспектов, на которые следует обращать внимание при просмотре каждого веб-сайта во время индивидуального анализа 330 Глава лее глубокий, чем оценка сайта одним пользователем в течение часа. Вы захо тите проанализировать задачу от начала до конца, и в некоторых случаях это потребует фактических покупок. Потратьте немного времени и денег. Результа ты того стоят.

Этап 4: Создание итогового отчета Сведение полученных результатов и информации в общий официальный итого вый отчет - заключительный этап конкурентного анализа независимо от уров ня его формальности. Итоговый отчет наиболее эффективен, если он скомпоно ван в форме краткого резюме, удобного для чтения и просмотра. На одной или двух страницах отразите главные выводы и рекомендации. Изложите основную суть. Какие результаты наиболее неожиданны? Что вызывало положительные впечатления пользователя? Что выводило из себя? Остальная часть отчета должна отразить методологию процесса и сам процесс и должна включать сним ки экранов и обзор страниц просмотренных сайтов наряду с тщательно сформи рованными (проверенными и перепроверенными) таблицами для сравнения (рис. 9.14).

Очевидно формальность итогового отчета зависит от того, для кого он создает ся: для команды веб-разработчиков или для клиента? Чаще всего - для обоих.

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


шттттжжшт ш Анализ конкуренции Puc. 9.14. Этот образец страницы итогового отчета показывает общий вид одного из исследованных сайтов вместе с несколькими сопутствующими снимками его стра ниц. Для полноты оценки справа вверху приведены краткий обзор сайта и его рейтинг (взятый из итоговой таблицы) Глава Составление таблицы особенностей Перед завершением отчета мы настоятельно рекомендуем найти время и свести собранную информацию в наглядную таблицу. Возьмите перечни особенностей для каждого проанализированного сайта и объедините их в таблицу, строки ко торой — особенности, а столбцы - сайты. Первым поместите свой текущий сайт.

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

и «Персонализация». Если необходимо, приведите в таблице и подкатегории Замечание: этот образец используется только в качестве наглядного примера и не должен рассматриваться как фактические данные.

Рис. 9.15. В этом образце таблицы особенностей для индустрии туризма показаны 12 отоб ранных сайтов в трех категориях: порталы, сайты авиалиний и сайты увлекательных пу тешествий. Таблица позволяет наглядно сравнить перечисленные слева особенности сайтов Анализ конкуренции (рис. 9.15). Эта таблица, вероятно, будет длиной в несколько страниц, но чем подробнее и конкретнее перечень особенностей, тем более всесторонним будет отчет.

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

• Общее впечатление. Каково общее впечатление от посещения сайта? Благо приятное? Неблагоприятное? Отвечает ли компания вашим потребностям как пользователя? Удалось ли вам успешно завершить задачи? Вы захотели бы вернуться на этот сайт?

• Функциональность. С точки зрения функциональности легко ли было завер шать реальные задачи или ваши пути приводили в тупики? Регистрация и процедура размещения проблематичны или гладки?

Рис. 9,16. Здесь приведены оценки общего впечатления, функциональности и внешнего облика некоторых сайтов. Для сравнения включены также размеры загрузки началь ной страницы в килобайтах Рис. 9.17. Для страниц итогово го отчета по каждому отдельно му сайту повторно приведите эти рейтинговые оценки рядом со снимками экранов сайта (рис. 9.14) 334 Глава • Внешний облик. Сайт визуально привлекателен? Что он заставил почувство вать в отношении компании или ее бренда? Показался ли сайт профессио нальным, целенаправленным и понятным? Или он выглядит устаревшим, пе регруженным и безвкусно оформленным?

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

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

Учебные примеры Puc. 5 J. Цветовая палитра, пред ложенная на ранней стадии реди зайна сайта New Riders. В ходе даль нейших работ эта палитра совер шенствовалась. Было представлено несколько ее вариантов. В данном случае была выбрана измененная версия Рис. 5.3. Предварительные вариан ты оформления, созданные в про граммах Freehand, Illustrator или Photoshop Учебный пример Baby Center Клиент: Baby Center Директор по дизайну (редизайн):

Эллисон Аппен (Allyson Appen) URL: www.babycenter.com Арт-директор (редизайн):

Проектная группа: Внутренняя Шеннон Миллер (Shannon Miller) Директор по дизайну (первоначальный Руководитель проекта (редизайн):

дизайн): Джонатан Таил (Jonathan Turtle) Алиса Коэн Рейтер (Alissa Cohen Reiter) Руководитель проекта (первоначальный дизайн): Джон Стросс (John Stross) ПРЕДЫДУЩИЙ BABYCENTER.COM [ПРЕЖНИЙ, ПОЗДНЕЕ И ЕЩЕ ПОЗДНЕЕ] Прошел через несколько этапов, пока раз вился от пилотного проекта в значимый коммерческий веб-сайт. Каждый редизайн основывался на оценке интересов потре бителей. (1997-1999) Учебный пример BabyCenter.com специализируется на информации о беременности, младенчестве и раннем детстве, а так же о товарах для мам и младенцев. Главная задача ком пании состояла в создании в Интернете наиболее пол ного информационного ресурса для будущих и моло дых родителей.

СОВРЕМЕННЫЙ BABYCENTER [ПЕРЕПРОЕКТИРОВАННЫЙ] Ввел членство с известной системой сообщений и ссылками. Перепроектированный сайт стал практич нее в использовании благодаря более простому ди зайну, который сохранил несколько удачных элемен тов прежнего сайта, включая эффективное использо вание персонализации. (2000) Результат: Наличие собственных специалистов обеспечивает быстрое реагирование на интересы пользователей и непрерывное усовершенствование, включающее рост персонализации и представление содержания.

340 Учебный пример Smug Smug - это давно существующий некоммерческий Клиент: Smug юмористический журнал, издаваемый ежемесячно ре URL: www.smug.com дактором-дизайнером Лесли Харполдом. Запущенный в Проектная группа: fearless.net, Нью-Йорк 1996 г., сайт берет свое начало из печатавшейся в конце Издатель: Лесли Гарполд (Leslie Harpold) 1980-х - начале 1990-х годов серии «Сделай сам». За Бюджет: Ноль долларов и два одобрения эти годы Smug опубликовал в Сети ряд интереснейших опусов.

ПРЕДЫДУЩИЙ SMUG.COM [ПРЕЖНИЙ] использовал иконки для вы деления различных категорий рассказов и произведе ний. Ряд простых ссылок адресовал к заархивирован SMUG.COM [ПРЕЖНИЙ] ОБЪЯВЛЕНИЕ О НО ным в хронологическом порядке материалам.

ВОМ SMUG.COM [ПЕРЕПРОЕКТИРУЕМОМ] - это юмористическое объявление представляло веб-сайт несколько месяцев во время его редизайна. Предла гался вход на существующий сайт или возможность ос тавить электронное сообщение для тех, кто желает по лучить уведомление о запуске обновленного сайта.

Учебный пример СОВРЕМЕННЫЙ SMUG.COM [ПЕРЕПРОЕКТИРОВАННЫЙ] отказал ся от графики в пользу упрощения благодаря недавно созданному инструменту для управления контентом.

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

Результат: Хорошо отлаженное обновление.

Учебный пример LiquidMedium ПРЕДЫДУЩИЙ TURB0STAFF.COM [ПРЕЖНИЙ] был корпоратив ным, устаревшим и уже не отражавшим цели компа нии. Настало время изменить и ее брендинг и весь облик сайта.

Учебный пример LiquidMedium специализируется на организации всего процесса обеспечения человеческими ресурсами - от соурсинга и подбора персонала до найма и управле ния кадрами.

СОВРЕМЕННЫЙ LIQUIDMEDIUM.COM [ОБНОВЛЕННЫЙ] медлен но развился в новый сайт. Перейдя на внутреннее со провождение, сайт приобрел новый контент и новые LIQUIDMEDIUM.COM [ПЕРЕПРОЕКТИРОВАННЫЙ] разделы. Через шесть месяцев он стал совсем другим.

имеет новый логотип, новый облик и новый брендинг. (2001 г.) Выглядит современно и регулярно обновляется;

все Результат: Более очевидная навигация и заметные еще корпоративный, но не окостеневший. (2000 г.) успехи при заключении контрактов с партнерами.

Учебный пример Internар ПРЕДЫДУЩИЙ INTERNAP.COM [ПРЕЖНИЙ] не продвигал свою торговую марку. Internap считался довольно хорошей фирменной мар кой и узнавался в высших технологических кругах (среди глав ных технических директоров и главных сетевых администрато ров), но брендинг фирмы не распространялся в более широ кие круги и организации.

Учебный пример Internap Network Services Corporation, ведущий про вайдер быстрых, надежных интернет-сервисов;

создал платформу, которая не просто маршрутизирует дан ные, а делает это интеллектуально.

СОВРЕМЕННЫЙ INTERNAP.COM [ПЕРЕПРОЕКТИРОВАННЫЙ] об новил свой внешний облик и пересмотрел стратегию брендинга, добавив девиз и образный рисунок, кото рые оживляют картину и усиливают впечатление. Сайт представляет Internap как «интеллектуальный» интер нет-провайдер. (2000 г.) Результат: Более доступен широкой аудитории.

Учебный пример K2SKATES.COM [ПРЕЖНИЙ] не отражал технические пре имущества выпускаемых коньков.

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

СОВРЕМЕННЫЙ Учебный пример DiverseWorks Клиент: DiverseWorks Art Space Арт-директор: Джоел Харрис (Joel Harris) Изготовители сайта: Грегори Тейлор URL: www.diverseworks.org (Gregory Taylor), Дэвид Шеферд (David Shepherd), Проектная группа: Idea Integration, Хьюстон Катерина Метьюс (Katherine Matthews) Креативный директор: Джеф Мак-Лахлин (Jeff McLaughlin) ПРЕДЫДУЩИЙ Учебный пример DiverseWorks - один из ведущих современных худо- ностью, DiverseWorks служит открытой галереей для жественных центров в Соединенных Штатах. Извест- художников, хорошей школой для будущих админист ный своими крупными образовательными программа- раторов мира искусств и образцом для художествен ми по искусству и отличающийся финансовой стабиль- ных центров всей страны.

СОВРЕМЕННЫЙ Учебный пример Janus Клиент: Janus Capital Corporation URL: www.janus.com Проектная группа: Sapient Эксплуатационная группа: внутренняя, Janus ПРЕДЫДУЩИЙ JANUS.COM [ПРЕЖНИЙ] представляет собой тип сайта, строго подчиненного основной цели. Целью сай та всегда было круглосуточное онлайновое самообслу живание.

Учебный пример Корпорация Janus Capital Corporation на протяжении 30 лет играет ключевую роль в сфере взаимных фондов.

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

СОВРЕМЕННЫЙ JANUS.COM [ПЕРЕПРОЕКТИРОВАННЫЙ] использовал результа ты социологических исследований, чтобы лучше понять мотивацию ин весторов. Введена более интуитивная и действенная для пользовате лей навигация. Внешнее оформление сайта изменено с целью более эффектного позиционирования бренда компании.

Результат: Большая продуктивность при меньших издержках. В янва ре 2001 г. через Janus.com корпорация приобрела 62% инвесторов по сравнению с 32% в январе 1999 г.

352 Учебный пример ПРЕДЫДУЩИЙ F00D.COM [ПРЕЖНИЙ] подавал себя в цветах и тематике своей мар кетинговой кампании и старомодном стиле 1950-х. Причудливо и с юмо ром, да, но загрузка была долгой, а юзабилити было не на высоте.

Учебный пример Food.com обслуживает поставщиков продовольствия, обеспечивая рестораны возможностью онлайнового за каза и службой доставки. Хотя бизнес продолжает рас ширяться в различные связанные с продовольствием отрасли, основой Food.com остается «Интернет-служ ба заказов и доставки».

СОВРЕМЕННЫЙ FOOD.COM [ПЕРЕПРОЕКТИРОВАННЫЙ] развил ся в продовольственный портал с дополнительными разделами (обеды, кулинария и новости) и новым, простым и ясным имиджем бренда. Цели редизайна были больше ориентированы на аудиторию в отличие от прежнего подхода, сфокусированного на рестораны и управляемого технологией. (2000 г.) Результат: Улучшение юзабилити благодаря ясным указателям и понятным пользовательским маршрутам.

Количество онлайновых заказов возросло.

Учебный пример Casey Claybourne Клиент: Casey Claybourne URL: www.caseyclaybourne.com Студия дизайна: Waxcreative Design, Окленд, Калифорния Все роли в проекте: Эмили Котлер (Emily Cotler) ПРЕДЫДУЩИЙ CASEYCLAYB0URNE.COM [ПРЕЖНИЙ] был состря пан неуклюже, на уровне бесчисленных любительских сайтов в Сети, которыми так часто вынуждены до вольствоваться мелкие бизнесмены и творческие лич ности, чьи дети/мужья/кузены немного знают HTML.

Учебный пример Любовные романы составляют 58.2%] популярных книг в мягких обложках, покупаемых в Соединенных Шта тах, что дает 1.35 миллиардов долларов. Кейси Клей борн (Casey Claybourne), отмеченная многими награ дами писательница, собрала восторженные отзывы о своем уже девятом романе «Прелесть» («A Thing Of Be auty»). Как и у многих людей творческих профессий, она и есть ее собственный маленький, но процветаю щий бизнес.

СОВРЕМЕННЫЙ Рис. 5.7. Старый сайт заполнен контентом и статичен Pitc. 5.5. Этот начальный вариант дизайна разрабо тан в форме модульной сет ки;

он выглядит модно и дру желюбно. Такой подход поз воляет расположить вверху главной страницы несколь ко дополнений Рис. 5.9. Этот начальный вариант дизайна производит мягкое/элегантное впечатление.

Такой подход подчеркивает настрой и образ компании;

он предлагает простую систему ссылок к основным разделам контента Puc. 5.10. Этот начальный вариант дизайна создает облик корпоративного/современного сайта с ярким впечатляющим лозунгом компании и подчеркиванием ее индивидуальности.

Он позволяет также выделить на главной странице книжные новинки Puc. 5.12. Главная страница (вверху) и вторичная страница (внизу) в процессе разработки. Каждая из них - отдельный многослойный файл с перечислением всех находящихся на странице текстов. Четко имено ванные слои указывают состояние динамического эле мента графики и его функциональность. Не забудьте Puc. 5.13. Этот образец руководства включить справочный слой, содержащий все слои файла no стилю оформления представлен в склеенными, - он нужен дизайнерам производства формате HTML Puc. 7.3. Smug.com вывесил это шутливое объяв ление за несколько месяцев до запуска перепро ектированного сайта. Вместе с объявлением предлагался выбор: вход на существующий сайт или подписка на уведомление по электронной почте о запуске обновленного сайта Рис. 7.4. Ознакомьте пользователей с предсто ящими изменениями. (Помните, что люди обыч но не любят перемен, даже перемен к лучшему.) До запуска перепроектированного сайта в кон це 2000 г. Janus Funds (www.janus.com) размес тил всплывающее окно с выбором: показать бу дущий облик сайта или закрыть окно Puc. 7.5. Artist Booking International (www.ar tistbooking.com) осуществлял мягкий запуск, что позволило провести QA-тестирование на действующем сервере перед окончательным воз рождением сайта. Эта страница, объявлявшая о загрузке в данный момент перепроектирован ного сайта, находилась на URL в период недо ступности самого сайта Рис. 7.12. Какие страницы на ва шем сайте наиболее популярны?

Можете ли вы охарактеризо вать поведение и модели пользо вателей? Эта типовая диаграм ма сгенерирована из обычного файла журнала сервера и показы вает наиболее посещаемые стра ницы Рис. 8.10. В данном ито говом отчете в рекомен дации включены снимки экрана и выноски, иллю стрирующие конкрет ные пункты. Не все отче ты требуют такой де тализации Алфавитный указатель А А ALT-теги, 56, 141, 178, 222, 215, 229, администратор контента, 47, 117, 134, 230, 267 139, анализ D возможностей аудитории, 41, 83, DHTML и каскадные таблицы стилей, 225 конкуренции, 29, 60, 312, Dreamweaver 4 (Macromedia), программа, опрос клиента, 71- 222 отрасли, 42, 60, 90, Ч е л е й с а й т а 51» 1 7 Check Links Sitewide, опция для поис ка «плохих» ссылок, 273 юзабилити-тестирование, Section 508 Accessibility Suite, 215 анализ особенностей конкурентов, календарь, 113 время, бюджет и, пример невидимого содержимого, 230 сравнение с анализом отрасли, этап резиновые страницы, 179 анализа и тестирования, этап экран метагенератора, 230 итогового отчета, этап определения процесса, F этап составления перечня особеннос тей, Flash и дизайн, 178, 189 аппаратура, инвестиции в, •I арт-директор, 116, архивирование документации, 59, HTML архивы фотографий, сайты, необходимость навыков в, 205 аспекты проектирования, руководства, 207 аспекты редизайна, шаблоны, 56, 222 аудит контента, аудитория М возможности, 41, 82, Мае или PC, для дизайна, 171, 176 изучение, 41, 78, МЕТА-данные, 56, 77, 141, 178, 222, 239, индивидуальные профили, 252 267 креативный бриф и, инструмент для создания, 263 оповещение о редизайне, примеры, 264 определение, создание и внедрение, 230 проектирование для пользователя, Т рекламная стратегия и, сведения о, запрашивание, TITLE-теги, 56, 141, 222, 229, 230, 251, структурирование сайта и, 260-264, 1 Л "3-...



Pages:     | 1 |   ...   | 5 | 6 || 8 |
 





 
© 2013 www.libed.ru - «Бесплатная библиотека научно-практических конференций»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.