Блог: статьи

Дизайн в стиле web 2.0

Егор ГилёвАвтор: Егор Гилёв
26 октября 2006

Скажу сразу, я не являюсь фанатом web 2.0. Главным образом потому, что этот термин обозначает не пойми что. Нет, я не против социальных сетей, обеими руками за AJAX, а эту статью я пишу прямо-таки в блог. Но зачем кому-то понадобился web 2.0, если только не для того, чтобы дурить головы венчурным инвесторам, мне решительно непонятно. Однако, нравится нам это или нет, этот термин входит в нашу жизнь, и все чаще заказчики просят нас сделать дизайн «в стиле web 2.0».

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

Уже по ходу составления этого списка мне удалось сформулировать первое ценное наблюдение: наиболее популярные ресурсы вовсе не обязательно отличаются проработанным визуальным дизайном. Встречаются настоящие жемчужины, наподобие flickr, но гораздо больше сайтов, оформленных, прямо скажем, на троечку. Прошу заметить, я здесь не имею в виду грубоватые на вид, но по-своему симпатичные и удобные интерфейсы проектов Google. Но на новый Yahoo без слез смотреть невозможно. Ладно, на Yahoo хотя бы продумана логика интерфейса, в то время как LiveJournal, например, не отличается ни красотой, ни удобством. И таких сайтов, увы, множество — в том числе и среди очень популярных.

Но не будем о плохом. Будем о хорошем. Вот они, пять тщательно отобранных образцов дизайна в новом стиле:

Flickr

www.flickr.com

Blinksale

www.blinksale.com

Skype

www.skype.com

digg

www.digg.com

Blogger

www.blogger.com

Как видите, какие-то общие признаки в визуальном стиле найти весьма нелегко. Чем flickr похож на Skype? Что общего в оформлении digg и Blogger? Свежий взгляд на эти сайты, каждый из которых по-своему замечателен, выявляет полную несостоятельность списков наподобие «шесть приемов дизайна 2.0».

Попробуем же сформулировать приметы эпохи более обобщенно:

1. Ориентация на взаимодействие. Взаимодействие пользователя с «обычным» сайтом обычно ограничивается переходами со страницы на страницу. Взаимодействие пользователя с интернет-магазином несколько сложнее, особенно в момент покупки. Однако, если товар представлен достаточно привлекательно, пользователь готов преодолевать некоторые трудности ради его получения. Таким образом, в web 1.x главной задачей вебдизайнера было представление контента, а не организация взаимодействия. В web 2.0 все иначе: без взаимодействия никакого контента попросту не появится, ведь его создают сами пользователи. Возникшая потребность в облегчении взаимодействия пользователя с сайтом успешно удовлетворяется при помощи очень вовремя подоспевшей технологии AJAX.

2. Только для web. Проект web 2.0, как правило, живет только в сети, и показывает свое лицо только на экранах компьютеров. Вывеска у двери офиса, реклама в газетах, сувениры с логотипом, визитки — кому это нужно? Это не значит, что логотип проекта web 2.0 обязательно должен содержать блики, отражения или другие сложные визуальные эффекты, но он может их содержать.

3. Долой пафос. Сайт web 2.0 не является филиалом офиса с мраморными полами и золотыми люстрами. Физического офиса у проекта может и вовсе не быть, а весь предлагаемый сервис доступен прямо здесь, на расстоянии нескольких кликов мышью. Часто — абсолютно бесплатно. Поэтому сайт web 2.0 может позволить себе роскошь выглядеть несерьезно. Думаю, это одна из причин небывалого воодушевления, с которым техно-маньяки продвигают web 2.0 в массы. Однако, чтобы выглядеть восхитительно несерьезно, к визуальному дизайну надо отнестись со всей серьезностью. К сожалению, многие этого не понимают — отсюда изобилие убогого дизайна, на которое я сетовал в начале заметки.

Web 2.0 — как большой слон. Некоторые ощупывают его лапы или хвост и говорят: web 2.0 похож на круглые колонны, web 2.0 похож на веревку… Три признака, описанные выше — это попытка отойти от слона подальше и попытаться увидеть картину в целом. С точки зрения визуального дизайна, но не зацикливаясь на таких деталях, как закругленные углы, тени, отражения, и прочие мелочи. Как видите, картина перед нами открывается захватывающая: участие в проектах web 2.0 дает нам, дизайнерам, возможность сделать web более удобным, более человечным, более живым. И это не только благоприятная возможность — это еще и вызов нашим способностям, который мы принимаем с воодушевлением.

Условия использования

Данные материалы можно использовать в некоммерческих целях, с обязательным указанием автора.

Комментарии

спасибо за серьезную статью
помоему лучшая за все время

Ответить Александр Ларцев, 26 октября 2006

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

Ответить tyv, 26 октября 2006

Хорошая статья. Совершенно согласен с тем, что web 2.0 это прежде всего ориентированность на взимодействие.

Ответить smartfish, 26 октября 2006

Согласен с предыдущим оратором.

Ответить horsev, 26 октября 2006

сдается мне, что общее в дизайне все-таки есть. иначе как в твои скришоты попал skype.com, который, можно сказать, не подходит ни под один из твоих пунктов ;-)

Ответить Alex, 26 октября 2006

web 2.0 – это очень хорошо для всех пользователей web 2.0. web 2.0 меньше портит наше зрение! в web 2.0 мне очень нравится увеличенный размер шрифтов. хорошо, что вы посмотрели на web 2.0 из далека! надеюсь, что вскоре вы достанете из карманов свои лупы и напишите про иконки для web 2.0

Ответить Сергей Иоффе, 26 октября 2006

ну не знаю по моему новый яху отличный сайт (главная страница)

Ответить Miguel, 26 октября 2006

Alex, почему же? Сайт Skype совсем не пафосный (а вовсе даже наоборот). Очевидно, что его дизайн сделан именно для web, для экрана (посмотрите на логотип, на анимированные иллюстрации). Взаимодействие пользователей Skype с системой происходит в основном посредством клиентской программы, так что на сайте можно было бы и не искать каких-то особенных находок в этой области… Но взгляните на галерею скриншотов. Разительно отличается от того, что мы привыкли видеть на сайтах программных продуктов, не так ли?

Ответить yegor, 26 октября 2006

Web 2.0 – это бред. Понятие, высосаное из мизинца.

Ответить zonny, 26 октября 2006

Спасибо. Хорошая статья и хорошие примеры. Мне еще очень нравится дизайн LinkedIn.com – отличное юзабилити плюс все то же взаимодействие (так сказать. положительный user experience). Самое необходимое всегда «под рукой», при этом страницы отлично «читаются», совсем не загромождены лишней информацией и я получаю огромное удовольствие от серфинга по сайту. При этом русский анало Moikrug.ru – (к сожалению) просто полная противоположность.

Ответить tagliner, 27 октября 2006

Спасибо, мне понравилась Ваша статья,нааписанная без истерики на эту тему :)
Что касается коммуникации.

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

Мне кажется, Вы толи упустили, толи сознательно не принимате во внимание такой аспект как контент (а в веб2.0 это – реализация как правило уникальной идеи (или уникальная реализация))

Сайт он ведь, по убыванию
-полезный
-удобный
-красивый

Но просто на красивый сайт человек второй раз не вернется, как говорится, «не было надобности» :)

Ответить IDcontent, 28 октября 2006

Надуманность понятия “Web 2.0” конечно есть. Ну а что если посмотреть на проблему так: вэб изменился, внешний вид его тоже сильно изменился, принципы программирования — тоже (всё, блин, объектным таким становится, взять JavaScript к примеру), стандарты внедряются вовсю (ну кроме корпорации Microsoft, разумеется), XML, CSS и все дела, браузеры всё чаще не перегружают страницу целиком и т.д. — все это видят. Что-то действительно с ним произошло. Просто это, что-то, что произошло с вэбом, надо было хоть как-то назвать. Это гадкое свойство людей: всё как-то называть, реже — своими именами. Вот и придумали “Web 2.0”. Понятие объективно существующее, очень ёмкое, а феноменологические аспекты спрятанные за ним вообще не собрать в единый пучок. И надо заметить необычайно размытое, удобно размытое — всё что хочешь можно в него втиснуть. И, естественно, есть люди, которые хотят на этом зарабатывать, ведь надо же продавать что-то новое, рынок не терпит старья. Вот так. Ублюдки ли они, или просто коммерсы, я для себя еще не решил.
Æ

Ответить Сашка Егоров, 29 октября 2006

А в вебе 5.0 мы перемелем все человечество в однородную биомассу и будем изучать изменение напряженности биополя! Изучать графики, строить предположения, разное.

Для этого нам понадобится гигантская мясорубка.

Ответить Илья Якямсев, 29 октября 2006

Статья понравилась.
я за дизайн в стиле веб 2.0

Ответить Игорь Старков, 5 ноября 2006

Лично для меня «web 2.0″ это как бы новый стиль который улудшает «интуитивность» на сайте, в прочем «web 2.0″ нужен ещё для того что бы убрать старый стиль дизайна.

Ответить mse, 6 ноября 2006

Вот есть неплохая статейка про дизайн в стиле web 2.0, правда на английском: http://www.thinkvitamin.com/features/design/how-crap-is-your-site-design

Ответить phyrz, 7 ноября 2006

Колеги, вы путаете простые вещи, и вносите ещё большую путанницу. Дело в том, что Web 2.0 — это не стиль и не концепция в дизайне. Это БИЗНЕС-МОДЕЛЬ!!!

Правильная статья на эту тему лежит тут: http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html

Прочитайте, пожалуйста, — она очень хорошо раскладывает в голове всё по полочкам.

Ответить Ярослав Перевалов, 16 ноября 2006

Ярослав, я и не думал утверждать, будто Web 2.0 — это такой стиль в дизайне. Я просто пытался сформулировать, какие особенности в дизайне характерны для сайтов, построенных на основе бизнес-модели Web 2.0.

Ответить yegor, 16 ноября 2006

Егор, твоя фраза «я и не думал утверждать, будто Web 2.0 — это такой стиль в дизайне» противоречит названию статьи «Дизайн в стиле web 2.0″ :)))

Но моя реплика относится не столько к твоей статье, сколько к комментариям. Я и сам не понимал, что такое веб-2, пока не прочитал «правильную» статью. Думал, что это синоним AJAX. Но уже пошло-поехало. Люди уже вовсю используют термин «дизайн Web 2.0″, и вряд ли от этого откажутся :)

Ответить Ярослав Перевалов, 16 ноября 2006

Категорически не согласен с автором поповаду ЖЖ, LiveJournal это наверное самый удачный, продуманый, и максемально удобный проект в интернете… поэтому после слов про ЖЖ читать даж не стал…
вот такое мое мнение

Ответить спел, 29 ноября 2006

Егор, спасибо, хороший текст!
Только навеял такую мысль: название «Дизайн в стиле web 2.0″ вступае в конфронтацию со смыслом термина «Web 2.0″ (если под ним имеется ввиду именно бизнес-модель). Конфликт в том что бизнес-можель – от слова «бизнес», то есть вкручивание мозгов(ложь мраморных офисов). А отсутвтвие пафоса и взаиможействие следствие близости к человеку. В глаза врать сложно, поэтому стартапперы (в противоположность стартапперам «прошлого веба», которые стали немного страпперами) пытаются врать меньше, и хороший дизайн это отражает. Плохой дизайн в стиле 2.0 отражает просто отсутствие визуальной культуры у классного программера который делал движок. А дизайн Yahoo – это iPod в руках постаревшего Боно из U2: он говорит о большом желании помолодеть и жечь как раньше!

Ответить Edzo, 30 ноября 2006

yahoo – очень качественно изменился (нельзя только на морду проекта смотреть), особенно радует поиск (тепрь он лучше Яндеса ищет по русским сайтам) и интеграция между проектами (5+)

Ответить Vlad, 30 ноября 2006

За статью спасибо! пишите еще =)

спел , очень захотелось так же категорично не согласиться с Вами насчет: «LiveJournal это наверное самый удачный…», привычка 2ая натура, может быть вы просто привыкли к корявости ЖЖ?

Ответить marimask, 5 декабря 2006

Edzo, спасибо за отзыв, но я никак не могу согласиться с утверждением, будто «традиционный» бизнес — это вкручивание мозгов. Скорее уж весь этот web 2.0 как раз является масштабным таким вкручиванием!

Ответить yegor, 18 декабря 2006

Привет!
Как то все дружно начали учить дизайнить Веб2.0.
Или это я начал обращать на это внимание после своей заметки о 15 отличиях сайтов под веб20

Но ты маладца! Сузил все до 3 пунктов эргономично ;)


Не хотите добавить кнопку привью к комментам? если теги разрешили привью очень в тему.

Ответить Slava Kaushan, 24 декабря 2006

Не существует никакого веб 2.0!

Ответить ^_^, 28 декабря 2006

Спасибо, Егор за хорошую статью.

Ответить DezmASter, 14 января 2007

Спасибо за хорошую статью.

Гораздо приятнее читать, нежели Web 2.0 how-to design style guide.

Ответить kost, 22 января 2007

я делаю похожие сайты и даже не знал что это «Веб 2.0″
Не знаю даже. Как то не понятно, что может пойти «Новое поколение Веб Сайтов».
Веб дизайн этож первым делом свобода мысли и фантазии.
Информационные сайты будут всегда(имею в виду сайты где не дизайн играет роль а инфа) а вот то что я видел ваше в статье, это как по мне так просто комерческие сайты зделаные на заказ за хорошие деньги.
вот и всё.
Творите на здоровье!

Ответить AlieN, 23 января 2007

Всё просто. Дизайн в стиле web2.0 — это шрифт Verdana, крупные заголовки, большие иконки высокого разрежения и цветности с градиентами и нежные цвета, за счёт всего этого создаётся ощущение лёгкости и незаполненности.

Будете делать так — не прогадаете :-))

А веб2.0, конечно же, есть. Не важно, в маркетинговом смысле или в ещё как-то :-))

Ответить Павел, 3 февраля 2007

Полностью соласен с комментом про бизнес-модель. Рисовать что-то в стиле web 2.0 нельзя. Это будет в большинстве своем повторять стиль дизайнеров MacOS и не больше. Это просто такой стиль оформления и навязывать его всем и каждому не вижу смысла. Можно сделать офигенный сайт в стиле old school, прикрутить к нему очень серьезную функциональность и собрать на нем огромную толпу постоянно болтающих юзеров. Из «нового» мы получим только программную часть и то, которая могла быть реализована еще пару лет назад, но никому особо не требовалась…

Ответить Slim, 4 февраля 2007

Действительно и статья, и дискуссия вокруг нее очень интересны.
Постоянно ищу и нахожу параллели между TV и интернет.
Согласитесь: социальные веб-сети и реалити-шоу, ток-шоу на TV, разве не родственники ?
А интернет-магазины и TV-торговля, разве не близнецы ?
Что-то не слышал я о новых технологиях и дизайне в стиле TV 2.0.
Для меня сеть это, скорее, разновидность СМИ, чем место культурного отдыха или шопинга.
Поэтому из новоявленного Web 2.0. я принимаю только визуальную компонету. Очень ценю «воздух» на страницах, крупный шрифт, отсутствие мельтешения, адекватные средства обратной связи. Форумы и гостевые без модерации очень напоминают известную tv-программу «Дом-2″

Ответить Leonid, 17 февраля 2007

Спасибо за статью, очень интересный материал … за технологиями будущее :)

Ответить Александр, 18 февраля 2007

реальтно, всётаки ни хрена не понял что же всётаки такое web 2.0!
единственное что понятно со стороны, это то что web 2.0 это вариация предоставления чегото комуто чтото типа купи продай!
а по поводу дезигна нафиг париться! лучше чтобы удобно было а не сборка мусорная!

Ответить kir_pich, 24 февраля 2007

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

Ответить Baddy, 27 февраля 2007

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

Ответить rolir, 23 марта 2007

Тем, кто все-таки хочет узнать подробности и особенности дизайна Web2.0 рекомендую статью Дизайн в стиле Web 2.0, очень много иллюстраций и примеров.

Ответить Jenek, 23 марта 2007

Я считаю
что если интернет заполонят клоны аля WEB 2.0
то пользователи начнут путаться в этих штамповках
орегинальность правит миром
нестандартность и непохожесть – вот мощьный маркетинговый иструмент!
Вэб 2.0 – из дэд!

Ответить Лариса, 30 марта 2007

Замучали заказчики «стилям web 2.0″… Хотя сами дуже чётко объяснить, ЧТО именно им нужно не могут

Ответить Yuzle, 1 апреля 2007

Простота и оригинальсть, соответствие аудитории и посталвенным задачам – вот, пожалуй, основа успешного проекта. Web 2.0 – это некие общие рекомендации для реализации интернет-проекта.

Ответить maxim, 13 апреля 2007

Егор, а чем ЖЖ-то неудобен? Можешь перечислить 2-3 пункта, по которым он тебя не устроил в плане удобства?

Ответить Анатолий Кукаев, 10 июня 2007

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

  1. Автоматически сворачивающиеся ветки комментариев — хуже не придумаешь. Разобраться, что ты уже читал, а что еще нет, невозможно.
  2. А как узнать, кто меня зафрендил в последнее время? Без костыля — семаджика. О, можно настроить почтовые уведомления… Спасибо и на том. А кто наоборот, отписался?
  3. Как удалить запись из избранного? Нажать «редактировать», стереть ее описание и нажать «добавить». Без комментариев.
  4. Система настройки внешнего вида журнала — это же ужас. S1, S2… без поллитра не разберешься. Заботой о пользователе и не пахнет.
  5. А знаете, как забанить нарушителя правил в сообществе? Для этого нужно набрать специальную команду в консоли. XXI-й век!

Кое-что сейчас исправили (например, нелепую процедуру создания сообщества). Прогресс все таки на месте не стоит, к счастью.

Ответить yegor, 11 июня 2007

web 2.0 – дизайн программистов. и этим всё сказано.

Ответить Сергей, 28 августа 2007

Смысл «Web 2.0″ действительно утерян еще при появлении этого явления :) Но, ИМХО, «дизайн в стиле Web 2.0″ – это когда основным элементом дизайна является непосредственно информация. Будь то графика или текст – и то, и другое имеет информационную нагрузку. Все остальное – отбрасывается. В результате имеем легкий, функциональный и полный смысла внешний вид. Во как – «функциональный внешний вид»! :) Вот такой вот теломбельчик выходит :)

Ответить dimaka, 17 ноября 2007

А как же qip.ru тоже не последний представитель в этом списке.
Дизайн в стиле Web 2.0 (ох как коробит меня этот термин «Дизайн в стиле Web 2.0″) да, на самом деле много подобных сайтов. Созданных (или переработанных) под влиянием всех этих новомодных сервисов (а по всей видимости только они и являются отличием web 2.0)

Ответить Osiris, 23 ноября 2007

дизайн сайтов перешел некий рубеж и называть это «Дизайн в стиле web 2.0″ или еще как то совершенно неважно…

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

Ответить ivanochek, 31 декабря 2007

хорошая статья. многое прояснила лично для меня. спасибо!

Ответить safka, 23 января 2008

Кое-что стало понятно, кое-что осталось просто пустыми словами. Спасибо за статью!

Ответить Guyver, 24 января 2008

Чувака вы жжоте!!!!
нет никакого web 2.0 !!!
не дизайн определяет стиль сайта а именно взаимодействие с посетителем!!!
вот правильное высказывание
>>web 2.0 – дизайн программистов. и этим всё сказано.

интекативность = web 2.0

Ответить me, 20 мая 2008

да, спасибо за статью.
действительно, акцент на пользовательскую информацию и определяет во многом стиль юзабилити.

актуальная проблема (при том, что даже самому понятию Web 2.0 уже, кажется, больше 3 лет) в том, что «дизайн Web 2.0″ (и юзабилити, и, простите, эстетика) по большей части остаются наиубогими даже в новых проектах (да простят меня любители Яндекса).

Ответить vox_humana, 11 июня 2008

Недавно я смотрел «культурную революцию», и там один учёный сказал, что человек, который не ищет истины, живёт пустой жизнью, а я про себя подумал: «Возможно, старик прав. Жалко, руки не достают – не мешало бы, конечно, ему пенделя отвесить. Он ему позарез нужен.

Ответить opasny_tip, 14 февраля 2009

Напишите комментарий

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

Connect with Facebook

Если у вас есть OpenID (например, myopenid.com), воспользуйтесь им для авторизации.

Авторизуйтесь при помощи аккаунта Турбомилк. Вы также можете зарегистрироваться на нашем сайте.

Закрыть