ВЕБ 2.0

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

В последнее время множество людей только и говорят о новом витке эволюции Веб, как такового, и идеалогии, дизайна в частности. О веб 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.    Meta-теги
6.    Блоговая структура информации

Обьясняем.

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



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

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

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

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


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



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

1.    Дизайн должен быть в стиле aqua – отражения, тени, обьемы.

2.    В дизайне должно быть много мелких деталей.

3.    В дизайне должно быть много картинок

4.    В дизайне должно быть много цветастых баннеров.

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

1.    Зачем?  Пользователю, как то розово-фиолетово какой у сайта дизайн – аква или нет…  Он пришел за информацией и твердо намерен её получить. На этом и остановимся.

2.    Не зачем. Вспоминаем первую заповедь Веб 2.0 – «Ничего лишнего»

3.    Главное правило дизайна для Веб 2.0 сайтов – простота и быстрозагружаемость страницы. Много графики как правило этому препятствует.

4.    Ну это вообще абзац . Это правило придумали заказчики сайтов в стиле Веб 2.0 сами, толком твердо не зная, что же это за зверь такой.

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

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



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

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

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


И напоследок я хотел бы перечислить русскоязычные веб 2.0 проекты, которые заслуживают общего внимания.
1.    www.habrahabr.ru – сказать что этот проект произвел фурор в кругах интернетчан – значит ничего не сказать. Просто огромный ресурс создаваемый силами обычных людей.

2.    www.bobrdobr.ru – сервис закладок для интернет ресурсов с множеством возможностей.

3.    www.mywordpress.ru - бесплатный блоговый движок
 
4.    www.webmoney.ru - после редизайна - следует канонам жанра

5.    www.expert.ru - интересный ресурс для копирайтеров



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

Добавлено @ 03:21 
Огромный список веб 2.0 сайтов

http://www.lampochek.net/web.rar

Это сообщение отредактировал(а) DezmASter - 28.1.2007, 12:20

я бы привела здесь пример о спамфильтрах гугла.



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




вот эти пункты я вообще не поняла.  



))))))))))))) Указатель перехода со страницу на страницу безумно порадовал ))))))))))))

Все здорово, но один минус: то, что хотела о дизайне услышать так и не услышала. Возможно я просто что-то другое понимаю под web2.0.





Человек 2.0 не ожидается. Ожидается, что пользователи с пониманием подойдут к статье и не будут флудить. Не флейм все-таки.

Caramel,


с утра не понял 



конкретнее? я допишу

а ты посмотри. У них вперед налево, а назад направо. Обычно же наоборот 



о, похоже это все равно не поможет))))


взято здесь

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

Caramel, да, ты права. Видимо ты детально статью не читала  я там как раз это и обьяснял, что даже создатель толком не знает что это такое 


Caramel, по поводу нафигации у хабра - так ведь удобнее ;)   



почему?

да я ее читала, просто думала вдруг ты упустил этот момент и просто отделался общими словами?

кстати еще раз, что значит:

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

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

Аналогично... Только не сколько о дизайне, сколько о концепции, что не плохо описано тут: http://www.computerra.ru/think/234100/.



При чем тут защита, когда используемые технологии, описанные тобой, работают на клиентской стороне?

Mal Hack, ты хочешь сказать что браузеры хорошо защищены?




Добавлено @ 15:31 
Mal Hack, данные ведь не в браузере хранятся.

Это сообщение отредактировал(а) DezmASter - 28.1.2007, 15:33

А при чем тут браузеры?

Mal Hack, совсем запутался 



Это сообщение отредактировал(а) DezmASter - 28.1.2007, 16:27

Не удивительно, что много воды, хотя бы потому что сам термин Web 2.0 почти ничего не означает. А тем более - в смысле дизайна. Вон сравните wallop с gmail - что общего? Да ничего. А и то, и другое - Web 2.0.

Всеравно не вижу разницы между 1 и второй версией    помоему это простое использование ресурсов первой версии, только самых новых.

Я тоже  .

Лан, всем за замечания спасибо ) будем старатся писать лучше 

Не в написании статьи дело, а в том, что Exception,  правильно сказал:

Вот это не понятно... совершенно не ясно что это такое??? Реклама и не более!