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

Если вам случалось пережить перепроектирование веб-сайта, подавившее вас беспорядком, перепутанными сообщениями и постоянно меняющимися параметрами, эта книга должна быть у вас под рукой. Почему? Да потому, что Келли Гото и Эмили Котлер предлагают четкий работоспособный план, который поможет сберечь время, деньги и нервы.

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

И это руководство перед вами! Веб-дизайнер экстра-класса Келли Гото и ее соавтор Эмили Котлер делятся своим опытом, предлагая эффективный подход к процессу веб-редизайна, учитывающий как приоритеты бизнеса, так и интересы хорошего дизайна. Келли и Эмили сосредотачивают внимание на пересечении этих сфер, попадая прямо в "яблочко".

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

В книге представлены:

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

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

- Советы по переносу модифицируемого проекта из рук команды веб-разработчиков под опеку команды сопровождения.

- Учебные примеры, иллюстрирующие воплощение в жизнь приемов из этой книги.

- Советы по применению каскадных таблиц стилей (CSS) и стандартов веб-дизайна в производстве сайта.

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




Оглавление


Об авторах

Вступительное слово

Введение

Глава 1. Ключи к успешному редизайну

Почему именно эта книга и почему именно сейчас?
Представляем технологию, которая работает
Лей Дункан (Leigh Duncan) об определении проблем и стратегии редизайна

Глава 2. Обзор Базового процесса

Фаза 1: Определение проекта
Выяснение
Уточнение: окончательные цели
Планирование
Фаза 2: Разработка структуры сайта
С точки зрения контента
С точки зрения сайта
С точки зрения страницы
С точки зрения пользователя
Фаза 3: Проектирование визуального интерфейса
Создание
Выверка
Переход к производству
Фаза 4: Построение и интеграция
Планирование
Компоновка и интеграция
Тестирование
Фаза 5: Запуск и сопровождение
Передача сайта
Запуск сайта
Сопровождение
Резюме главы

Глава 3. Фаза 1: Определение проекта

Сбор информации
Опрос клиента
Подгонка опросного листа
Анализ опросного листа клиента
Эксплуатационный опрос
Изучение аудитории
Кейт Гомолл (Kate Gomoll) о профилировании пользователей
Определение технических требований
Надо знать возможности аудитории
Анализ возможностей аудитории
Определение технических потребностей
Анализ отрасли
Натан Шедрофф (Nathan Shedroff) об эмоциональном будущем брендинга
Резюме этапа выяснения
Определение окончательных целей
Подготовка креативного брифа
Создание плана проекта
Уточнение обязательств
Составление бюджета
Расползание проекта
Распределение бюджета: что и как оценивать
Отслеживание времени
Изменения, инициируемые клиентом
Составление графиков работ
Обзорный график работ
Подробный график работ с компонентами, подлежащими сдаче
Формирование проектной группы
Организация демонстрационной площадки
Планирование юзер­тестинга
Разработка плана юзер­тестинга
Что такое онлайновый опрос?
Что такое проверка с помощью фокус­групп?
Что такое юзабилити-тестирование?
Начало работы над проектом
Резюме фазы 1

Глава 4. Фаза 2: Разработка структуры сайта

Определение тематики контента
Аудит существующего контента
Кристина Уодтке (Christina Wodtke) об инструментарии информационного архитектора
Структурирование контента
Создание плана поставки контента
Создание карты сайта
Пересмотр текущей организации сайта
Определение структуры сайта
Соглашения об именовании
Организационные наименования
Именование HTML-страниц
Создание макета
Обеспечение навигации
Именование и маркировка
Определение основных маршрутов пользователей
Разработка HTML-протосайта
Создание сценариев поведения пользователей
Резюме фазы 2

Глава 5. Фаза 3: Проектирование визуального интерфейса

Начало творческого процесса
Разработка разумного дизайна
Анализ целей сайта
Концептуальная разработка
Проектирование для пользователя
Эрик Мейер (Eric Meyer) о каскадных таблицах стилей (CSS)
Представление дизайна и получение одобрения
Проверка контента, переходов страниц и навигации
Проверка функциональности
Создание графических шаблонов
Линда Вейнман (Lynda Weinman) о способности дизайнеров справляться с трудными задачами
Создание руководства по стилю оформления
Резюме фазы 3

Глава 6. Фаза 4: Построение и интеграция

Оценка состояния проекта
Составление рекомендаций
Гладко было на бумаге
Пересмотр возможностей аудитории
Проверка состояния контента
Чэд Кэссирер (Chad Kassirer) об изучении клиента до начала написания кода
Проверка состояния дизайна
Уточнение плана интеграции с внутренним интерфейсом
Формирование файловой структуры
Файловая структура и масштабируемость
Разрезание на части и оптимизация
Создание шаблонов и страниц HTML
Применение облегченных сценариев
Создание и заполнение страниц
Джеффри Зельдман (Jeffrey Zeldman) о веб­стандартах
Невидимый контент
Интеграция с внутренними разработками
Понимание важности контроля качества (QA)
Создание плана контроля качества (QA)
Упрощенная/неформальная проверка качества
Полуформальный контроль качества
Формальная проверка качества
Расстановка приоритетов и устранение ошибок
Заключительная проверка
Резюме фазы 4

Глава 7. Фаза 5: Запуск и сопровождение

Передача сайта
Завершение руководства по стилю оформления сайта
Создание пакета передачи
Контроль за документацией
Стефен Cпенсер (Stephan Spenser): информация - это сила
Проведение заключительной встречи
Планирование инструктажей по сопровождению сайта
Ввод в действие
Подготовка плана анонсирования
Оптимизация сайта для поисковых систем
Барбара Колл (Barbara Coll): как спроектировать сайт, чтобы он занял достойное место в рейтинге поисковых систем
Запуск сайта
Эксплуатационная поддержка сайта
Оценка возможностей группы сопровождения
Внутренние и внешние группы сопровождения
Разработка плана эксплуатационной поддержки
Укрепление безопасности сайта
Планирование итеративных веб­программ
Оценка успешности сайта
Резюме фазы 5
Резюме Базового процесса

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

Что такое юзабилити
Начало работы
Юзабилити и редизайн
Когда тестировать
Затраты на тестирование
Якоб Нильсен (Jakob Nielsen) о значении ускоренного юзабилити-тестирования
Проведение юзабилити-тестов: процесс из четырех этапов
Этап 1: План и подготовка
Этап 2: Подбор участников
Этап 3: Проведение сеанса
Этап 4: Анализ данных и составление рекомендаций
Резюме главы

Глава 9. Сложная функциональность сайтов

Сбор и документирование требований к функциональности
Необходимость сбора требований
Что такое требования
Сбор требований к функциональности
Документирование требований к функциональности
Расстановка приоритетов, ранжирование и анализ требований к функциональности
Расстановка приоритетов бизнес-целей
Ранжирование требований
Анализ требований
Проектирование спецификации функциональности
Что включать в спецификацию функциональности
Насколько подробной должна быть спецификация функциональности?
Син Долан (Sean Dolan) о воспитании духа коллективного сотрудничества у дизайнеров и разработчиков
Получение окончательного одобрения клиента
Реализация спецификации функциональности
Объединение усилий
Подготовка к запуску
Резюме главы

Учебные примеры

Baby Center
Port of Seattle
Janus
BearingPoint
About.com
Gotomedia, inc.
Мелани Крафт
Coldwell Banker Walter Williams
WebEx
Banana Republic

Глава 10. Анализ конкуренции

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

Алфавитный указатель


Мнения читателей англоязычного издания о книге:

Джеффри Зельдман (Jeffrey Zeldman)
Люди часто неправильно выбирают мотивы для редизайна. Иногда они перепроектируют сайт только потому, что недавно освоили новую технологию (у меня тоже есть такой грех) или кого-то из руководителей компании не устраивает внешний облик сайта, не думая о том, что посетителей все может устраивать. Неко-торые начинают редизайн, не изучив предварительно потребности пользователей. Есть и такие, кто изучает потребности пользователей и занимается брендом компании до перепроектирования, а потом обнаруживает, что процесс редизайна стал неуправляемым. Проект, бывший поначалу захватывающим и увлекательным делом, может быстро превратиться в "черную дыру", засасывающую время и деньги и никому не приносящую выгоды.
Эта прекрасная книга, написанная про-стым языком, профессионалами для профессионалов, поможет вам сформулировать вопросы, ответы на которые поставят процесс редизайна на прочный фундамент. В ней рассказывается о том, как создавать сценарии построения дружественных сайтов... и как работать с самыми несговорчивыми клиентами на каждом этапе процесса редизайна. Первое издание книги помогло моей компании сэкономить тысячи долларов, обратив внимание на потенциальные заблуждения и позволив мне и моим клиентам не допустить их воплощения в реальной жизни.
Читайте эту книгу, следуйте ее рекомендациям, и ваши клиенты и руководители будут довольны вашей работой, посетители вашего сайта будут удовлетворены и, что самое важное, вы и сами останетесь довольны. Вы сделали все, что могли, для благодарных посетителей сайта.

Шер Чэмнесс (Литтлтон, США) (Shere Chamness "REALART", Littleton, CO USA)
У меня есть оба издания, и я приятно удивилась, что во втором столько новой всесторонней информации. Оно отлично продумано, легко читается. Да еще и остроумно написано. Приятно, что кроме основных сведений появились новые комментарии и сове-ты. Новая книга Келли и Эмили охватывает многое из того, чему мы, наверное, уделяли недостаточно внимания, проектируя сайты. Первое издание помогло мне написать неотразимую заявку и сделать выгодный проект.
Сейчас я веду не-сколько проектов, и второе издание у меня всегда под рукой. Два года назад я перепроектировала один корпоративный сайт, а теперь его надо увеличить, и опять нужен редизайн. Бизнес компании удвоился как раз благодаря предыдущей версии сай-та, создавая которую я следовала рекомендациям первого издания.
Прежде чем писать заявку или составлять сме-ту, я обращаюсь к книге Келли и Эмили, а во время работы она помогает мне не запутаться. Книга особенно полезна, когда у заказчика появляются идеи, грозящие вывести процесс редизайна из-под контроля. Увеличение масштаба проекта - это здо-рово, если заказчик готов заплатить больше! Во втором издании конкретно сказано, что надо делать, если проект вот-вот расползется.
Еще раз спасибо Келли и Эмили за то, что они делятся с нами ценной информацией.

Клейтон М. Фишер (Clayton M. Fischer)
Келли и Эмили проделали исключительную работу, соз-дав стандартизованный, масштабируемый технологический процесс, подходящий к любому мыслимому веб-проекту. В кни-ге много новых идей, и она чрезвычайно помогает удержать веб-проекты в порядке. Покупайте обязательно, она того стоит.