Библиотека Интернет Индустрии I2R.ru

Web ReDesign: Workflow that Works

Аннотация

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

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

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

В этой книге вы найдете:

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

Отзывы читателей с Amazon

• Эта книга лучше, чем я ожидал. А ожидал я многого. Она не только прекрасно составлена и написана, но и содержит исчерпывающую информацию, изложенную понятным языком, располагающим к чтению (подул свежий ветер - слишком много стало технических книг, утомляющих и огорчающих меня почти до сумасшествия). Я новичок в веб-дизайне, но "Веб-редизайн" намного увеличил эффективность моей подготовки к работе над проектами. Думаю, это тот справочник, который поможет мне, пока я набираюсь опыта. Спасибо!

• Это великолепный справочник и руководство для тех, кто хоть каким-то образом связан с веб-разработками. Я занимаюсь мультимедиа и веб-дизайном уже более 10 лет, и это первая книга из тех, что я встречал, раскрывающая все стороны этого процесса. Обязательно использую tt как источник информации для руководителей проектов нашей компании. Они занимаются нестандартными проектами в области здравоохранения и для них возможность взглянуть на закулисную сторону работы с клиентами просто неоценима. Келли и Эмили, несомненно, добились очень многого в веб-дизайне и могут поделиться удивительными тайнами. Их "уроки мастерства" станут для моей команды настольной книгой.

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

• Моя компания создала множество сайтов. Могу только сожалеть, что в 1998 году, когда я начинал свой бизнес, у меня не было этой книги. Я бы сэкономил уйму времени и смог бы избежать многих неприятностей. Ее легко читать и в ней есть ссылки на загружаемые формы, что помогает реализовать процесс разработки, описываемый в книге. ЭТО ОТЛИЧНАЯ КНИГА!!!

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

Более подробную информацию об оригинале книги вы можете узнать на сайте издательства New Riders

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

Почему именно эта книга и именно сейчас?

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

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

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

Есть много веских оснований для редизайна:

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

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

Процесс должен существовать.

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

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

Представляем технологию, которая работает

Множество факторов может вызвать неудачу или задержку проекта: непредвиденные технические проблемы, неорганизованность клиента, плохо продуманные цели и сроки, небрежно составленный бюджет. многие сталкивалисьс этим - или как дизайнеры, или как управляющие, или в обоих качествах. "Дизайнеры крайне нуждаются в руководстве по технологии процесса", - сказал Джим Хейд, председатель конференции Thunder Lizard. - На нашей конференции по веб-дизайну Келли окружила целая толпа после ее докладов по технологии; ее выступления всегда имеют очень высокий рейтинг. вы можете сказать, что каждый дизайнер проходит через кошмары реализации проектов, но Келли показывает, как тщательное планирование и организация позволяют держать все под контролем".

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

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

Десять эффективных советов для успешного редизайна

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

Что явилось результатом? Предлагаемый перечень факторов, котоыре непременно необходимо учитывать - здесь должны звучать литавры - ДЕСЯТЬ ЭФФЕКТИВНЫХ СОВЕТОВ ДЛЯ УСПЕШНОГО РЕДИЗАЙНА.

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

Совет 1

Думайте, прежде чем действовать

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

Совет 2

Определите цели и задачи редизайна

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

Совет 3

Анализируйте своих конкурентов

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

Совет 4

Привлекайте вашу текущую аудиторию

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

Совет 5

Разрабатывайте для пользователей, а не для инвесторов

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

Совет 6

Своевременно консультируйтесь с техническими специалистами

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

Совет 7

Не пренебрегайте юзабилити тестированием

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

Совет 8

Осознайте значимость своевременной поставки контента

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

Совет 9

Четко представляйте желаемые результаты

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

Совет 10

Продумайте все в целом; сосредоточьтесь на этапах

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

Texнология проекта - это запланированная последовательность выполняемых действий.

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

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

Кто вы?

Являетесь ли вы дизайнером, единственным вебмастером фирмы или владельцем компании, пытающимся перевести присутствие компании в Cети на новый уровень, - этот материал для вас. Если когда-нибудь вы огорчались из-за того, что веб-проект работал неэффективно ("Мой клиент принес мне содержимое сайта с пятинедельным опозданием, да к тому же дату запуска сайта не сдвинуть"), - этот материал для вас. Если вы приступаете к выполнению своего первого веб-проекта (отр уровня "Это тот шанс, который я давно ждал" до "А что же, собственно, нужно делать?..."), принимая руководство веб-сайтом вашей компании или формируя для этого специальный новый отдел, - этот материал для вас.

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

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

К какому типу относится ваша компания?

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

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

Kто является клиентом?

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

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

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

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

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

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

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

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

Знайте свoи возможности

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

Уровень приложений, находясь на стыке внутреннего (backend) и внешнего (front-end) интерфейсов, иногда переходит от простыых сценариев (например, JavaScript, DHTML, CGI) к сложному программированию (например, для покупательских корзин или для безопасных транзакций). Это мостик между внешним и внутренним интерфейсами веб-проектирования. Для сайтов со сложными системами выборки конента, архитектурой баз данных и серьезными техническими требованиями необходима специальная технология. Это внутренний интерфейс веб-разработки приложений, которая требует специальных навыков. Под "внутренним интерфейсом" здесь подразумевается все, что не отнесено к внешнему интерфейсу, включая уровень приложений. Имейте в виду: не все сайты имеют или нуждаются в развитии внутреннего интерфейса, но абсолютно всем необходим внешний интерфейс. Поскольку базовый процесс включает только то, что должно быть у всех веб-сайтов, внутренний интерфейс остается вне котекста нашего материала.

www.web-redesign.com

Веб-сайт www.web-redesign.com - это ресурс, который можно обновлять, котоырй доступен и который можно действительно использовать. На данном сайте представлены инструменты, которые можно загрузить, а также содержатся рекомендации и ссылки. В частности, мы будем анализировать примеры редизайна различных сайтов - не из соперничества, а чтобы показать, кто модернизирует свой сайт и с какой целью. Мы приглашаем всех сообщить URL своего переделанного сайта и посмотреть, не окажется ли он среди лучших. Инструкции для презентации своего сайта вы найдете на www.web-redesign.com.

Книгу вы можете приобрести на Books.Ru - http://www.books.ru/shop/books/81341