Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > О Веб 2.0


Автор: DezmASter 28.1.2007, 03:09
ВЕБ 2.0

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


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

user posted image

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

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

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

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

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

user posted image

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

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

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

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


Обьясняем.

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

user posted image

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

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

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

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

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


После освещения самой идеалогии Веб 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.    Использование простой, часто пиксельной графики.


user posted image

Основные тезисы дизайна веб 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 - интересный ресурс для копирайтеров

user posted image

--------
С уважением, http://lampochek.net

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

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

Автор: Caramel 28.1.2007, 10:18
Цитата(DezmASter @  28.1.2007,  03:09 Найти цитируемый пост)
Так же хочется отметить то, что контент для веб 2.0 сайта делают сами его посетители, с поддержкой со стороны администрации в виде бонусов в аккаунте или других стимулах к развитию. Людям нравится чувствовать причастие к чему-нибудь большому.

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


Цитата(DezmASter @  28.1.2007,  03:09 Найти цитируемый пост)
AJAX – технология позволяющая подгружать данные без перезагрузки страницы. Т.е. фактически – пользователь сокращает время работы с сайтом, что довольно удобно.

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


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


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


Цитата(DezmASter @  28.1.2007,  03:09 Найти цитируемый пост)
www.habrahabr.ru

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

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




Цитата(Vaulter @  28.1.2007,  08:42 Найти цитируемый пост)
а у меня ноги мерзнут.
а по теме:
а Человек 2.0 когда ожидается?

мужики: суета сует это все.
основной фурор - это терминалы с флэшем (все работать в Adobe срочно! smile )
зы: сам я программер со стажем. много чего прохавал уже.
скоро в начальство... 

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

Автор: DezmASter 28.1.2007, 11:14
Caramel,
Цитата

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


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

Цитата

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


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

Автор: Caramel 28.1.2007, 12:16
Цитата(DezmASter @  28.1.2007,  11:14 Найти цитируемый пост)
с утра не понял

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


Цитата(DezmASter @  28.1.2007,  11:14 Найти цитируемый пост)
конкретнее? я допишу 

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

Цитата

03. Трудности определения

Как правило, определение термина Web 2.0 начинается со слов о том, что ни одного внятного определения, что же это на самом деле такое, не существует. Главный апостол Web 2.0 Тим О’Рейлли объясняет этот термин либо невероятно запутанными схемами, имитирующими структуру Cолнечной системы, либо текстами на тридцать страниц знаков, либо таблицами, в которых приводятся конкретные примеры — вот это Web 2.0, а вот это не Web 2.0,— либо выходит с лаконичным определением («Web 2.0 — это сеть как платформа»), от которого все становится еще более запутанным.


http://web2null.nnm.ru/25_faktov_pro_web_20

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

Автор: DezmASter 28.1.2007, 12:23
Caramel, да, ты права. Видимо ты детально статью не читала smile я там как раз это и обьяснял, что даже создатель толком не знает что это такое smile


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

Цитата

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


почему?

Автор: Caramel 28.1.2007, 12:28
Цитата(DezmASter @  28.1.2007,  12:23 Найти цитируемый пост)
Caramel, да, ты права. Видимо ты детально статью не читала smile я там как раз это и обьяснял, что даже создатель толком не знает что это такое smile

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

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

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

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

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

Автор: Mal Hack 28.1.2007, 14:00
Цитата(Caramel @  28.1.2007,  10:18 Найти цитируемый пост)
Все здорово, но один минус: то, что хотела о дизайне услышать так и не услышала.

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


Цитата(DezmASter @  28.1.2007,  12:42 Найти цитируемый пост)
У 2.0 сервисов обычно не очень хорошая защита данных, которые легко можно потерять всего лишь убив сервера. 

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


Автор: DezmASter 28.1.2007, 15:27
Mal Hack, ты хочешь сказать что браузеры хорошо защищены?




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

Автор: Mal Hack 28.1.2007, 15:52
Цитата(DezmASter @  28.1.2007,  15:27 Найти цитируемый пост)
Mal Hack, ты хочешь сказать что браузеры хорошо защищены?

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


Автор: DezmASter 28.1.2007, 16:26
Mal Hack, совсем запутался smile


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

Автор: Str!pe 1.2.2007, 12:57
Цитата(Exception @  1.2.2007,  00:19 Найти цитируемый пост)
Web 2.0

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

Автор: Exception 1.2.2007, 21:14
Я http://forum.vingrad.ru/index.php?showtopic=134182&view=findpost&p=1020023 smile .

Автор: DezmASter 1.2.2007, 22:25
Лан, всем за замечания спасибо ) будем старатся писать лучше smile

Автор: Str!pe 2.2.2007, 09:18
Цитата(DezmASter @  1.2.2007,  22:25 Найти цитируемый пост)
Лан, всем за замечания спасибо ) будем старатся писать лучше 

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

Так что же есть в W2.0, чего нет в W1.0?

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

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)