Информационный стиль

Лет 7-8 назад с классификацией типов сайтов было намного проще - выделяли домашние творения типа ВасяПупкин.народ.ру (ага, и у меня в те времена была страничка на народе), презентационные сайты, куда относили как простенькие сайты-визитки компаний, так и графически сложные презентахи каких-то продуктов или сервисов, + информационные сайты. Сейчас же, когда при уточнении (на первом этапе) ТЗ при постановке “нам нужен дизайн для информационного сайта”, увы, уже приходится уточнять - какой же тип информационного сайта нужен клиенту, всё усложнилось. Какие же сегодня они бывают?

1. Традиционные инфосайты - СМИ. Самый известный тип информационных сайтов. Мировые или региональные новости, политика или общие темы, авторитетные издания, вылизывающие качество новостей или жёлтая пресса - все имеют общие характеристики: минимум графического оформления, максимум текстового контента, контент разбивается на типы, рубрики, выборки, из которых формируются миниинформационные блоки - “актуальные новости” или “архив новостей”, “новостийные сообщения” или “развёрнутая аналитика”, “колонки журналистов издания” или “читатели пишут”, “главная навигация” или “вспомогательные навигационные блоки” - главная задача - систематизировать эти блоки, упорядочить вывод инфомации на странице таким образом, чтобы посетитель разобрался, где что искать/читать/комментировать. Графика на 99% - тоже информационная - иллюстрации к заметкам, фоторепортажи, портреты героев текстов. Какого-то суперглянцевого дизайна для таких проектов не требуется - он даже во вред будет. Главное в оформлении - юзабельность, читабельные тексты, нормальные контрасты для потокового текста и для акцентов.

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

2. Служебные сервисы. Типичный пример - Google Analytics; информация - данные, контент как бы тоже текстовый, но суть его не в пассивном поглощении информации, а в действии, к примеру ga нужен для того, чтобы что-то обработать, сделать какие-то выводы, узнать, “как посетители в действительности работают с Вашим сайтом. Вы сможете усовершенствовать дизайн своего сайта, опираясь на аналитические данные, повысить качественный трафик и переходы и увеличить свой доход.” Так же (как и в первом случае) пользователю отдаются различные типы данных, разбитые на группы; у дизайнера подобных сервисов сложнейшая задача - продумать интерфейс (и навигацию, и модульную сетку, и цвета) таким образом, чтобы максимально облегчить пользователю работу со статистикой, не испугать его массивами цифр, упорядочить максимально. Графика - маркеры-иконочки, определяющие различные типы данных или иллюстрации-графики данных.

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

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

Фейсбук - обычный пример в таких случаях, контента генерится минимум, суть именно в обнаружении или создании связей. МайСпейс изначально позиционировался как аудио хостинг для пользователей- музыкальных молодых групп (и социальные связи между) - поэтому там много аудио контента (сейчас много разного, и вовсе не обязательно публиковать свои новые композиции или рассказывать о гастролях для того, чтобы поддерживать аккаунт). В общем - дизайн сети в целом ближе к формальному, оформительской (не функциональной и не информационной) графики больше, чем в первых двух случаях - ибо не так важна сложность в управлении или большие объёмы текстов, и большее значение придаётся созданию запоминаемого образа, “лица” сети. + возможность кастомизации оформления элементов сети (пользовательских профайлов, к примеру).

UPD: Типология социальных сервисов в блоге Ярослава Грешилова

4. Автономные блоги и блоги на блогосервисах. В общем-то это тоже информационные сайты. Люди заводят себе дневнички для того, чтобы что-то с определённой периодичностью в них писать. Формат блога стал узнаваем только последние несколько лет, хотя и сейчас граница довольно расплывчата; даже ссылка “powered by WordPress” ещё не значит, что мы попали на блог. Встречала много почти статичных типа корпоративных сайтов с редко обновляемым контентом на движке wordpress, типа одна новость в два месяца, но всё же признано, что WP - отличный движок именно для блогов, для информационных проектиков с часто обновляемым контентом. Есть и другие движки, есть вполне себе достойные блогосервисы с платными, условноплатными и бесплатными блогами. Но, в отличие от первых трёх типов информационных проектов, в оформлении блогов не толко позволяется, но и поощряется создание довольно сложного авторского дизайна и не осуждается смелое использование графики, пусть даже тяжёлой. Даже на блогосервисах стараются предоставить пользователю изрядную возможность кастомизировать свою зону - готовые “схемы”, формирование собственных схем оформления. Некоторые и формируют… или розово-цветочковые барби-стайлы (одна крайность), или строгие формальные схемы вообще без кучерявостей (другая крайность). Всё больше становятся востребованными дизайнеры, специализирующиеся именно на кастомизации блогов на известных блогосервисах или создании законченных схем для популярных блогодвижков.

5. Форумы. С одной стороны всё ещё обычное дело - форум, как место для обсуждения чего-либо, как расширение для основного, к примеру информационного сайта. С другой стороны очень многие форумы представляют из себя более или менее успешные, но вполне самодостаточные проекты, не нуждающиеся в “родителе”. 90% форумов в рунете - это модель MyBB, PHPBB, или ещё что-то такое-же таблично-типичное. Заметного креатива в дизайне форумов никто даже не пытается использовать; в лучшем случае смена цветовой гаммы со стандартной на авторскую + логотипчик проекта. Похоже, что наиболее востребованы форумы как самодостаточные информационные проекты для
а) региональных сообществ
б) игровых сообществ;
в) некоторых отраслей профессиональных сообществ.
Почему “некоторых”? Потому что, к примеру, подобные самодостаточные форумы для дизайнеров или программистов, как я замечаю, ещё появляются, но популярностью уже не пользуются - IT-шники находят себе более продвинутые площадки для общения.
Иногда из движка форума пытаются выжать первый тип рассматриваемых веб-проектов - новостийный информационный сайт. Типа первым постом - новость или статья, и дальше - пожалуйста, обсуждайте сколько хотите. Подобных как бы информационных сайтов тоже было замечено много, но сколько-нибудь сформировавшихся в стабильную и популярную площадку так до сих пор и нет; хорошее упражнение для новичков-студентов, будущих управленцев большими проектами, но не более.

Впрочем, большинство информационных проектов на сегодняшний день принадлежат смешанным типам; почти как люди :) которые тоже редко бывают чиста “холерики” или чиста “меланхолики”.

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

RSS feed | Trackback URI

7 Comments »

Comment by Luner
2008-02-06 17:43:56

Да.. много развелось их.. но мне кажется ты что-то забыл..

Comment by nundesign
2008-02-06 17:57:20

Что именно? Какой-то особый тип сайтов? Всякие типа почтовые службы можно отнести ко второму пункту. Даже не знаю.

 
Comment by m
2008-02-08 11:11:13

забыл?

 
 
Comment by Scratch
2008-02-06 18:23:24

i2r мы отнесем к первому типу?

Comment by nundesign
2008-02-06 18:27:00

7-8 лет назад, когда всё было просто, i2r относился к информационным сайтам. Сейчас это устаревший проект с устаревшей моделью и устаревшей информацией, по неизвестным мне причинам пока ещё не умерший окончательно. Видимо, владельцы всё-таки имеют на него какие-то виды.

 
 
Comment by al777
2008-02-10 14:18:16

А по моему, всё написано просто замечательно, даже если и есть кое какие неточности, всё отлично.

 
Comment by nundesign
2008-02-20 13:38:44

А вот у Ярослава Грешилова “о типах социальных сервисов” подробнее. Очень хорошо расписано.

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.