В последнее время множество людей только и говорят о новом витке эволюции Веб, как такового, и идеологии, дизайна в частности. О веб 2.0 говорят множество вещей, многие из них остаются за пределами понимания среднестатистического человека.

Стиль интерфейса, улучшенное юзабилити, Брр... на этом немного приостановимся.

Содержание:

  1. История
  2. Идеология
  3. Технологии
  4. Ошибки
  5. Дизайн 2.0
  6. Недостатки
  7. Примеры русских 2.0 проектов.
Хабрахабр

История

Сам термин был введен Тимом О`Рейли, хотя по его же признанию термин придумал не он, а его товарищ по работе на корпоративном собрании. Когда и где Тим ввел этот термин? А в статье «Tim O’Reilly — What Is Web 2.0» за 30 сентября 2005 года. Впервые переведенной на русском языке от 18 октября 2005. Итак — значение термина дать затруднительно в принципе.

Идеология

Изначально Веб 2.0 задумывался как новое видение сервисов для простых смертных. Это и дружественный интерфейс, и удачная подача информации без ущерба простому и стильному дизайну.

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

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

Изначальный лозунг этой идеологии — ничего лишнего.

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

Бобрдобр

Технологии

Технологии в построении полноценного Веб 2.0 сервиса используются самые разные и в самых разнообразных сочетаниях. К примеру — можно составить простую платформонезависимую веб службу на основе соединения http протоколов и XML технологии. Чаще всего на сегодняшний день используется такое сочетание AJAX + FLASH + XML + исполняемые серверные языки.

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

Итак мы плавно переходим к разделу «визитные карточки веб 2.0».

Начнем по порядку:

  1. AJAX
  2. FLASH
  3. XML
  4. RSS
  5. Теги
  6. Блоговая структура информации

Обьясняем.

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

Del.icio.us

FLASH — технология не нова, но после выкупа компании Macromedia корпорацией Adobe — произошли некоторые совершенствования технологии. Уже под линейкой Adobe Flash выйдет 9-я версия флеш редактора, новый Action Script, расширяющий возможности технологии до серьезных высот.

XML(eXtensible Markup Language) — язык разметки данных. Он представляет собой свод общих синтаксических правил, что делает его существенно лучше html.

RSS (Really Simple Syndication) — семейство XML-форматов, предназначенных для описания лент новостей, анонсов статей, изменений в блогах и т. п. Информация из различных источников, представленная в формате RSS, может быть собрана, обработана и представлена пользователю в удобном для него виде специальными программами-агрегаторами.

Теги — На сайте выводится облако тегов. Обьяснить трудно — взгляните на рисунок под данным предложением. Как нетрудно понять, размеры тега зависят от его популярности в отношении к другим тегам.

Облако тегов

Блоговая структура информации — для того, чтобы понять, что означает данное словосочитание достаточно зайти на любой блог. Это ленточная подача информации — поток идет по убыванию сверху-вниз, а метод сортировки задает пользователь. В общем не думаю, что это нужно объяснять современному человеку.

Типичный блог

После освещения самой идеологии Веб 2.0 — переходим к размышлениям, домыслам, вымыслам по поводу дизайна сайта для веб 2.0 сервиса.

Ошибки

Популярные заблуждения относительно Веб 2.0

  1. Дизайн должен быть в стиле aqua — отражения, тени, обьемы.
  2. В дизайне должно быть много мелких деталей.
  3. В дизайне должно быть много картинок.
  4. В дизайне должно быть много цветастых баннеров.

Разгромим все пункты по порядку.

  1. Зачем? Пользователю, как то розово-фиолетово какой у сайта дизайн — аква или нет... Он пришел за информацией и твердо намерен её получить. На этом и остановимся.
  2. Не зачем. Вспоминаем первую заповедь Веб 2.0 — «Ничего лишнего»
  3. Главное правило дизайна для Веб 2.0 сайтов — простота и быстрозагружаемость страницы. Много графики как правило этому препятствует.
  4. Ну это вообще абзац. Это правило придумали заказчики сайтов в стиле Веб 2.0 сами, толком твердо не зная, что же это за зверь такой.

Дизайн 2.0

На мой взгляд верные признаки веб 2.0 дизайна

  1. Большой размер шрифта заголовков
  2. Структура вывода новости такова — главные функции, информация, вспомогательные функции расположенные ниже
  3. Нестандартное форматирование ссылок и текста в общем. Чаще через css
  4. 2—3 колонки информации. Не более.
  5. Так называемая верхняя и нижняя секции. Обе отделены от основного контента, для того, чтобы упростить интерфейс.
  6. Явно отделенные блоки. Отделенные цветом.
  7. Простая главная панель навигации
  8. Использование простой, часто пиксельной графики.
  9. Облако тегов
Википедия

Основные тезисы дизайна веб 2.0 я надеюсь вы поняли, а остальное же только за Вами и Вашей фантазией. В чем хороша эта идеология — предоставление свободы мысли дизайнеру, но разумеется в некоторых рамках жанра.

Недостатки

Так и хочется сказать — раз идеология, дизайн 2.0 настолько хороши, почему же все массово не переходят на него? Где порылись собаки?

Из недостатков хотелось бы перечислить:

  • завязанность на постоянное соединение (исчезает связь — информация становится недоступной или неудобной в использовании);
  • завязанность на решениях сторонних компаний, зависимость качества работы сервиса от качества работы многих других компаний;
  • слабая приспособленность нынешней инфраструктуры к выполнению сложных вычислительных задач в браузере;
  • уязвимость конфиденциальных данных, хранимых на сторонних серверах, для злоумышленников (известны случаи хищения личных данных пользователей, массовых взломов учётных записей блогов).

Примеры русских Веб 2.0 проектов

И напоследок я хотел бы перечислить русскоязычные веб 2.0 проекты, которые заслуживают общего внимания.

  1. www.habrahabr.ru — сказать что этот проект произвел фурор в кругах интернетчан — значит ничего не сказать. Просто огромный ресурс создаваемый силами обычных людей
  2. www.bobrdobr.ru — сервис закладок для интернет ресурсов с множеством возможностей
  3. www.memori.ru — еще один сервис закладок
  4. www.toodoo.ru — сервис объединяющий читателей блогов
TooDoo

С уважением, Бирзул Ярослав

Похожие статьи