Образцы дизайна: эволюционный шаг в управлении сложными сайтами
Дата публикации: 04/03/2004
Категория: Разработка сайта
Версия для печати
Джед Спул
Как обеспечить высокое качество дизайна каждой страницы, когда web-сайтом организации занимаются сотни авторов. Особенно, если эти мастера ранее никогда не занимались разработкой интернет-страниц?
С этой проблемой сталкиваются очень многие компании, пытаясь при этом безуспешно применять огромное количество различных методик, таких как централизация процесса утверждения дизайна сайта, стандартизация шаблонов и использование справочника стилей. Однако есть технология, вызывающая интерес и обращающая на себя особое внимание – образцы дизайна сайтов.
Проблема: У семи нянек….
Для начала приведем несколько типичных примеров:
- Один из наших клиентов, компания-производитель оборудования для малых предприятий с количеством работающих 57000 по всему миру. В прошлом году более чем 3000 служащих участвовали в разработке содержания корпоративного сайта. Люди из различных подразделений компании, таких как финансовый отдел, отдел персонала и производственный отдел создавали страницы, предназначенные для пользования другими сотрудниками. Однако, едва ли многие из работников используют эти страницы вне работы. И такие явления – не редкость.
- Компания по производству полупроводников. 300 сотрудников являются постоянными соавторами корпоративного web-сайта, причем уровень подготовки этих людей в области web-дизайна варьируется от нулевого до весьма слабого.
- Фирма, предоставляющая финансовые услуги. Здесь свыше 250 авторов сайта.
Когда в каждой из этих организаций были созданы централизованные команды разработчиков, определенно они были в меньшинстве. В большинстве случаев такой коллектив состоял всего из 2-3 человек, на плечи которых возлагалась ответственность за поддержку всех web-страниц в рабочем состоянии. Сотрудники этих команд признались, что они даже не представляли, какое большое количество страниц будет в их ведении и что сотни (если не тысячи) страниц лично они никогда не видели. Теперь они были ответственны за каждую из этих страниц.
Каждая команда столкнулась с одной и той же сложной задачей: как поддерживать работу сотен разработчиков на одном сайте? Как можно помочь этим людям начать правильно начать разрабатывать дизайн, удобный обычному пользователю? Как помочь им избежать ошибок, создающих проблемы и дополнительную работу для, и без того, перегруженного персонала?
Когда не помогают проверенные методы
И хотя команды разработчиков из вышеперечисленных трех организаций никогда не встречались (и не знают о существовании друг друга), можно было бы сказать, что они работали вместе. Каждый коллектив пытался проводить в жизнь одни и те же решения, к сожалению практически безрезультатно.
Сначала в каждой организации попытались централизовать web-дизайн, создав единый коллектив разработчиков, своего рода клиринговую палату (по аналогии с биржей). Каждый работник, предоставляя какой-либо раздел для сайта, прежде всего, должен был получить одобрение одного из сотрудников команды разработчиков. И хотя у централизованной команды вовсе не было цели стать подобием полиции, все же, необходимость сокращать объем информации, предоставленной для добавления на сайт, заставляет их быть жесткими со своими коллегами. Неизбежно, вся эта работа терпит фиаско, как только начинает не соответствовать целям организации .
На пути упорядочения, систематизации работы с корпоративным web-сайтом были попытки применять различные подходы, в частности, один из них – подготовка шаблонов для авторов. Суть идеи - обеспечить наиболее простой и понятный «отправной пункт» для каждого соавтора сайта, что-то вроде технологии, гарантирующей в итоге удовлетворительный дизайн. Но вскоре обнаружился серьезный недостаток этого подхода: в работе над web-страницей у каждого автора свои специфические цели и задачи, которые, соответственно, нуждаются в индивидуальных, а возможно и нестандартных решениях . Таким образом, поддерживая множество уникальных решений, шаблоны очень быстро становились громоздкими и в итоге подобное стремление привести все требования к общему знаменателю, дизайн сайта в целом оказывался некачественным.
После провала политики использования шаблонов, следующим шагом было – создание особого документа – справочника стилей/указаний. Цель такого метода была проста – дать многочисленным разработчикам протестированные и утвержденные правила. Эта система предполагала, что если все разработчики будут следовать прописанным в утвержденном документе правилам, великолепный дизайн страниц обеспечен.
Получив такой справочный документ, сотрудники, уполномоченные вносить изменения на страницы, облегченно вздохнули. Ведь для них важно знать наиболее эффективные технологии и способы их применения, дабы не заниматься изобретением велосипеда. Однако, это решение также не работало. Дело в том, что очень многие из указаний, содержащихся в справочнике, были неприменимы в конкретных рабочих ситуациях. Какие-то из этих инструкций были слишком абстрактны, какие-то - слишком двусмысленны для эффективного использования при решении определенной задачи. Вследствие этого сотрудники быстро отказались от использования справочника, вернувшись к привычным для них способам разработки страниц, основанным на интуиции и на собственном понимании того, что будет правильным в той или иной ситуации.
То есть, в конце концов, они пришли к тому, с чего начинали – сотни авторов вносят свои изменения в сайт, как считают нужным и настолько качественно, насколько позволяет опыт и квалификация, не имея при этом никаких советов и инструкций относительно разработки дизайна. Конечно, в такой ситуации шансы на то, что свершится чудо, и страница вдруг окажется, разработанной профессионально - невелики, поэтому большинство страниц в итоге оказывались разработанными на уровне ниже среднего.
Новая надежда – образцы дизайна
Проблема с шаблонами и справочником инструкций в том, что они страдают некоторой ограниченностью, решают лишь часть проблемы, связанной с разработкой Интернет-страницы. Метод шаблонов может дать людям стартовою точку, некоторый алгоритм, и полагается при этом на то, что при создании шаблонов была учтена основная задача разработки страницы, что зачастую не так. Метод использования инструкций предназначен для применения к какой-либо специфической проблеме, которая существует у разработчика в данный момент . (Однако, часто, как было уже описано выше, именно в специфических ситуациях этот метод не работал).
Конечно, профессиональные, опытные разработчики, занимающиеся дизайном web-сайтов, способны использовать наиболее эффективные решения и могут работать в условиях недостатка информации. Но, несомненно, сотрудники, ранее никогда не занимавшиеся разработкой web-страниц, нуждаются в дополнительных инструкциях. И это тот случай, когда образцы дизайна могут оказать незаменимую помощь.
Образцы дизайна представляют собой документ, описывающий специфические вопросы разработки Интернет-страниц, такие как, например, внешний вид экрана с именем пользователя и разработка новой учетной записи.
Типичная модель дизайна описывает следующие моменты:
- конкретную ситуацию;
- решение, соответствующее только этой ситуации;
- обоснование выбранного решения;
- модели, соответствующие данному решению;
- другие важные детали, такие как результаты usability -тестов.
Хотя о системе образцов было написано очень много, пожалуй, лучший источник, по этой теме: "Разработка сайтов", Дуглас K . Ван Дайн, Джеймс A . Ландей и Джейсон Хонг. Эта книга посвящена главным образом web-сайтам, предлагая 90 хорошо продуманных образцов, на которых может основываться, по сути, любой коллектив разработчиков. Эти модели учитывают множество наиболее часто встречающихся вопросов дизайна, от выбора наименований страниц до использования карты сайта.
Различия между методами образцов дизайна, шаблонами и справочником инструкций заключаются в принципиальных подходах к дизайну. Образцы символизируют желаемое поведение (такое как "Это дизайн, позволяющий пользователям входить в систему"), тогда как шаблоны описывают тип страницы ("Это страница входа в систему") и инструкции отражают направления, которым необходимо следовать ("Убедитесь, что ярлыки левее или выше поля ввода").
Мы заинтересовались, так как с нашей точки зрения образцы дизайна предлагают существенные преимущества перед традиционными шаблонами и инструкциями:
- Образцы дизайна описывают отдельные элементы разработки web-страниц, тогда как шаблоны обычно описывают всю страницу. Разработчикам часто требуется смешивать и сочетать различные элементы дизайна на одной странице . И , чтобы соответствовать каждому потенциально возможному требованию, нужно создавать отдельный шаблон для каждой возможной комбинации элементов. Вместо этого разработчик может просто выбирать отдельные образцы, необходимые для определенной страницы, это похоже на то, как шеф-повар подбирает определенные закуски, главные блюда и десерты для формирования меню.
- Сборники инструкций, как правило, отличаются краткостью и составляют часто не более чем параграф или два, тогда как образцы обычно занимают много страниц, описывая гораздо больше деталей. Образцы дизайна объясняют проблемные вопросы, описывая выбранные для каждой ситуации решения, приводят обоснование того или иного варианта и рассматривают альтернативные возможности (указывающие на соответствующие образцы).
- В теле описания образцов команда разработчиков может обсуждать целесообразность того или иного выбора. Это дает отдельным авторам понятные, обоснованные рекомендации, вместе с тем предоставляя возможность работать гибко, отклоняясь от рекомендаций, если того требует контекст ситуации.
Что наиболее интересно в методе образцов дизайна, это, пожалуй, то, что он в корне меняет суть взаимоотношений команды дизайнеров с другими авторами. Эта технология предполагает отношения равноправного сотрудничества: многочисленные авторы страниц будут создавать качественный дизайн с помощью системы образцов дизайна с одной стороны, а также опыта и профессионализма разработчиков, с другой стороны.
При обосновании выбора того или иного варианта, и обсуждении альтернативных подходов, образцы становятся универсальным инструментом для команды разработчиков, в отличие от системы традиционных централизованных директивных сообщений, имеющих место при осуществлении методов шаблонов и инструкций. Это позволяет снизить вероятность возникновения конфликтов между профессиональной командой разработчиков и большим количеством сотрудников, являющихся соавторами сайта.
Создание библиотеки
Подобно шаблонам и инструкциям, образцы требуют серьезных усилий по созданию библиотеки. Однако, в отличие от своих коллег, никак не связанных с дизайном, члены профессиональной команды разработчиков сайта и другие авторы web-страниц могут распределить работу между собой.
Недавно мы узнали от одного клиента, что они собираются предпринять оригинальный подход к созданию библиотеки моделей дизайна. Используя модели Ван Дайна-Ландея-Хонга в качестве исходного пункта, команда разработчиков предложила пятидесяти наиболее продвинутым авторам страниц создавать одну модель в неделю в течение месяца. Каждого специалиста попросили также прописывать по два образца каждую неделю . Этот план позволяет создать и прописать приблизительно 200 новых образцов, обеспечивая описание наиболее важных элементов сайта.
Другие же компании заимствовали старую технологию создания библиотеки: «кто, чем богат» Они устраивают постоянные собрания с сотрудниками-авторами Интернет-страниц, предлагая каждому человеку представить на встрече один образец. С тех пор описание образцов – одно из самых нетрудоемких и простых заданий для каждого сотрудника. К тому же, эта система действует, не загружая излишне кого-либо из профессиональных разработчиков.
Так как образцы больше похожи на документы, описывающие стандартную инженерную спецификацию дизайна, нежели на сборник правил, то их, соответственно, и проще разработать. Организация, создавшая уже сотни web-страниц нуждается только в том, чтобы прописать в документах уже осуществленные разработки, воссоздавая, таким образом, первоначальный набор моделей. Со временем, коллектив разработчиков может делать дальнейшие изменения, чтобы привести образцы в соответствие с новыми течениями в области web-дизайна, уведомляя о произведенных коррективах всех сотрудников, являющихся авторами страниц.
Истинно эволюционный путь.
Технология использования образцов дизайна действительно интересна и обладает значительным потенциалом. Это поистине эволюционный путь, помогающий централизованным командам разработчиков эффективно общаться с сотнями авторов, жаждущих работать над сайтом. Данный подход позволяет избежать негативного, формализованного отношения, сопровождающего применение шаблонов и инструкций, это путь конструктивного сотрудничества со специалистами, являющимися авторами web-страниц на предприятии. К тому же, этот метод основывается на программном обеспечении, простом в создании и применении.
Если вы заинтересовались этой темой и хотите узнать подробнее о том, как использование метода образцов дизайна сайтов может повысить эффективность команды разработчиков, тогда советуем посетить дневной семинар Дугласа Ван Дайна и Джеймса Ландея ( Образцы дизайна: принципы и технологии )
При поддержке дизайн-студии Netsah – web site design and development studio, web site promotion services, graphic design
А так же студии Promodo – Раскрутка сайта. Продвижение оптимизация сайтов. Реклама маркетинг в Интернет. Советы специалистов.
Статьи по теме:
