Web Redesign Book Kelly Goto and Emily Cotler. 2 ed./Veb-redizayn kniga Kelli Goto i Emili Kotler. 2 izd.

417 Pages·2007·14.641 MB·English

by  Kotler E. Goto K.

Будь вы дизайнер или разработчик веб(cid:21)сайта, владе(cid:21)
лец компании или домашней странички в Интерне(cid:21)
те,если вы хотите продвинуть свое представительство
в Сети на новый уровень, эта книга для вас.
Если вам случалось пережить перепроектирование веб(cid:21)сай(cid:21)
та, подавившее вас беспорядком, перепутанными сообще(cid:21)
ниями и постоянно меняющимися параметрами, эта книга
должна быть у вас под рукой.
Почему? Да потому, что Келли Гото и Эмили Котлер предла(cid:21)
гают четкий работоспособный план, который поможет сбе(cid:21)
речь время, деньги и нервы. Сеть постоянно меняется, а опи(cid:21)
санный здесь Базовый процесс применим к любым веб(cid:21)про(cid:21)
ектам– вновь создаваемым и перепроектируемым, от прос(cid:21)
тых до самых сложных. Эта книга поможет вам создать мето(cid:21)
дологию для себя. Назовите ее планом, или руководством.
Авторы называют это «методологией, которая работает»,
Келли Гото – лектор и преподава(cid:13)
потому что так оно и есть. В книге представлены:
тель, специализирующаяся в облас(cid:13)
ти веб(cid:13)разработок, информационно(cid:13) • Базовый процесс – четко описанная, универсальная по(cid:21)
го дизайна и пользовательской сре(cid:13) следовательность действий, которую легко приспособить
под свои нужды.
ды. С конца 1980(cid:13)х Келли известна
как креативный директор, дизайнер • Технические приемы, советы, контрольные таблицы, оп(cid:21)
и продюсер. Среди ее заказчиков та(cid:13) росные листы, рабочие таблицы и формы– все это подго(cid:21)
товлено к немедленному использованию, что поможет
кие фирмы, как Warner Bros. Online,
удержать проект в рабочем состоянии на весь период ре(cid:21)
National Geographic Online, Adobe
дизайна.
Corporation, Paramount Television,
• Советы по переносу модифицируемого проекта из рук ко(cid:21)
Macromedia Corporation и Sony Pic(cid:13)
манды веб(cid:21)разработчиков под опеку команды сопровож(cid:21)
tures. Сейчас Келли возглавляет go(cid:13)
дения.
tomedia, inc. (www.gotomedia.com) –
• Учебные примеры, иллюстрирующие воплощение в жизнь
онлайновый консультационный центр
приемов из этой книги.
по проблемам пользовательской сре(cid:13)
• Советы по применению каскадных таблиц стилей (CSS)
ды и веб(cid:13)дизайна.
истандартов веб(cid:21)дизайна впроизводстве сайта.
Эмили Котлер – дизайнер и журна(cid:13)
• Новая глава об анализе требований к функциональности
лист, обладающая легким и ясным
для технически сложных проектов.
стилем, который оживляет сухие веб(cid:13)
страницы. Эмили специализируется
Спрашивайте Дмитрий Якоб
на создании и редизайне недорогих
эффективных сайтов. Сейчас она за(cid:13) наши книги Кирсанов Нильсен
нимает пост креативного директо(cid:13) Веб(cid:19)дизайн Веб(cid:19)дизайн
ра в Waxcreative Design (www.waxcre(cid:2)
ative.com).
ISBN(cid:2)13: 978(cid:2)5(cid:2)93286(cid:2)082(cid:2)3
ISBN(cid:2)10: 5(cid:2)93286(cid:2)082(cid:2)0
Стив
Êàòåãîðèÿ: âåá-äèçàéí
Круг
Óðîâåíü ïîäãîòîâêè ÷èòàòåëåé: ñðåäíèé
Веб(cid:19)дизайн
9 785932 860823
Издательство
«Символ(cid:16)Плюс»
(812) 324(cid:16)5353,
www.symbol.ru
(495) 945(cid:16)8100
ReDesign2b.p65 1 30.01.2007, 16:03
По договору между издательством «Символ(cid:19)Плюс» и Интернет(cid:19)магази(cid:19)
ном «Books.Ru – Книги России» единственный легальный способ получе(cid:19)
ния данного файла с книгой ISBN 5(cid:19)93286(cid:19)082(cid:19)0, название «Веб(cid:19)реди(cid:19)
зайн: книга Келли Гото и Эмили Котлер», 2(cid:19)е издание – покупка в Интер(cid:19)
нет(cid:19)магазине «Books.Ru – Книги России». Если Вы получили данный
файл каким(cid:19)либо другим образом, Вы нарушили международное законо(cid:19)
дательство и законодательство Российской Федерации об охране автор(cid:19)
ского права. Вам необходимо удалить данный файл, а также сообщить из(cid:19)
дательству «Символ(cid:19)Плюс» ([email protected]), где именно Вы получили
данный файл.
web redesign 2.0
workflow that works
kelly goto • emily cotler
new riders publishing.indianapolis indiana.usa
2(cid:1)е издание
2007
Серия «Библиотека дизайнера»
Келли Гото и Эмили Котлер
Веб(cid:4)редизайн: книга Келли Гото и Эмили Котлер, 2(cid:4)е издание
Главный редактор А.Галунов
Зав. редакцией Н.Макарова
Научный редактор А. Михайлов
Редактор В.Овчинников
Корректор Н.Макарова
Верстка Ю.Кравец
ГотоК. и КотлерЭ.
Веб(cid:29)редизайн: книга Келли Гото и Эмили Котлер, 2(cid:29)е издание.– Пер. с англ.–
СПб: Символ(cid:29)Плюс, 2006.– 416 с.: цв. ил.
ISBN(cid:29)13: 978(cid:29)5(cid:29)93286(cid:29)082(cid:29)3
ISBN(cid:29)10: 5(cid:29)93286(cid:29)082(cid:29)0
Основной постулат этой книги – веб(cid:29)дизайн находится в постоянном движении –
современем подтверждается все убедительнее. В первом издании говорилось,
что цикл дизайна занимает 12 месяцев, а во втором он сократился до полугода и
даже трех месяцев. Именно поэтому сейчас как никогда остро ощущается потреб(cid:29)
ность в толковом и практичном руководстве, которое помогло бы составить план и
бюджет, организовать процесс веб(cid:29)редизайна (или создания сайта с нуля) и управ(cid:29)
лять им. Это руководство перед вами! Веб(cid:29)дизайнер экстра(cid:29)класса Келли Гото и ее
соавтор Эмили Котлер делятся своим опытом, предлагая эффективный подход
кпроцессу веб(cid:29)редизайна, учитывающий как приоритеты бизнеса, так и интере(cid:29)
сы хорошего дизайна. Келли и Эмили сосредотачивают внимание на пересече(cid:29)
нии этих сфер, попадая прямо в «яблочко». Каждая глава содержит наглядный
пример, иллюстрирующий ключевые стадии процесса. В книге много форм, конт(cid:29)
рольных списков и рабочих листов, которые помогут извлечь практическую пользу
изполученных знаний.
ISBN(cid:1)13: 978(cid:1)5(cid:1)93286(cid:1)082(cid:1)3
ISBN(cid:1)10: 5(cid:1)93286(cid:1)082(cid:1)0
ISBN 0(cid:1)7357(cid:1)1433(cid:1)9 (англ)
© Издательство Символ(cid:29)Плюс, 2007
Authorized translation of the English edition, Copyright © 2005 Pearson Education, Inc.
This translation is published and sold by permission of Pearson Education, Inc., the owner
of all rights to publish and sell the same.
Все права на данное издание защищены Законодательством РФ, включая право на полное или частичное
воспроизведение в любой форме. Все товарные знаки или зарегистрированные товарные знаки, упоминаемые
в настоящем издании, являются собственностью соответствующих фирм.
Издательство«Символ(cid:29)Плюс».199034,Санкт(cid:29)Петербург,16линия,7,
тел.(812) 324(cid:29)5353, [email protected]. Лицензия ЛП N 000054 от 25.12.98.
Налоговая льгота – общероссийский классификатор продукции
ОК 005(cid:29)93, том 2; 953000 – книги и брошюры.
Подписано в печать 26.01.2007. Формат 70х90 1/16.
Печать офсетная. Объем 26 печ.л. Тираж 2000 экз. Заказ N
Отпечатано с готовых диапозитивов в ГУП «Типография «Наука»
199034, Санкт(cid:29)Петербург, 9 линия, 12.
Оглавление
Об авторах. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .10
Вступительное слово . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .14
Введение. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15
Глава 1. Ключи к успешному редизайну . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .27
Почему.именно.эта.книга.и.почему.именно.сейчас?. . . . . . . . . . . . . . . . . . . . . .28
Представляем.технологию,.которая.работает. . . . . . . . . . . . . . . . . . . . . . . . . . .29
Лей.Дункан.(Leigh.Duncan).об.определении.проблем..
и.стратегии.редизайна. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .32
Глава 2. Обзор Базового процесса . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .39
Фаза.1:.Определение.проекта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44
Выяснение.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .44
Уточнение:.окончательные.цели. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .46
Планирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .47
Фаза.2:.Разработка.структуры.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50
С.точки.зрения.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .50
С.точки.зрения.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .51
С.точки.зрения.страницы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .52
С.точки.зрения.пользователя. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .53
Фаза.3:.Проектирование.визуального.интерфейса. . . . . . . . . . . . . . . . . . . . . . .54
Создание. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .54
Выверка. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .55
Переход.к.производству. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .56
Фаза.4:.Построение.и.интеграция. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57
Планирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .57
Компоновка.и.интеграция. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .59
Тестирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60
Фаза.5:.Запуск.и.сопровождение. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62
Передача.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .62
Запуск.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .64
Сопровождение. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .65
Резюме.главы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .67
Глава 3. Фаза 1: Определение проекта . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .71
Сбор.информации. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74
Опрос.клиента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .74
Подгонка.опросного.листа. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .75
 Оглавление
Анализ.опросного.листа.клиента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .79
Эксплуатационный.опрос. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .80
Изучение.аудитории. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .83
Кейт.Гомолл.(Kate.Gomoll).о.профилировании.пользователей. . . . . . . . . . . . .84
Определение.технических.требований. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86
Надо.знать.возможности.аудитории. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .87
Анализ.возможностей.аудитории. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .89
Определение.технических.потребностей. . . . . . . . . . . . . . . . . . . . . . . . . . . .90
Анализ.отрасли. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .90
Натан.Шедрофф.(Nathan.Shedroff).об.эмоциональном.будущем..
брендинга. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .92
Резюме.этапа.выяснения. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95
Определение.окончательных.целей. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .95
Подготовка.креативного.брифа. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .98
Создание.плана.проекта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .101
Уточнение.обязательств. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .102
Составление.бюджета. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .104
Расползание.проекта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .104
Распределение.бюджета:.что.и.как.оценивать. . . . . . . . . . . . . . . . . . . . . . .106
Отслеживание.времени. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .110
Изменения,.инициируемые.клиентом. . . . . . . . . . . . . . . . . . . . . . . . . . . . .112
Составление.графиков.работ. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .113
Обзорный.график.работ. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .115
Подробный.график.работ.с.компонентами,.подлежащими.сдаче. . . . . . . .117
Формирование.проектной.группы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .117
Организация.демонстрационной.площадки. . . . . . . . . . . . . . . . . . . . . . . . . . .117
Планирование.юзер-тестинга.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123
Разработка.плана.юзер-тестинга. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123
Что.такое.онлайновый.опрос?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .123
Что.такое.проверка.с.помощью.фокус-групп?. . . . . . . . . . . . . . . . . . . . . . .124
Что.такое.юзабилити-тестирование? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .124
Начало.работы.над.проектом. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .125
Резюме.фазы.1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .126
Глава 4. Фаза 2: Разработка структуры сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .131
Определение.тематики.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135
Аудит.существующего.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .135
Кристина.Уодтке.(Christina.Wodtke).об.инструментарии..
информационного.архитектора.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .138
Структурирование.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .140
Создание.плана.поставки.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .141
Создание.карты.сайта.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .144
Пересмотр.текущей.организации.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148
Определение.структуры.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .148
Соглашения.об.именовании. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151
Оглавление 
Организационные.наименования. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153
Именование.HTML-страниц. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .153
Создание.макета. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .154
Обеспечение.навигации. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .160
Именование.и.маркировка. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .161
Определение.основных.маршрутов.пользователей. . . . . . . . . . . . . . . . . . . . . .161
Разработка.HTML-протосайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .164
Создание.сценариев.поведения.пользователей. . . . . . . . . . . . . . . . . . . . . . . . .166
Резюме.фазы.2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .167
Глава 5. Фаза 3: Проектирование визуального интерфейса. . . . . . . . . . . . . . . . . .173
Начало.творческого.процесса. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175
Разработка.разумного.дизайна. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .175
Анализ.целей.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .176
Концептуальная.разработка.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .176
Проектирование.для.пользователя. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .179
Эрик.Мейер.(Eric.Meyer).о.каскадных.таблицах.стилей.(CSS). . . . . . . . . . . . .180
Представление.дизайна.и.получение.одобрения. . . . . . . . . . . . . . . . . . . . . . . .184
Проверка.контента,.переходов.страниц.и.навигации. . . . . . . . . . . . . . . . . . . .190
Проверка.функциональности. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .190
Создание.графических.шаблонов. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .191
Линда.Вейнман.(Lynda.Weinman).о.способности.дизайнеров..
справляться.с.трудными.задачами. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .192
Создание.руководства.по.стилю.оформления. . . . . . . . . . . . . . . . . . . . . . . . . .197
Резюме.фазы.3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .200
Глава 6. Фаза 4: Построение и интеграция. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .205
Оценка.состояния.проекта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .207
Составление.рекомендаций. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .209
Гладко.было.на.бумаге…. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .210
Пересмотр.возможностей.аудитории. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211
Проверка.состояния.контента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .211
Чэд.Кэссирер.(Chad.Kassirer).об.изучении.клиента..
до.начала.написания.кода. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .212
Проверка.состояния.дизайна. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .220
Уточнение.плана.интеграции.с.внутренним.интерфейсом. . . . . . . . . . . . .221
Формирование.файловой.структуры. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .221
Файловая.структура.и.масштабируемость. . . . . . . . . . . . . . . . . . . . . . . . . .223
Разрезание.на.части.и.оптимизация. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .224
Создание.шаблонов.и.страниц.HTML.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .225
Применение.облегченных.сценариев. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .229
Создание.и.заполнение.страниц. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .231
Джеффри.Зельдман.(Jeffrey.Zeldman).о.веб-стандартах. . . . . . . . . . . . . . . . .232
Невидимый.контент. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .235
Интеграция.с.внутренними.разработками. . . . . . . . . . . . . . . . . . . . . . . . . . . .236
Понимание.важности.контроля.качества.(QA). . . . . . . . . . . . . . . . . . . . . . . . .236
 Оглавление
Создание.плана.контроля.качества.(QA). . . . . . . . . . . . . . . . . . . . . . . . . . . . . .238
Упрощенная./.неформальная.проверка.качества. . . . . . . . . . . . . . . . . . . . .240
Полуформальный.контроль.качества. . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243
Формальная.проверка.качества. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .243
Расстановка.приоритетов.и.устранение.ошибок. . . . . . . . . . . . . . . . . . . . . . . .244
Заключительная.проверка. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .246
Резюме.фазы.4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .247
Глава 7. Фаза 5: Запуск и сопровождение. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .253
Передача.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .255
Завершение.руководства.по.стилю.оформления.сайта. . . . . . . . . . . . . . . . . . .258
Создание.пакета.передачи. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .260
Контроль.за.документацией. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .261
Стефен.Cпенсер.(Stephan.Spenser):.информация.–.это.сила. . . . . . . . . . . . . . .262
Проведение.заключительной.встречи. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .265
Планирование.инструктажей.по.сопровождению.сайта. . . . . . . . . . . . . . . . .265
Ввод.в.действие. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .266
Подготовка.плана.анонсирования. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .267
Оптимизация.сайта.для.поисковых.систем. . . . . . . . . . . . . . . . . . . . . . . . . . . .270
Барбара.Колл.(Barbara.Coll):.как.спроектировать.сайт,.чтобы.он..
занял.достойное.место.в.рейтинге.поисковых.систем. . . . . . . . . . . . . . . . . . .272
Запуск.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .277
Эксплуатационная.поддержка.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .278
Оценка.возможностей.группы.сопровождения. . . . . . . . . . . . . . . . . . . . . . . . .280
Внутренние.и.внешние.группы.сопровождения. . . . . . . . . . . . . . . . . . . . . . . .281
Разработка.плана.эксплуатационной.поддержки. . . . . . . . . . . . . . . . . . . . . .283
Укрепление.безопасности.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .284
Планирование.итеративных.веб-программ. . . . . . . . . . . . . . . . . . . . . . . . . . . .287
Оценка.успешности.сайта. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .287
Резюме.фазы.5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .290
Резюме.Базового.процесса. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .291
Глава 8. Юзабилититестирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .295
Что.такое.юзабилити. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .296
Начало.работы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .299
Юзабилити.и.редизайн. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .299
Когда.тестировать .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .. .300
Затраты.на.тестирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .301
Якоб.Нильсен.(Jakob.Nielsen).о.значении.ускоренного.
юзабилититестирования. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .302
Проведение.юзабилититестов:.процесс.из.четырех.этапов. . . . . . . . . . . . . . .305
Этап.1:.План.и.подготовка. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .305
Этап.2:.Подбор.участников. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .308
Этап.3:.Проведение.сеанса. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .314
Этап.4:.Анализ.данных.и.составление.рекомендаций. . . . . . . . . . . . . . . . .317
Резюме.главы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .321
Оглавление 
Глава 9. Сложная функциональность сайтов. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .325
Сбор.и.документирование.требований.к.функциональности. . . . . . . . . . . . . .332
Необходимость.сбора.требований. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .333
Что.такое.требования.. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .334
Сбор.требований.к.функциональности. . . . . . . . . . . . . . . . . . . . . . . . . . . . .335
Документирование.требований.к.функциональности. . . . . . . . . . . . . . . . .336
Расстановка.приоритетов,.ранжирование.и.анализ.требований.
к.функциональности. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .336
Расстановка.приоритетов.бизнесцелей. . . . . . . . . . . . . . . . . . . . . . . . . . . .338
Ранжирование.требований. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .339
Анализ.требований. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .339
Проектирование.спецификации.функциональности. . . . . . . . . . . . . . . . . . . .340
Что.включать.в.спецификацию.функциональности. . . . . . . . . . . . . . . . . .341
Насколько.подробной.должна.быть.спецификация..
функциональности?. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .345
Син.Долан.(Sean.Dolan).о.воспитании.духа.коллективного..
сотрудничества.у.дизайнеров.и.разработчиков.. . . . . . . . . . . . . . . . . . . . . . . .346
Получение.окончательного.одобрения.клиента. . . . . . . . . . . . . . . . . . . . . . . .349
Реализация.спецификации.функциональности. . . . . . . . . . . . . . . . . . . . . . . .349
Объединение.усилий. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .350
Подготовка.к.запуску. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .351
Резюме.главы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .352
Учебные примеры ..........................................................353
Baby.Center. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .354
Port.of.Seattle. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .356
Janus. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .358
BearingPoint. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .360
About .com. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .362
Gotomedia,.inc ... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .364
Мелани.Крафт. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .366
Coldwell.Banker.Walter.Williams. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .368
WebEx. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .370
Banana.Republic. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .372
Глава 10. Анализ конкуренции. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .389
Формальный.анализ.отрасли.и.неформальный.анализ.особенностей. . . . . . .391
Как.изучить.отрасль.клиента. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .392
Проведение.анализа. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .394
Этап.1:.Определение.процесса. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .394
Этап.2:.Составление.перечня.особенностей. . . . . . . . . . . . . . . . . . . . . . . . . .403
Этап.3:.Анализ.и.тестирование. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .405
Этап.4:.Создание.итогового.отчета. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .407
Резюме.главы. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .411
Алфавитный указатель ......................................................412