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

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

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


Pages:     | 1 || 3 | 4 |   ...   | 8 |

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

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

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

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

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

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

Создание Непросто удержать баланс между творческими устремлениями и техническими ограничениями.

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

дизайн Разумный дизайн направлен на СОЗДАНИЕ пользовательскую среду и воз можности посетителя. Разумный S Анализ целей сайта дизайн - это функциональность | Разработка концепций и быстрая загрузка. Он нацелен | Представление дизайна и получение одобрения на опыт пользователя, а не на амбиции дизайнера, желание применить Flash, разместить Анализ целей сайта баннерную рекламу или даже удовлетворить личные причуды Визуальный дизайн не должен выполняться неза управляющего компанией клиен висимо. Проанализируйте цели сайта и техничес та. Если что-то ущемляет инте кие требования. Перечитайте креативный бриф;

ресы пользователя, это не ра еще раз ознакомьтесь с аудиторией. Ориентируйте зумный дизайн, даже если это дизайн на аудиторию, а не потворствуйте чьим-ли- очень круто. Как осуществить ра бо авторским амбициям. зумный дизайн? Просто. Войди те в роль пользователя. Переме Разработка концепций щайтесь по сайту, нажимайте на ссылки и загружайте файлы Концептуальный мозговой штурм заключается в делайте то, что делают пользо придумывании визуальных решений, которые ватели. Внедряйте информаци функционируют и отвечают всем целям сайта. Ди- онный дизайн, а не сражайтесь зайнеры экспериментируют с цветами и располо- с ним. Подробнее о разумном жением объектов, пиктограммами и эскизами. дизайне см, в описании фазы 3.

Производственная группа также включается в эту работу;

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

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

Четко определите ожидаемые результаты, сдержи вайте энтузиазм клиента и избегайте «синдрома бесконечного улучшения». Если клиент настаива ет на разработке направления, не заявленного пер воначально в креативном брифе, предъявите ему дополнительный счет. Совершенствуйте дизайн, пока он не утвержден. Одобрение дизайна клиен том обязательно получите в письменной форме.

52 Глава Выверка При работе над визуальным дизайном найдите время на выверку содержимого, переходов страниц, навигации и предложенной функциональности, разработан ных в фазе 2. Не проделав этого, рискованно переходить к производству HTML.

Подключите дизайнеров производства к проверке всех аспектов — от начальных эскизов до презентационных для гарантии того, что все в порядке.

ВЫВЕРКА Создание протосайта Проверка функциональности Создание протосайта На данном этапе производственной группе лучше начать с HTML, в котором есть только гиперссылки. Такой «протосайт» даст возможность исследовать со держимое, навигацию и положение страниц. Установите, осмысленно ли рабо тает информационная модель. Другими словами, может ли кто-нибудь действи тельно пройти по сайту так, как вы планировали. В некоторых случаях этот протосайт и становится фактическим сайтом.

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

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

ПЕРЕХОД К ПРОИЗВОДСТВУ Создание графических шаблонов Создание руководства по стилю оформления Один процесс, подходящий для всех Создание графических шаблонов Переход от опробованного и одобренного макета к окончательному производству осуществляется с помощью графических шаблонов. Эти файлы по казывают всю функциональность, в том числе со стояния конкретного элемента страницы с поло жением указателя мыши на нем, вне него и при проходе над ним (так называемые состояния on/ off /over), и включают вместо содержимого запол нители, то есть в них есть вся информация, кото рая необходима для перенесения визуального ди зайна в HTML.

Создание руководства по стилю оформления Превосходным пособием для дальнейшей работы по созданию страниц, их оформлению и поддержа нию будет руководство по стилю оформления (De sign Style Guide). Оно устанавливает стандарты для шрифтов, цветов, заголовков и многих других элементов оформления, что поможет группе под держки сохранить единообразие дизайна. Табли ца рекомендуемых компонентов для руководства по стилю оформления наряду с наглядным приме ром приводится в описании фазы 3.

Фаза 4: Производство и контроль качества (QA) В фазе 4 все наработки по отдельным направлени ям собираются воедино. Производство объединя ет содержимое, элементы дизайна и создание HTML и/или Flash в полноценный сайт. В фазе рассматривается необходимость внутреннего про граммирования. На этом этапе также производит ся проверка качества (QA) сайта. Оцените, удов летворяет ли сайт всем предъявляемым требова ниям. Опробуйте гибкость HTML.2 Произведите Под гибкостью HTML (HTML fluidity) подразумевается правильность отображения закодированного HTML различными броузерами на разных мониторах, с различ ными шрифтовыми наборами и установками по умолчанию, в различных операци онных системах. - Примеч. науч. ред.

54 Глава проверку качества (QA). Выявите ошибки, рас Проводите юзабилити-тес- ставьте приоритеты их устранения и исправьте их.

тирование Изучите отклики пользователей и отреагируйте на Из всех форм откликов пользо- замечания. Запуск сайта приближается.

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

вообще взаимодействует с дан ным веб-сайтом. Результаты та кой проверки видны сразу, и их трудно оспорить. Выполняя не- ПОДГОТОВКА формальное тестирование в хо | Определение основополагающих принципов де всего процесса разработки, I Оценка состояния проекта можно попутно проверять свои I Формирование файловой структуры предположения и принимать со ответствующие решения, таким образом совершенствуя инфор Определение основополагающих мационное проектирование сай принципов та, навигацию, именование, мар кировку и весь облик сайта. Вво Конкретные решения по поводу броузера, плат дите юзабилити-тестирование в формы, технологии и файловой структуры долж процесс разработки. Подробнее ны быть приняты на ранних стадиях Базового про о тестировании см. в главе 8.

цесса, задолго до того, как начинается изготовле ние сайта, а в идеале - в самом начале работы над проектом. Ведомость клиентских технических тре бований (Client Spec Sheet) - это опросный лист для главного технического специалиста клиента. Его ответы обеспечивают проектную группу всеми не обходимыми параметрами для определения осно вополагающих принципов проектирования. Ведо мость клиентских технических требований - де тализированный опросник. Частично он приведен в описании фазы 4, а полностью его можно загру зить с www.web-redesign.com.

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

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

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

КОМПОНОВКА | Разбиение на части и оптимизация графики I 1 Создание HTML-шаблонов и страниц Внедрение облегченных сценариев I Заполнение страниц 1 Введение сложных функциональных возможностей Разбиение на части и оптимизация графики Преобразование графических файлов в HTML-страницы требует навыков. На этом этапе дизайнеры производства фактически разбивают, или нарезают, гра фические шаблоны на отдельные GIF- и JPG-файлы, которые превратятся в 56 Глава обыкновенную графику (flat graphics), анимацию Включайте невидимое и динамически изменяемую графику (rollovers) и содержимое которые заполнят HTML-шаблоны и страницы.

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

(информацию о глобальных для сайта переменных внесите при Создание HTML-шаблонов и страниц формировании HTML-шаблонов).

Вставка невидимого содержи- Все сайты - и статические и динамические - на мого, включающего ALT-, МЕГА- чинаются с HTML-шаблона. Эта мастер-страница, и TITLE-теги, часто оставляется до или набор страниц, используется для создания все самых последних этапов изготов го остального сайта. Если сайт будет выстроен из ления сайта, если вообще не за статических HTML-страниц, этот этап явится на бывается. Некоторые компонен чалом фактического производства HTML. На этой ты невидимого содержимого по стадии кодируются «облегченные» сценарии для ставляются клиентом, но чаще глобальных элементов сайта, а также формирует всего его формируют сами ди ся невидимый контент, который также является зайнеры производства. Это еще глобальным.

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

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

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

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

Тестирование Сайт сформирован;

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

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

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

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

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

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

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

Фаза 5: Запуск и сопровождение Достижение этой стадии означает начало функци онирования обновленного сайта. Примите позд равления! Запуск сайта - очень существенный этап, но это еще не конец работ. Данная стадия охватывает аспекты, которые должны быть про думаны до, во время и после выхода сайта в жизнь.

Она касается подбирания «хвостов» и красивой упаковки проекта перед переходом сайта в следу ющую фазу его существования: постоянного со провождения.

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

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

ПЕРЕДАНА САЙТА I Завершение руководства по стилю оформления | Создание пакета передачи I Разбор и архивирование документации I Проведение заключительной встречи I Планирование инструктажей по сопровождению сайта • I Завершение руководства по стилю оформления После запуска сайта к руководству по стилю оформления (Style Guide), сфор мированному в фазе 3, добавляются необходимые дополнительные рекоменда ции по производству. Эта часть руководства по стилю оформления (Production Style Guide) должна включать коды HTML-тегов, атрибуты и определения гра фических элементов - всю информацию, необходимую для передачи от дизайне ров производства группе сопровождения. Перечень рекомендуемых компонен тов для этой части руководства наряду с наглядным примером приведен в опи сании фазы 5.

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

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

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

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

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

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

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

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

Один процесс, подходящий для всех ЗАПУСК j Подготовка плана анонсирования | Регистрация в поисковых системах | Запуск сайта Подготовка плана анонсирования План анонсирования формируется задолго до запуска сайта - обычно внутрен ней или внешней маркетинговой группой. Желательно, чтобы она заблаговре менно уведомила о редизайне сайта существующую аудиторию, чтобы сохранить ее и поддержать с ней обратную связь. Будучи поглощенными работой над обнов лением сайта, не забывайте еще до начала основной рекламной кампании инфор мировать аудиторию о степени готовности и предполагаемых сроках запуска.

Регистрация в поисковых системах Даже если ваш сайт уже зарегистрирован в поисковых системах, запланируйте повторную регистрацию после запуска обновленного сайта. Используйте в фа зе 5 специальный инструмент МЕТА Data Creation Tool, эффективно помога ющий создавать теги ключевых слов (keywords) и заголовков (title). Кроме то го, не пропустите в фазе 5 описание четырех верных способов скрыться от поис ковых машин, чтобы убедиться, что вы эти способы не используете.

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

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

Как часто будет обновляться сайт? Ежедневно? Ежемесячно? Как будут архи вироваться материалы? Кто будет отвечать за текущую поддержку сайта? На сколько находчив этот человек? В начале проекта (на этапе планирования) вы заполняли эксплуатационный опрос (Maintenance Survey);

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

62 Глава СОПРОВОЖДЕНИЕ Оценка возможностей группы сопровождения Разработка плана эксплуатационной поддержки Оценка успешности сайта Укрепление безопасности сайта Оценка возможностей группы сопровождения Лица, ответственные за обновление сайта, должны иметь достаточно высокий уровень навыков текущей поддержки модернизированного сайта. Команда веб разработчиков должна оценить способность группы сопровождения справиться со стоящими перед ней задачами. Проинформируйте клиента, если команда не доукомплектована, недостаточно квалифицированна или слишком многочис ленна.

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

Оценка успешности сайта Теперь, когда сайт работает, пришло время оценить результаты. Действительно ли новый сайт достиг целей, намеченных при его редизайне? Увеличился ли объем продаж? Снизилось ли число звонков заказчиков в технические служ бы? Наличие откликов пользователей по поводу качественных и количествен ных изменений, а также степень удовлетворенности заказчиков помогут оце нить успех модернизации сайта.

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

этот план поможет защититься от них.

Один процесс, подходящий для всех Резюме В данном обзоре предложена общая панорама технологии редизайна веб-сайта, которая дает возможность представить весь Базовой процесс от начала до кон ца. Очень полезно, особенно в фазе 1, понимать, что еще предстоит сделать.

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

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

Учебный пример LiquidMedium Клиент: LiquidMedium Дизайнер: Кайен Нассири (Kian Nassiri) URL: www.liquidmedium.com Ответственный за производство:

Проектная группа (редизайн): Idea Integration, Мэнни Фритас (Manny Frietas) Сан-Франциско Группа сопровождения (обновление Креативный директор: Келли Гото (Kelly Goto) модифицированного сайта):

Арт-директор: Серен Ховес (Serena Howeth) штатные сотрудники LiquidMedium ПРЕДЫДУЩИЙ bd a cm ui t a biq t gbr s tn fm «h t e* c u o mn h t r s o « « uf q r » k h s o li yn t ii m of xtmfii-tiy И 1 1 И М. This will c r a t t t * mtrktrxpict in which both *Mch«na« »«furns *ni Id**», r«-4tfinina tt.« currant mod*) utflfrtd by th TURB0STAFF.COM [ПРЕЖНИЙ] был корпоратив ным, устаревшим и уже не отражавшим цели компа нии. Настало время изменить и ее брендинг и весь облик сайта.

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

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

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

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

См. цветную вклейку, стр. 342- 3 За к. Фаза 1: Определение проекта Масштаб проекта: область проекта, ограниченная со всех сторон определенными рамками, включая бюджет, планы, креативное видение, технические потребности, а также общий размер.

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

Эта глава поможет провести все подготовительные работы и составить планы.

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

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

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

• Каковы пожелания и цели клиента? Какой план предлагается для их дости жения?

• Какова общая стоимость проекта, как она распределяется по отдельным зада чам и сколько времени требуется на решение каждой из них?

• Кто входит в состав проектной группы и каковы их обязанности?

• Что требуется от клиента?

• Какие конкретно компоненты проекта подлежат сдаче и в какие сроки?

• Каким образом сайт будет проверен на соответствие потребностям пользова телей?

• Каковы долгосрочные перспективы развития сайта?

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

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

70 Глава Сбор информации ВЫЯСНЕНИЕ Выяснение - это теоретический, мыслительный Сбор информации этап работ, во время которого члены проектной Изучение аудитории группы должны войти в роль пользователей сайта Анализ отрасли и в максимально возможной степени понять целе вую аудиторию, отрасль компании, прежний об лик сайта и представить, каким он должен стать в результате редизайна. Для начала необходима ин формация. Следует выяснить все, что возможно, по поводу проекта, клиента, его отрасли и потен циальной аудитории сайта. Требуются ответы на множество вопросов, и в этом помогут опросные листы.

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

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

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

мация может уже не соответство вать реальности.

Опрос клиента, который можно загрузить с www.web-redesign.com, - это довольно простая за дача: раздать опросные листы, собрать ответы и проанализировать их. Во время анализа иногда требуется уточнить что-нибудь у клиента — по те лефону или по олектронной почте. Раздача опрос ных листов — это первое, с чего следует начинать работу над любым веб-проектом. Постарайтесь по лучить ответы клиента как можно скорее.

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

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

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

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

лити-тестирование»;

об анализе Фактически руководитель внутренней проектной конкуренции - в главе 9 «Анализ группы может самостоятельно заполнить опрос- конкуренции».

ный лист.

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

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

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

ние относительно модернизации веб-сайта, должно ОПРОС КЛИЕНТА Общая информация (Примерами могут быть увеличение продаж, осведом ленность в маркетинге/брендинге, снижение количества 1. Напишите название компании и текущий (или буду обращений посетителей в технические службы.) Пожа щий) URL луйста, обсудите как долгосрочные, так и краткосроч 2. Кто является основным контактным лицом от органи ные цели.

зации и кто имеет право подписи документов по про 3. Какую основную проблему вы надеетесь решить с по екту? Пожалуйста, укажите имя, должность, адрес мощью редизайна сайта? Как вы собираетесь оценивать электронной почты и номер телефона.

успешность решения?

3. Какую дату запуска нового сайта вы намечаете? Су 4. Какая существующая в компании стратегия (и онлайно ществуют ли какие-либо внешние обстоятельства, ко вая и вне Сети) отвечает новым бизнес-целям?

торые могут изменить график (например, PR-кампа ния, выставка или ежегодный отчет)? Аудитория/желаемые действия 4. Определен ли уже порядок финансирования данного 1. Опишите типичного пользователя вашего сайта. Как часто проекта? Можно ли разбить проект на этапы, чтобы он работает в режиме онлайн и для чего вообще исполь согласовать бюджетные и временные ограничения? зует Сеть? Каков его возраст и чем он зарабатывает се бе на жизнь? (Составьте как можно более подробный про Текущий сайт филь вашего целевого пользователя. Если необходимо, 1. Считаете ли вы текущий сайт удобным для пользовате составьте несколько профилей.) лей? Почему?

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

цию)?

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

бирает продукцию и/или услуги вашей компании (цена, 4. Проводилось ли вами юзабилити-тестирование и име- сервис, качество)?

ются ли отзывы пользователей о текущем сайте? Как 4. Как много людей (насколько вам известно) посещает ваш давно? Пожалуйста, включите любые отчеты или све сайт ежедневно, еженедельно и ежемесячно? Как вы оце дения по этому поводу.

ниваете частоту посещений? Ожидаете ли вы увеличение 5. Насколько важно сохранить текущий облик сайта, его посещаемости сайта после реконструкции и насколько?

логотип, брендинг?

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

модернизированном сайте? Каковы вторичные цели?

Фаза1: Определение проекта Этот опрос можно загрузить с www.web-redesign.com 2. Как в настоящее время ваша компания представлена в сайте? Что это должно дать пользователям? Опишите, оффлайне? Хотите ли вы использовать тот же имидж и пожалуйста, подробно.

на сайте? 3. Требуются ли сайту возможности базы данных (дина мическое генерирование контента, поисковые возмож 3. Чем ваша компания отличается от конкурентов? Считае ности, персонализация/вход в систему)? Имеется ли те ли вы, что ваша текущая аудитория выделяет вас сре ди конкурентов? Перечислите URL конкурентов. уже у вас база данных? Пожалуйста, опишите это по дробно, включая конкретную информацию о существу 4. Перечислите URL любых сайтов, которые вам нравятся.

ющем программном обеспечении.

Что конкретно нравится вам на этих сайтах?

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

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

поставщиков?

Маркетинг/обновление 2. Какова базовая структура контента и как она организова 1. Каким образом большинство людей узнаёт о существо на? Собираетесь ли вы полностью реорганизовать теку вании вашего текущего сайта? Какие методы распро щий сайт или только расширить его?

странения вашего URL уже использует компания?

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

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

сайтом? Имеете ли вы карту текущего сайта? Есть ли у 4. Собираетесь ли вы обновлять модифицированный вас карта или предварительные наброски для будущего сайт? Как часто? Кто отвечает за обновление и постав сайта? ку контента?

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

пользовать (если знаете)?

2. Какие специфические технологии (Flash, DHTML, Java Script, Real Audio) вы хотели бы использовать в новом 74 Глава Многим приходилось иметь дело с кошмарным кли- кто находит время подробно и содержательно отве ентом. Необоснованно требовательным, капризным, тить на вопросы, вероятно, задумывались о создании непостижимым, нереалистичным, скупым... В своих сайта. Они предоставят полезную для проекта ин предстоящих проектах используйте опрос клиента и формацию и будут хорошими клиентами. А от клиентов, как интервьюирующий, и как отсеивающий инструмент. обладающих целым рядом плохих качеств (см. ниже), Поскольку клиенты должны заполнить и возвратить оп- иногда лучше просто отказаться. Если есть выбор, ана росный лист, это делает их более ответственными. Те, лизируйте и разумно выбирайте проекты и клиентов.

1 Хороший клиент обладает некоторыми из следу- Это необязательно кошмарный клиент, но будь I ю и качеств:

щх те настороже, если он:

• Целеустремленный: ориентируется на об- • Выражает требования в манере «вынь да по щую картину ложь» с нереалистичными запросами к сро кам выполнения 1 • В опросном листе дает четкие и подробные ответы • Не знает, каким должен быть контент, но хо |• Предоставляет заявку на предложения (RFP) чет, чтобы это было «круто»

или ясно обрисовывает цели и масштаб про- • Просит создать демонстрационный сайт, го екта ворит, что реальный будет создаваться позже )• Понимает веб-среду и имеет представление • Не имеет права подписи и одобрения или о процессе разработки не сводит вас с лицами, принимающими ре 1• Имеет право подписи и одобрения шёния 1 • Не спорит по поводу сроков сдачи, графика • Не находит времени заполнить опросный лист работ и бюджета • Малый бюджет, нереальный крайний срок [• Отвечает на запросы по электронной почте • Необязательный, не может принять реше и по телефону ние, не реагирует своевременно на звонки или электронную почту | • Понимает работу в команде | • Вовремя предоставляет контент • Нерешительный, часто меняет мнение [ • Помогает решать проблемы, а не является • С целью «экономии денег» хочет сам прора их источником бртать творческие аспекты сайта и составлении графиков работ, бюджета и наиважнейшего креативного брифа. Можно сказать, что это плацдарм проекта.

Анализ опроса клиента внесет ясность в целый ряд моментов, концепций и идей:

• Цели сайта. Каковы цели редизайна сайта? Какая главная проблема бизнеса будет при этом решена (например, увеличение трафика или объема продаж)?

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

Фаза 1: Определение проекта Если при редизайне сайта будет полностью меняться Если продвижение сайта входит в число основных представление образа компании, узнайте у клиента задач редизайна, задайте следующие вопросы:

текущее состояние дел в отношении брендинга. Ниже приведен ряд типовых вопросов:

1. Что именно должен отражать логотип компании? 1. Какие способы распространения своего URL за Какую эмоциональную реакцию он должен вызы- пределы организации вы используете в настоящее вать у заказчиков? время - в он- и оффлайне ? Способствуют ли они увеличению трафика?

2. Перечислите или приложите образцы эмблем, ко торые вам нравятся, и объясните почему. 2. Чем вы стимулируете повторные посещения ва шего сайта? И как вы можете стимулировать у те 3. Какие цвета и изображения лучше передают ин кущих пользователей желание рассказать о вашем дивидуальность и атмосферу вашей компании?

сайте другим?

4. Будет ли в эмблему включен слоган? Что он дол 3. Каковы ваши кратко-, средне- и долгосрочные пла жен отражать?

ны в отношении увеличения трафика и повыше ния известности вашего сайта?

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

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

• Атмосфера. Какого настроя и производимого сайтом впечатления желает до биться клиент? Каким должен выглядеть сайт? Изощренным? Спокойным?

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

• Масштаб. Каковы границы проекта по всем аспектам, включая бюджет, пла ны, творческие задумки, технические потребности и общий объем (определен ные настолько четко, насколько это возможно на данном этапе)? Без знания этого нельзя составить бюджет.

• Эксплуатационная поддержка. Как представляет себе клиент будущие обнов ления сайта? Как часто и в каком объеме они будут производиться? Дополни тельные данные на этот счет обеспечит эксплуатационный опрос.

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

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


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

многими аспектами, включая структуру и органи зацию сайта, структуру каталогов и файлов, а так же зачастую сложную задачу управления контен том. Имейте в виду, что эксплуатационный опрос (доступный для загрузки с www,web-redesign.com) необязательно заполнять и анализировать до на чала проекта, но его необходимо рассмотреть на фазе 2: Разработка структуры сайта, которая сле дует за фазой 1: Определение проекта.

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

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

ЭКСПЛУАТАЦИОННЫЙ ОПРОС Общая информация Формирование контента 1. Какие разделы перепроектированного сайта бу- 1. Кто отвечает за формирование контента для сай дут обновляться (например, новости, фотогра- та? Будет ли он уделять созданию контента часть времени или все время?

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

дивидуальные обязанности каждого ее сотруд- 3. Как часто будут добавляться новые разделы или ника и их занятость. (Полный рабочий день? темы? Будут ли они основаны на общем шабло Часть времени? Эпизодически?) не сайта или будут независимыми?

3. Каким образом будет обновляться сайт? Вы бу Производственная квалификация дете вручную вводить контент в HTML-файлы? Вы 1. Какие навыки необходимы для обновления сай будете использовать систему управления контен та (базовые знания HTML, умение писать сцена том для его динамического обновления (полез рии)?

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

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

ционной поддержки сайта и каков уровень его квалификации? Какой опыт он имеет? Потребу- Реклама ется ли его стажировать?

1. Каким образом пользователь будет знать об оче 5. Кто отвечает за изменение графики на сайте?

редном обновлении сайта? Будет ли обновление Будет ли он использовать имеющиеся шаблоны сайта автоматически сопровождаться рассылкой при внесении изменений или добавлений? Ка анонса по электронной почте или другими вари ков уровень его квалификации в графическом ди антами объявлений?

зайне?

2. Кто отвечает за поисковый механизм и за введе ние и обновление ключевых слов? Как часто бу дут пересматриваться ключевые слова и МЕТА теги?

Этот опрос доступен для загрузки с www.web-redesign.com 78 " Глава Изучение аудитории Сеть существует для пользователей. Какие потребности, возможности, жела ния и специфические особенности пользователей вам следует знать? Все (или, по крайней мере, как можно больше). Но так как умозрительные размышления здесь не помогут, следует изучить аудиторию.

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

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

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

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

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

«Типичный пользователь - это студент университета в возрасте от 18 до 22 лет, работающий в Сети ежедневно. Он очень хорошо ориентируется в Сети и регулярно (2 или 3 раза в месяц) делает онлайновые покупки книг, компакт-дисков, цифровых видеодисков и подарков. Он имеет вы сокоскоростной доступ в Интернет из общежития и из библиотеки, ча ще всего используя библиотечные компьютеры для учебных задач, а компьютер в общежитии - для личной переписки. Его типичными за дачами на сайте являются поиск авторов, названий и товаров для со вершения покупок. Он зарегистрирован на сайте, имеет имя пользова теля и пароль и может делать покупки быстро и легко».

Если есть необходимые данные, настоятельно рекомендуется сформировать не сколько детальных, индивидуальных профилей (рис. 3.1). Для этого требуется опросить как клиента, так и ряд фактических пользователей, чтобы получить реальное представление о целевой аудитории. Результаты окупят затраченные усилия.

Фаза 1: Определение проекта Пэйдж Мак-Кормик Пэйдж Мак-Кормик - преподаватель искусств в начальной школе, художник и ин структор лиги Little League Track для девочек в Портленде, штат Орегон. Ей 35 лет, она со своей собакой Руги живет на северо-западе Портленда около лесопарка.

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

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

(Paige McCormick) Пэйдж самостоятельно изучает поведение собак и методы их дрессировки. Ей нравится жить рядом с лесопарком, так как это дает прекрасную возможность для Руги побегать за белками.

У Пэйдж есть модем 56 К, но она собирается скоро перейти на DSL У нее компьютер Mac G3, и она считает себя большим знатоком компьютеров. Она делает много покупок в Сети и находит, что это экономит время, хотя иногда доставка бывает не на высоте. Пэйдж очень ценит ежемесячную автоматическую поставку про дуктов питания для собаки.

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

Рис. 3.1. Этот образец профиля дает подробное описание типичного пользователя.

Такой документ, называемый также «образом персоны», может быть настолько де тален, насколько позволяют ваши сведения, творческий потенциал и время Определение технических требований Какие технологические новинки потребуются для редизайна? Это, бесспорно, один из наиболее существенных моментов в фазе 1: Определение проекта. Только внешний редизайн сайта, даже если он имеет обширный масштаб, очень отли чается от проекта, который предусматривает еще и динамический контент, а также усиление безопасности. Клиенты очень часто хотят иметь все — нужное и ненужное, совсем не представляя связанные с этим затраты. Анализ необходи мых технологий (внутренних и для внешнего интерфейса) позволит выявить аспекты, в которых ожидания клиента не отвечают реальности (рис. 3.2).

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

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

80 Глава Кейт Гомолл (Kate Gomoll) о профилировании пользователей Дизайнеры и разработчики во время про- бителях. Однако для работы дизайнеров ектирования должны иметь в виду ре- и веб-разработчиков требуются как раз альных людей. Телевидение оказалось эти подробности. Конкретные детали о таким успешным именно потому, что ре- мотивации пользователей, их неудовлет альные люди постоянно удивляются не- воренности, их желаниях помогут груп ожиданным вещам, которые могут де- пе разработчиков принимать важные и лать и высказывать другие реальные лю- стратегические решения. Всегда бывают ди. Охарактеризуйте свою аудиторию;


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

выраженные в процентах и тенденциях.

Хотя эта информация полезна для обще- Я не говорю, что не следует проводить го планирования производства и марке- традиционные исследования, опраши тинга, она недостаточно специфична для вая фокусные группы и делая обзоры. Но дизайнеров производства и веб-разработ- часто не хватает времени даже на мини чиков. мальное исследование. Однако если уде лить время и выяснить, какие категории Резюме, которые составляет большинст во отделов исследований рынка, создают пользователей относятся к целевой груп абстрактное представление о людях. Они пе, а затем опросить по крайней мере по фокусируются на обсуждении тенденций одному человеку из каждой категории, и секторов рынка, но не содержат ника- можно получить очень полезные пользо ких подробностей об отдельных потре- вательские профили. Иногда проектные Фаза 1: Определение проекта группы проводят базовое профилирова- категории пользователей. Эти конфигу ние - даже когда оно не предусмотрено в рации, также называемые «образами пер бюджете - просто потому, что разработ- сон», станут краткими описаниями кате чикам необходимы эти данные! Они не горий потребителей, использующих ваш могут хорошо выполнить свою работу, не продукт. Секрет успешного профилирова зная конкретные сведения о потенциаль- ния пользователей заключается в ис ных пользователях. пользовании сведений о реальных людях, а не гипотетических, надуманных исто Какие сведения следует включить в поль рий. Вы увидите, что действительность зовательские профили?

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

• Очерки о типичном дне жизни • Фотографии людей, их окружени е, Кейт Гомолл - президент Gomoll Rese их инструменты arch & Design, Inc. (www.gomollde sign.com), консультативной компании, • Предпочтения и сведения о том, что им специализирующейся на дизайне пользо не нравится вательской среды. Последними клиен • Наблюдения тами компании были DirecTV, Charles Schwab, WebTV, Hewlett-Packard, Inter • Модели способов использования изде net Appliance Network и Compaq. Обзоры лий Кейт о пользовательской среде вошли в • Неудовлетворенность вашим или по книги «The Art of Human Computer Inter добными изделиями face Design», Addison-Wesley, 1990 и «The • Пожелания в отношении изделия Macintosh Human Interface Guidelines», Addison-Wesley, 1992. Признанный в Поскольку эти профили полезны, толь стране эксперт в области разработки и ко если их станут читать, уделите время, юзабилити интерфейса программного чтобы написать привлекательный ком обеспечения, Кейт преподает методы ментарий;

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

ляет время и бюджет, создайте профили До открытия своей консультативной для многих потенциальных пользовате компании Кейт работала разработчи лей. Потом переработайте их, сформиро ком интерфейсов в Advanced Technology вав лишь несколько собирательных об Group фирмы Apple Computer.

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

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

Ориентируясь на пользователей с хорошей связью, клиент стремится показать са мые новейшие технологии, не заботясь о тех, кому они недоступны. Такой клиент рассчитывает на аудиторию, которая поддерживает все прогрессивные технологии (полноценный Flash, новейшие броузеры и так далее). Это обычно эксперимен Фаза1: Определение проекта тальные и передовые (с точки зрения дизайна) сайты, Пропускная способность?

подобные сайту Altoids Too Hot (рис. 3.3).

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

технологий) и везде (даже там, где DSL недосту- (bandwidth), а именно: скорость пен), должны ориентироваться на низкоскорост- связи, то есть время загрузки ную аудиторию. Это подавляющее большинство страниц, версия броузера, пла пользователей - так называемый массовый рынок. гины и тому подобное. Поэтому, Такие сайты загружаются быстро даже через мо- когда говорится о «пользователе с высокой пропускной способ демы (правда, больше уже не учитываются модемы ностью» (high-bandwidth user), со скоростью 14.4 и почти не учитываются 28.8 речь идет о пользователях с са нужно поднимать планку). Этим сайтам не требу мыми последними версиями ются никакие специальные технологии или пла броузеров, которые могут под гины, и они нормально работают и с небольшими держивать высокоскоростную экранами мониторов, и со старыми броузерами. загрузку (то есть о пользовате Примером может служить веб-сайт www.ama- лях с каналом Т1 или DSL на zon.com (рис. 3.4). сравнительно новых машинах).

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

и несколько более прогрессивные технологии, что- Высокая пропускная способность бы привлечь пользователей, которые способны канала необязательно означает оценить и ценят красивые сайты. Сайт трилогии то, что пользователь - профес кинофильма «Властелин Колец» (рис. 3.5) отвеча- сионал в использовании Сети.

Многие оснащенные новейшими ет этим требованиям: при загрузке Flash-сайта так технологиями и программами же предлагается и его HTML-версия. Некоторые машины приобретаются людьми сайты (например, www.macromedia.com) даже не с очень небольшим онлайновым отдают выбор на откуп пользователям, а включа опытом. Помните также, что мно ют анализатор броузера, который автоматически гие новички попадают в Сеть че направляет пользователей на сайт, соответствую- рез высокоскоростные сети ком щий их оснащенности. паний.

Анализ возможностей аудитории Поняв, что из себя представляет аудитория сайта, начните определять, каковы ее технические воз можности. Решите, на какую часть аудитории сле дует ориентироваться и какую можно не прини мать в расчет. Сколько процентов ваших пользо 84 Глава Puc. 3.3. Высокая скорость связи: www.toohot.com загру жается мгновенно при DSL подключении, но его загрузка пользователями модемов за нимает минуту. Там сплош ная анимация Рис. 3,4, Низкая скорость свя зи: www.amazon.com загружа ется мгновенно даже модема ми и не содержит никаких особых функциональных воз можностей. Он доступен да же пользователям с броузе ром версии 3, Фаза 1: Определение проекта Рис. 3.5. Чтобы удовлетво рить требования пользовате лей с различной скоростью до ступа, обычно создаются две версии сайта. На главной странице www.lordoftherin gs.net пользователям с низко скоростным доступом предо ставляется выбор между долгой загрузкой Flash-сайта или быстрым доступом к HTML-сайту. Для тех, кому Flash недоступен, на страни це есть ссылка:

*VISIT THE NON-FLASH SITE* (*Посетите сайт без исполь зования Flash*) вателей все еще связываются через модем? Сколько процентов имеют 17-дюймо вые мониторы и можно ли пожертвовать владельцами 15-дюймовых монито ров? Какой процент вашей аудитории загрузил самую последнюю версию Flash?

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

К счастью, в случае редизайна существующего сайта можно воспользоваться ста тистикой из журналов сервера. Как насчет данных в Сети? Немногие из них яв ляются достоверными или достаточно свежими. Есть два ресурса - www.hitbox.com и www.statmarket.com, - которые помогают сопоставлять демографические и ста тистические данные, но оба сайта предоставляют только платные услуги.

На данном этапе цель состоит в выяснении технических возможностей целевой аудитории, включая объем загрузки, скорость модема и совместимость броузе ра, что позволит установить пределы, в которые должны укладываться все раз работки. Эти пределы должны соответствовать пожеланиям клиента, которые, возможно, тоже нуждаются в корректировке. Клиент предлагает потоковые 86 Глава видеоролики в формате QuickTime для пользовате Раньше привлекайте вашего лей с модемами? Это неприемлемо. Имейте в виду, технического специалиста что представитель клиента, с которым вы контак Независимо от сложности проек- тируете, может не разбираться в таких вопросах.

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

алистам обеих сторон.

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

ный лист (Expanded Tech Check), доступный для за грузки на www.web-redesign.com, чтобы определить потребность во внутреннем программировании.

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

Техническая спецификация (Tech Spec) Создание письменного документа, детально объясня- Но поскольку наша методология, Базовый процесс, со ющего функционирование задуманного сайта, необ- средотачивается только на тех моментах, которые при ходимо для очень крупных веб-сайтов (для небольших менимы ко всем проектам редизайна веб-сайтов (а сайтов можно подготовить менее подробную версию). всем сайтам нужен внешний интерфейс и только не Этот документ, называемый технической специфика- которые требуют внутренних разработок), обсуждение цией, требует ознакомления с ним и подписи всех от- расширенных технических аспектов сведено здесь к ветственных лиц проектной группы и ответственных минимуму. О них здесь просто упоминается, так как представителей клиента. Данный шаг гарантирует при- данный этап - один из моментов взаимодействия меж менение единой терминологии и обеспечивает одина- ду внутренними технологиями и внешним интерфей ковое понимание планов развития сайта. Техническая сом. Техническая спецификация - это документ, к ко спецификация должна отразить все технологии, запла- торому обе команды обращаются в ходе работы над нированные для любых функциональных возможнос- проектом. Поскольку спецификация представляет со тей - базы данных или других сложных транзакций. бой техническую схему сайта, она должна включать бук Это означает, что если сайт имеет существующую раз- вально все - каждую мельчайшую деталь взаимодейст витую внутреннюю структуру или внутренние разра- вия с пользователем, которая требует чего-то более ботки уже запланированы и будут встроены во внеш- сложного, чем гиперссылка, - и кто бы ни читал ее, он ний интерфейс перепроектируемого сайта, то обяза- должен получить полное представление о запланиро тельно следует подготовить техническую спецификацию. ванном сайте.

Фаза 1: Определение проекта Опросный лист доступен для загрузки на www.web-redesign.com.

88 Глава Лесли Финней (Leslie Phinney) о брендинге и этапе выяснения Бренд1 по-прежнему продолжает оста- Для компании, решившей изменить ваться очень модным словом. От Nike свое присутствие в Сети, наиболее важ до Intel все, кажется, только и говорят ная задача относительно брендинга о важности брендинга. Далекую от не поколебать значимость существую простой случайности силу брендинга щего бренда, если он уже имеет яркую признали дизайнеры и годами помога- индивидуальность, или предпринять ют формировать его. необходимые шаги для разработки бренда, фокусируясь на его приложе В самых общих чертах брендинг - это нии к Сети.

наука и искусство определения и пози ционирования именно того, что отлича- Важно принимать во внимание целе ет изделие или услугу данной компа- вую аудиторию: используемые ею тех нии. Бренд отражает в легко узнавае- нологии, ее отношение к Интернету и мой и интересной форме главные осо- ее онлайновые привычки. Исследова бенности изделия или услуги - его ние этих критериев может быть более имидж, сферу применения и цену. Ко- легкой задачей для уже признанного роче говоря, все то, что необходимо ко- бренда, но даже в этом случае ни одна нечному пользователю. компания - как с новым, так и с уже признанным брендом — не может по Брендинг в Сети подчиняется тем же зволить себе проделать реконструкцию самым основным правилам с добавле без некоторой предварительной подго нием к ним понимания конкретных товки. Маркетинговые проблемы и потребностей сайта и обращения к на стратегии не так уж отличаются от то много более широкой аудитории. Идеи го, какими они были 10 лет назад. Раз из Сети воспринимаются даже быст ве что потребители имеют теперь боль рее, чем из рекламных роликов, но ший выбор, поэтому промежуток вре знание всех сильных сторон бренда, мени, за который товар или услуга усиленное эффектами дизайна, остает должны произвести эффект, становит ся одинаково важным независимо от ся короче. В силу этого основной зада информационной среды.

Бренд (от англ. brand) - торговая марка товара, фирмы. - Примеч. науч. ред.

Фаза 1: Определение проекта чей действительно является тщатель- тить это в достоверный, новаторский ное продумывание индивидуальности бренд.

бренда, его достоинств и отличитель ных особенностей, а затем уже можно Лесли Финней из дизайнерской фирмы позволить великолепной команде ди Phinneyi'Bischoff Design House в Сиэт зайнеров воплотить этот образ.

ле (www.pbdh.com) на протяжении лет имела дело как с северо-западны Будь это дизайнерская фирма, агент ми, так и с международными клиен ство или консультант по связям с об тами при совместной разработке их щественностью, следует привлечь ка маркетинговой стратегии, включая и кого-либо творческого партнера, кото разработку брендов компаний. Около рый может объективно оценить созда семи лет назад, когда Интернет ваемый бренд и увидеть, чего он стоит стал реальностью, PBDH была одной сейчас и каков его дальнейший потен из первых фирм Сиэтла, занявшейся циал. Остерегайтесь партнеров, кото онлайновым дизайном. Фирма посто рые готовы произвести множество ши янно совершенствовала свои возмож карных вариантов после единственно ности в этом направлении, и теперь го телефонного разговора с вашим мар она разрабатывает и создает для кли кетинговым отделом. Необходимо най ентов более дюжины динамических ти способ представления информации сайтов в год.

о вашем изделии или услуге и вопло 90 Глава Анализ отрасли Некоторые проекты имеют прекрасную возможность использовать собственные маркетинговые группы или уже имеют контракт на разработку на стороне. Эти исследователи проводят исчерпывающий анализ рынка и аудитории и глубо кое исследование конкуренции. Такой анализ очень хорош, но это редкость для большинства проектов, в которых бюджет является определяющим критери ем. Однако независимо от уровня бюджета уделите время изучению конкурен КОНТРОЛЬНЫЙ СПИСОК ЗАДАЧ ЭТАПА ВЫЯСНЕНИЯ Для уверенности в том, что собрана вся необходимая шей целью может быть привлечение новых за казчиков, а долгосрочной целью - создание еди информация и можно переходить к следующему эта ного бренда, признанного во всем мире.) пу, воспользуйтесь этим списком и убедитесь, что рас смотрены все аспекты компании, ее сферы деятель- • Понять стратегию брендинга, впечатление, идею/ ности и аудитории. атмосферу и подход (текущие и желательные).

1.Компания/клиент 4.Текущий сайт • Раздать опрос всем ключевым лицам, принима- D Произвести юзабилити-тестирование и проана ющим решение, и согласовать основные ожи- лизировать текущий сайт. Определить, что в нем даемые результаты, понимание целевой ауди- удачно, а что не работает (навигация, контент, тории, желательный стиль и так далее. функциональность).

• Собрать имеющуюся в компании информацию: • Собрать имеющиеся количественные данные.

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

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



Pages:     | 1 || 3 | 4 |   ...   | 8 |
 





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

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