12 сент. 2010 г.

О дизайне онлайн-журналов

Когда-то говорили, что кино убьёт театр. А потом говорили, что телевизор убьёт кино. А потом говорили, что интернет убьёт телевизор, кино, театр, книги, журналы, радио. Но вот пока как-то живут все вместе. Интернет не стал заменой упомянутым явлениям. Он стал средой, через которую всё это можно доставлять потребителям.

Уже говорилось, что интернет не только позволяет сделать самиздат доступным каждому, но и сокращает цикл доставки. Новости можно читать в блогах, скачивать электронные книги, слушать интернет-радио, смотреть телевизор по интернету. Тем не менее, интернет не решил проблему контента и его качества. Скажем больше — интернет усугубил эту проблему. Чтобы написать и издать книгу нужно затратить много денег, усилий и времени. Никто не стал бы всё это делать ради очередного высера. Самиздат в интернете развивался по такому пути: личный сайт → блог → твитер. Каждый переход упрощал публикацию. Стоимость записи в твитер равна нулю. Вся эта простота, удобность и бесплатность породила очень много разношерстного контента, или попросту информационного мусора.

Унабомбер пишет, что в интернете можно заниматься тремя вещами: потреблять информацию, обрабатывать информацию, производить новую информацию. Всё время, проведённое в интернете, является суммой трёх упомянутых активностей. И каждый очередной блог, добавленный в РСС-ридер, или каждая новая ссылка, полученная через твитер или асечку, нагружает первую активность: потребление контента. Тем самым вытесняя из жизни действия, связанные с обработкой информации и производством новой.

Ну ладно, ведь пост называется «О дизайне олнайн-журналов», давайте ближе к дизайну. Сегодня в очередной специализированной рассылке получил пачку статей об электронике. Заинтересовала лишь одна: «Do we need an international EDA roadmap?». В суть статьи вдаваться не будем, перейдём сразу к оформлению.

Из-за того, что полоса узкая, приходится ужимать изображения. Из-за того, что изображения маленькие, фразы читаются с большим трудом. Кнопки «Увеличить» нет. Картинки не кликабельны. Также печально видеть, как графики сжаты в формате JPEG. Попробуйте, например, прочитать, что написано в красном овале.

bad_jpeg

Или вот более тяжелый случай (из-за таблицы выглядывают уши Микрософт Ворда):

bad_jpeg_more

Можно просмотреть всю папку с изображениями. http://www.eetimes.com/ContentEETimes/ Из более 500 картинок, только 12 в формате PNG.

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

pages_in_blog_article

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

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

Форма и содержание — разные вещи, но они между собой напрямую связаны.

Комментариев нет:

Отправить комментарий

Темы

2012 (2) амазон (1) анпакинг (1) артемий лебедев (4) атн (1) аудио (1) аэропорт (1) безопасность (3) бизнес (1) билайн (1) блог (2) будущее (2) видео (11) википедия (5) вымысел (16) гагарин (1) герман (1) гитхаб (1) гугл (3) дед мороз (1) декабрь (1) демотиватор (2) дети (2) дизайн (13) диссертация (2) документация (1) друзья (5) евпатория (1) евро-2012 (1) жадность (1) заяц (1) идея (1) имейл (1) инстаграм (1) интервью (5) интересное (20) интерфейс (13) история (7) как_выжить (4) календарь (1) капитализм (1) картина (1) кмб (6) книга (6) коллекция (4) компилятор (2) конкурс (5) космос (1) лаборатория (1) либералы (1) лингво (1) лузер (6) макаренко (2) макдональдс (2) математика (1) медиапорт (1) ментор (1) металлика (1) металлист (2) метро (7) микрософт (6) миргород (1) москва (2) музыка (3) наркомания (1) новости (17) образование (3) оптимизация (5) основы (14) открытки (3) ошибка (11) памятник (1) патриотизм (3) плагиат (1) плата (1) погода (3) поиск (1) политика (2) полтава (2) праздник (1) программирование (15) прошлое (2) путешествия (8) рейтинг (1) рендер (1) рисунок (2) русские (1) русский язык (1) сайт (4) санкт-петербург (1) сапр (7) сеть (1) си++ (1) синтез (1) системси (1) скриншот (40) социализм (1) соцопрос (3) спектрум (2) спорт (2) срач (2) статистика (1) такси (1) тбб (3) твитер (9) тимошенко (1) украина (5) униан (1) фан (30) фокус (1) фото (39) фотошоп (1) фурсенко (1) футбол (2) хабр (1) харьков (21) хнурэ (19) хобби (4) цитата (2) чехия (1) школа (1) эпл (1) эхостар (1) юмор (1) яндекс (1) clang (2) doxygen (1) english (3) ios (1) llvm (1) msdn (1) outlook (1) PHP (1) stackoverflow (1)

Поиск

Читатели