Когда дизайн смешивается с контентом

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

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

Да, сайты, будь они даже прекраснейшие по контенту, пестрят разнообразием дизайна. И чем «круче» хочет казаться сайт, тем вычурнее и неадекватнее его дизайн.

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

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

— тексты не ограничены по ширине

— используется более двух шрифтов

— используется более двух цветов, не считая оттенков

— цветные элементы конкурируют с фоном по площади

— слишком много или слишком мало «брендовых» элементов

— нет заметного различия в размерах текстов и заголовков

— различные навигационные элементы находятся в неожиданных местах

— нет возможности простой фильтрации и сортировки

— и, конечно, слишком много рекламы в смысле занимаемой площади

Словом, сюда попадают практически все сайты, не разработанные профессионалами. Причем не нужно понимать под словом «профессионал» только дизайнеров и программистов. Важнейшее место занимает создатель контента и его оформитель.

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

Но. Никакие правила не могут избавить нас от непрофессиональной пестроты, которой кишит современный интернет. Пока…

Но есть одна идея, которая могла бы решить этот вопрос.

Что, если бы какой-нибудь «неординарный» браузер обзаведется возможностью переформатировать контент страниц под определенный шаблон. Например, в браузере было бы несколько шаблонов дизайна на выбор. И, выбрав понравившийся мне шаблон, я бы смотрел сайты «сквозь него». Не все сайты, конечно. А только те, которые мне не нравятся. Это решило бы вопрос с пестротой интернета.

Но тут есть одна проблема.

Контент в большинстве случаев содержит и дизайн. Т.е. часто или почти всегда элементы оформления находятся непосредственно в контенте. Да, да. Эти две совершенно логически разные субстанции — содержимое и его внешний вид — объединены в единое целое. Причем технологически – в самом языке формирования страниц – HTML.

Да, мы все знаем, что этот язык был создан специально для этого – описания оформления контента. Так, собственно и переводится аббревиатура HTML – Hypertext Markup Language. Правильно – для описания оформления контента, а не для смешивания контента с оформлением.

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

И виноваты в этом… редакторы и их неграмотные пользователи.

Сегодня многие научились отделять контент от дизайна. В контент вставляются так называемые тэги, которые среди прочего указывают, как нужно оформлять контент. Но главная проблема – те самые WYSIWYG-редакторы (What You See Is What You Get, «что видишь, то и получишь»). Именно с их помощью в контент попадает хаос, от которого очень трудно отделаться. И хаос привносят неграмотные в технологическом смысле пользователи.

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

Старый контент придется чистить. И не всегда это удается сделать программными методами.

Ведь это только на первый взгляд контент и дизайн – это единое целое. На самом деле эти два понятия имеют принципиальное отличие – время жизни. Контент не стареет или стареет медленно. Почти всегда значительно медленнее дизайна.

Вот простой пример того, как проявляется проблема смешивания контента и дизайна.

Одна известная компания имела хорошо посещаемый сайт – около 15 000 посетителей в месяц. Сайт был создан давно, не менее пяти лет назад и имел более 10 000(!) страниц. Руководству захотелось переделать сайт, сохранив контент, но изменив дизайн и добавив новые возможности.

Разве это не нормальное желание?

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

Кто из вас не сталкивался с подобной проблемой? Я уверен, что многие из читателей и сейчас живут в подобном неведении.

Ничего. Скоро и вам захочется сменить дизайн сайта.

Гамлет Маркарян    http://i-business.ru/