Рунет: Сайты в стиле Web 2.0
3 Апрель 2008Как мы и обещали в посте “Модные тенденции в веб-дизайне” неделей ранее, размещаем примеры рунетовских сайтов, в дизайне которых использованы элементы или приемы Web 2.0. Эти сайты сделаны в 2007, начале 2008 года, нашли мы их в портфолио веб-студий из первых позиций рейтинга «ТОП-100 ведущих веб-студий Рунета». Это Студия Артемия Лебедева и Actis Systems , а сайты не принадлежащие их перу, просто давно были у нас на примете.
Оговоримся сразу, ни один из них не является социальной сетью или блогом – в большинстве своем это корпоративные сайты. Тем не менее, мы увидели в их дизайне элементы фирменного стиля Web 2.0.
В частности, например: принцип «облака тегов» в организации подачи информации:
Блики, градиенты, отражения, «глянцевые» кнопки – характерные черты дизайна в стиле веб 2.0:
До недавнего времени вебдванольные сайты и сервисы очень сильно отличались от обычных. Веб 2.0 – это ресурс, где пользователь сам наполняет контент, значит, это сайты, направленные прежде всего на взаимодействие. Если юзер видит неудобоваримое юзабилити – он уходит, ему некогда разбираться…
Поэтому тенденция подавать информацию максимально адаптированую для удобного пользования не только радует глаз, но и упрощает жизнь потребителям. В дизайне сайтов появляются не просто декоративные элементы вроде закругленных краев, бликов, огромных кнопок, крупных шапок с большими четкими логотипами, считающиеся характерными признаками вебдванольности, но и удобный функционал… Все больше корпоративный сайты нацелены на эффективное взаимодействие с пользователями. Отсюда удобная навигация, простота в обращении, выделение крупным шрифтом или цветом особо важных блоков, простая организация пространства, все чаще белый фон для удобства прочтения, центральное размещение, минимально необходимое количество колонок, блоговая структура, доступность важной информации с главной страницы… Или, например, подобные функции и схемы:
Опять же:
Чтобы посетитель мог как бы реально “примерить” предлагаемый продукт или “попробовать” услугу на себе.
Ни в коем случае не претендуем на истину в последней инстанции, приведенные нами примеры могут быть оспорены в честной беседе в графе “Комментарии”. Мы просто искренне надеемся, что «мысли о нуждах и потребностях пользователя» прочно войдут в головы как дизайнеров, так и заказчиков, так что
Статья подготовлена при информационной поддержке
дизайнера медиа-агентства Maye Вахромеевой Ольги
3 Апрель 2008 в 14:09
Спасибо за статью! Довольно интересно
и … как я и предполагала в качестве эталонных сайтов выступают творения студии Лебедева 
3 Апрель 2008 в 14:17
С чем Вас, Анна, и поздравляем ))
А вот от слова эталон я бы отказалась, пусть лучше мир будет разнообразным и интересным, а то ведь наделение чего-либо сладким словом “эталон” ведет к распространению бездумной штамповки. Тем более, что представленные сайты вовсе не “идеалы” - это, как нам кажется, просто хорошие примеры для заявленной темы.
3 Апрель 2008 в 15:28
Главное чтобы пользователю было удобно и он не ушел на другой сайт, вот о чем ВСЕГДА думать надо, а дизайн соответственно подстраивать под это
3 Апрель 2008 в 16:24
Если бы все сайты создавались из соображений “главное, чтобы пользователю было удобно”, да при этом еще и с интересным дизайнерским воплощением - было бы просто идеально, я думаю. А пока, как мы видим, плутая по просторам Рунета, это не всегда так… бывает, что “контакты”, например, так запрячут, что, кажется, партизанят, а не товары или услуги продают
4 Апрель 2008 в 10:22
Ну сейчас намечается уход в блогосферу, отдельные сайты на движках блогов - они позволяют и всекие теги рапределять и прочие хитрости
4 Апрель 2008 в 10:30
Поделитесь примерами, пожалуйста
5 Апрель 2008 в 20:02
Вот например сейчас делаю сайт своего рекламного агенства (городского, не онлайн) на движке блога WordPress - http://www.delovoymtsensk.ru
5 Апрель 2008 в 21:59
А по поводу, вот,крайнего варианта вебдванульности из Мценска: краденый контент не делает сайт лучше…
Про 10 рекомендаций я давно уже читал… А без ссылки на первоисточник - это воровство…
6 Апрель 2008 в 13:51
за веб2.0 будущее…
7 Апрель 2008 в 13:20
to liova01 и Сергей: Я вот думаю, если контент чужой (не весь, конечно, а какие-то особо понравившиеся статьи), при этом втор обозначен и осведомлен в заимствовании материала, и стоит ссылка на источник - это не так уж страшно. Главное, не злоупотреблять, так сказать, и ссылаться обязательно, а то действительно воровство получается )
7 Апрель 2008 в 21:41
Интернет, конечно, страдает шаблонностью.
И веб 2.0 тоже очередной шаблон от которого все пытаются откусить кусочек и использовать у себя, так… чтобы было =)
И это хорошо, друзья мои!!)) Стиль очень удобен для пользователя, это гораздо лучше, чем былая традиция использовать до нечитаемости малые и блеклые шрифты. Веб 2.0 этим, к счастью не страдает=)
8 Апрель 2008 в 9:59
Шаблонностью страдает не только Интернет, но и СМИ, и реклама, и наше сознание в целом, за небольшим исключением. Я за удобство пользования сайтом, пусть это будет хоть стиль 0.5-Bew! С другой стороны всегда приятно смотреть на вещи, созданные без использования штампов.
8 Апрель 2008 в 16:49
Мне тоже оч интересно. Темины сайты это правда веб два ноль?
Веб два ноль это прежде всего технологии, а не оформление.
И наверно во вторую очередь это удобство и утилитарность.
А в последнюю очередь стилистика. По мнению автора статьи если поставить кнопку переливающуюся, накидать на все плашки блики и сделать мокрый пол-это подпадает под определение веб 2.0. А сам сайт пришел из тех времен когда были мелкие шрифты и бледненькое-по-бледненькому?
В любом броузере можно увеличить шрифт практически до бесконечности-и вот именно разработка сайта, что бы он не порушился если шрифт+1—это web 2.0
8 Апрель 2008 в 21:05
wow, спасибо за ваше мнение! пока шла работа над статьей, все время держала в голове мысль, что все написанное не надо воспринимать как руководство к действию и клепать после этого сайты с глянцевыми кнопками, в ожидании, что они будут модными и посещаемыми. Но, упустила… Спасибо!
Согласна с вами, что прежде всего, веб 2.0 - это удобство и утилитаризм. Наличие внешних деталей вроде зеркального пола - это лишь один из признаков тенденции. И пусть это лишь стилистика, которая стоит в последней очереди. Вообще же на самом деле радует то, что веб-дизайн повернулся к человеку лицом, задумался о том, а как сделать читабельнее, удобнее, быстрее и т.п. для пользователя. И этот вектор, как мне кажется, задали именно социальные сети и сервисы (а точнее их организация, структура), но пока мне не встречались корпоративные сайты с такими функционалом и таким юзабилити, которые хотелось бы ставить в пример именно по этому признаку (разве что упомянутый ниже сайт МДМ-банка). Поэтому пока только кнопочки и большой шрифт. Но направление уже задано, а иначе и быть не может…
9 Апрель 2008 в 11:34
to admin а корпоративные сайты обычно не ставят задач, для которых было бы разработано огромное количество удобных сервисов. Корпоративные сайты не интерктивны-они доносят информацию, не более того.
К тому же это касаемо ру нета.
Посмотрите на корпоративные сайты мега монстров западного нета.
Любую компанию которая продает через интернет товары и услуги. Не имею в виду брендовые(имиджевые) сайты. Скажем сайт адоба или яблока, гугла наконец. Ну или любой другой, который пришелся по вкусу.
Что они не удобны? Страдают отталкивающим оформлением? Может быть они плохо работают или там все до ужаса примитивно? И последний вопрос—это не веб 2.0?
9 Апрель 2008 в 15:16
to wow: Как раз у мегамонстров все до гениальности просто, мне, например, гугл очень и очень даже импонирует. Понятно, доступно, легко - мне больше, как пользователю ничего и не надо. Приведите примеры рунетовских подобных сайтов?
“И последний вопрос—это не веб 2.0?” - к чему именно вопрос?
9 Апрель 2008 в 15:47
Ну, во-первых, на Западе несколько другое понимание дизайна в целом. Нам оно не всегда подходит. Во-вторых, интерактивность - не бывает лишней, идет ли речь о корпоративном сайте, блоге или социальной сети.
9 Апрель 2008 в 16:11
to admin, Гурман
На западе все оч просто—нет для них такой же инструмент в жизни как для нас уже стал сотовый телефон. Если iphone не работает то он становится бесполезен как телефон, но он не перестает быть красивым.
Так же можно сказать, что если для американской компании сайт ен приносит прибыли-то он не нужен. Так же если сайт не выполняет возложенные на него функции, даже если он оч красив, то он не нужен.
А для русских-интернет это в массе своей еще развлечение, не работа, и не инструмент в жизни. Поэтому им красоту надо. Но вот в контакте-первый признак-что всем удобно, а сайт примитивнейший с точки зрения оформления. Но он работает-потмоу что там удобно и понятно. И Это веб 2.0
9 Апрель 2008 в 16:48
Мне кажется мы с вами wow говорим об одном и том же, но разными словами.
“А для русских-интернет это в массе своей еще развлечение, не работа, и не инструмент в жизни. Поэтому им красоту надо. Но вот в контакте-первый признак-что всем удобно, а сайт примитивнейший с точки зрения оформления. Но он работает-потмоу что там удобно и понятно. ”
О том и речь, что если бы к этой красоте еще и “удобно и приятно” добавить - неужели плохо было бы?
Кстати, обратите внимание на пост “Модные тенденции в дизайне”, который публиковался здесь ранее - там и о простоте, и о примитивности…
10 Апрель 2008 в 21:59
оч. топорно пиартите)))))
11 Апрель 2008 в 13:05
to wow: Что топорно пиарим?
14 Апрель 2008 в 8:57
Резве увеличенный размер шрифта , дизайн кнопок с тенью это и есть Web 2.0 ?
Наврятли.
где ссылка на стандарт Web 20 ? - его скорей всего нет - WEB 20 - это хороший PR ? только вот чего ? Компаний сайто делателей или дизайнеров?
Тогда я придумаю WEB 2.5
1 - RSS(2)
2 - БЛОГ(2)
3 - Обмен лентами новостей(2.5)
4 - Все кнопки и дизайн с зеркальным отражением.(2.5)
5 - Облако тегов (2.0)
6 - Обмен ссылками (1.0)
добро пожаловать http://club-hotels.ru !
14 Апрель 2008 в 9:28
to Олег: http://ru.wikipedia.org/wiki/Web_2
Не истина в последней инстанции, конечно, но все же…
16 Апрель 2008 в 17:40
Нет его, веб2.0, в природе
это фишка для завлечения клиента.
“Удобство и утилитаризм”, равно как и использование к месту разнооообразных геометрических форм и приемов верстки - это никак не новое слово, а необходимые атрибуты приличного дизайна.
Вебдваноль же не существует. Как и маркетинг
P.S. Шарики на ножках - это не облако тегов, а переосмысленные bullets
Не более того.
16 Апрель 2008 в 22:43
to правдаблог: Интересно, как и куда эта “фишка” завлекает клиентов? И потом, видите, вы назвали явление “фишкой”, чтобы мысль как-то выразить, так почему бы не называть его термином веб 2.0? Тем более я никому ничего не навязываю. Людям свойственно новые неизвестные явления называть словами, чтобы упорядочить хаос, вот и был придуман этот термир, заметьте не мной, и не я его рспространила среди пользователей Интернета. Он просто пришелся по вкусу большинству. Вы же можете считать, что вебдваноль не существует, если вам так удобнее, ведь это ваша правда! Не более того
18 Апрель 2008 в 7:05
[...] Спонсор поста: Рунет: Сайты в стиле Web 2.0 [...]