Новосибирский государственный университет
Сайты Lenta.ru и Gazeta.ru в 1999-2019 гг.: трансформация представлений об удобном, красивом, приемлемом
Виктория Евгеньевна Беленко,
Анастасия Александровна Федотова
Аннотация
На материалах архивных снапшотов российского интернета анализируется трансформация сайтов одних из самых популярных интернет-СМИ Рунета, Lenta.ru и Gazeta.ru со времен их создания в конце 1990-х гг. и до 2019 г. В работе прослеживается, как с течением времени менялись структура, функциональность и дизайн сайтов, в какой момент времени происходили те или иные принципиальные изменения, каким редизайнам и когда подвергались эти СМИ и с чем это могло быть связано.
Ключевые слова: снапшот, веб-дизайн, интернет-СМИ, редизайн, юзабилити, история интернета, визуальный контент, графическая модель сайта
The websites of the internet-media Lenta.ru and Gazeta.ru in 1999-2019: Transformation of ideas about the appropriate, the beautiful, and the proper
Viktoria E. Belenko, Anastasia A. Fedotova
Novosibirsk State University, Novosibirsk
Abstract
The article analyzes the transformation of the websites of the two most popular Internet media in Russian, Lenta.ru and Gazeta.ru, from their creation in the late 1990s to 2019. It is based on the materials of archival snapshots of the Russian Internet. Snapshots are the archived copies saved on the Way Back Machine Internet archive server, a non-profit organization that creates a digital library. This copy includes all open and whole files, which allows researchers to view not only the appearance, but also the functionality of the site, as well as its program code. In total, the Internet archive server contains 17,133 Lenta.ru's snapshots (starting from November 27, 1999, to March 17, 2019) and 22,998 Gazeta.ru's snapshots (starting from December 3, 1998, to April 5, 2019). For this work, we considered at least one snapshot of each week of each month in the year. Fixing changes in the graphic models of the studied media allowed noting the structural, functional, and content (at the level of headings) transformations of the sites, identifying general trends in change and features of each of the analyzed Internet media. The results of the analysis show when these online media were redesigned, when they gradually changed certain visual components. The paper traces the main changes in the headings, the rejection of “paper-centric” designations of the main headings (such as “Today in the Issue”), the transition from HTML to HTML-5, the connection of the corresponding CSS libraries, the integration of elements using the JavaScript programming language into the page markup. The article also outlines the main stages and years of changes in graphic models (first for the screens of devices with different aspect ratios, then with adaptation to the screens of different devices), changes in the site models themselves: basic blocks, centering, color solutions. Special attention is paid to the opportunities for feedback that are gradually introduced into the sites, including those based on social networks. Special attention is paid to the “multimedia” turn in the visual content of websites (and later mobile applications), the gradual increase in the number of photos and videos, the adaptation of the model and layout of the sites to these new content presentation formats, the appearance of online broadcasts. In general, the presented analysis allows us to trace how the largest Internet media in Russia formed their ideas about what is acceptable and functional. Content forms do not change as a result of the creative request of producers or the audience. Technological aspects are usually the most serious reason for change: all content changes are the result of the bandwidth of communication channels, programmers, and the gadgets used for media consumption. We can assume that, in the near future, changes in the visual appearance of sites will be connected with their personalization due to the more active development of applications and neural networks. Since other editorial offices focus on the best of federal media and look for what is good for them, the article shows how, in principle, the standards of web design of mass media have changed in Russia, how ideas about the appropriate, the proper, the usable, and the beautiful in the Internet media have transformed over time.
Keywords: snapshot, web design, Internet media, redesign, usability, Internet history, visual content, graphic model of site
Введение
В последние годы растет количество научных исследований, посвященных содержательным аспектам функционирования интернет-СМИ, смене производственных практик в медиа под влиянием глобальной цифровизации, появлению новых форматов представления журналистских материалов. Однако существуют две серьезные лакуны, которые стремится восполнить представленное в этой статье исследование.
Первая лакуна связана с трудностями диахронного изучения интернет- СМИ, так называемой «историей» или даже «археологией» Интернета (см., например, [1, 2]). Несмотря на существующие технологические возможности работы медиаисследований в этом направлении, на данный момент достаточно мало кто в России занимается анализом таких архивных материалов.
Вторая лакуна обусловлена тем, что в России сравнительно немного исследований, посвященных визуальным аспектам медиапроизводства, структурным и графическим моделям интернет-изданий, юзабилити сайтов. Возможно, это связано со сложностями самих методик анализа визуального. Таким образом, рассмотрение структурных и визуальных трансформаций веб-сайтов в диахронном аспекте - сравнительно новый подход к пониманию того, какими средствами можно изучать интернет-СМИ.
В представленной статье описывается, как трансформировались с течением времени графическая модель, визуальные особенности и особенности юзабилити-интерфейса таких известных интернет-СМИ, как Gazeta.ru и Lenta.ru.
Данные издания выбраны не случайно. Во-первых, это одни из первых интернет-СМИ России. Во-вторых, их огромные аудитории и стабильное присутствие в рейтингах цитируемости говорят о том, что они являются одними из лучших и наиболее популярных СМИ нашей страны. В начале 2000-х на них начал работать «эффект первопроходца» [3], и со временем они стали бенчмарками [4] для других веб-СМИ, формирующими представления о том, что приемлемо и правильно, красиво и функционально для сайтов медиа. Проще говоря, на них ориентируются, а то, что они внедряют на своих веб-площадках, становится своего рода стандартом. То есть, рассматривая трансформацию их сайтов, мы изучаем смену представлений о правильном, удобном и красивом при организации интернет-СМИ.
Степень изученности и методика исследования
Работ, описывающих структурные и графические модели сайтов СМИ, сравнительно немного. Упомянем те, которые оказали наибольшее влияние на формирование подходов к методике анализа интересующих нас сайтов. Прежде всего, это учебное пособие «Веб-дизайн и оформление электронных СМИ» А.В. Якунина [5]. В пособии показано, как правильно размещать на сайте различные композиционные элементы, как различные графические средства помогают управлять вниманием. В статье М.И. Корзина, О.А. Костюченко, В.А. Лысенко [6] приводятся основные признаки правильно оформленного с эстетической точки зрения веб-ресурса, а в статье Л.В. Кошель [7] проводится анализ символики цвета в дизайне интернет-сайтов. Варианты стилей веб-дизайна представлены в работах Т.Ю. Китаевской [8] и Е.С. Ляшенко [9]. Что касается вопросов юзабилити, то при анализе сайтов Gazeta.ru и Lenta.ru мы опирались на статью Д.С. Кушевой [10], в которой описываются основные принципы UI, и на статью А. А. Лайковой [11], в которой приводятся способы оценки и улучшения юзабилити интернет-сайта. Отдельно стоит отметить статью А.В. Якунина и С.С. Бодруновой, в которой описываются тенденции современного дизайна в проектировании интернет-СМИ [12].
Подробнее надо остановиться на методике и эмпирической базе исследования, результаты которого представлены в этой статье. В этом качестве использовались снапшоты Lenta.ru и Gazeta.ru. Снапшоты - это снимки архивных копий на сервере интернет-архивов «Way Back Machine» - некоммерческой организации, которая создает цифровую библиотеку. Архив собирается с 1996 г. [13]. Снапшот - сохраненные копии файлов и каталогов на определённый момент [14]. В эту копию включены все открытые и цельные файлы, что позволяет просматривать не только внешний вид, но и функционал сайта, а также его код. По мере развития объема запоминающего устройства архива и мощности используемых сервисом процессоров увеличивалось и количество сохраняемого материала. Это объясняет разное количество имеющихся снапшотов, например за 1999 и 2008 гг. Из данных сайта веб-архивов, видно, что отчет архива Lenta.ru начинается с 1999 г., а копий Lenta.ru, Gazeta.ru - с 1998 г. Всего на сайте интернет- архивов содержится 17 133 (начиная с 27 ноября 1999 г. по 17 марта 2019 г.), в то время как копий издания Gazeta.ru - 22 998 (начиная с 3 декабря 1998 г. по 5 апреля 2019 г). Для данной работы было рассмотрено минимум по снапшоту каждой недели каждого месяца в году.
Что касается методики, то мы фиксировали все изменения в графических моделях изучаемых СМИ, а также отмечали структурные, функциональные, содержательные (на уровне рубрик) трансформации их сайтов, отмечали общие тенденции в изменении и особенности каждого из проанализированных интернет-СМИ.
Сайты Lenta.ru и Gazeta.ru в начале своего существования
Напомним, что в период с 1993 по 1995 г. появляются первые публичные интернет-страницы. Ими были различные электронные библиотеки и веб-обозрения [15. С. 21], телеконференции (ньюсы), из которых можно было узнать политические новости. Параллельно существовали интернет- рассылки журналов и газет (например, «Известия» стали распространять электронную версию печатной газеты в 1992 г.) [16]. В течение короткого промежутка времени многие СМИ начинают уделять внимание интернет- представительству своего издания. Чтобы издание появилось в Сети, назначался человек, который брал текущую версию газеты, с помощью визуального редактора переводил его в HTML и выкладывал на сайт [17. С. 51]. И если «традиционным» изданиям было трудно отойти от осмысления своего сайта как «версии» того, что создавалось для распространения и потребления офлайн, то интернет-СМИ, которые изначально создавались для функционирования в этой новой среде, становились законодателями стиля и проводниками новых технологий.
В первые годы существования сайтов Lenta.ru и Gazeta.ru каждый их раздел открывался в новой вкладке браузера. Написаны сайты были только на языке разметки страницы (HTML), были адаптированы под 14-дюймовый экран с разрешением 640х480пикселей.В это время нет внутритекстовых заголовков, текстовых врезок, выделения (цветом или курсивом) цитат или какой-то важной информации. Принципы контрастирования и балансировки [18. С. 15-37] почти не реализуются редакциями.
Структура Lenta.ru того времени: в «шапке» сайта - информация о рубриках («В России», «В мире», «Чечня», «Интернет», «Экономика», «О сервере», «Английская версия», а также календарь за текущий месяц), название издания, в «теле» - рубрики.
Визуально материалы строились по формуле: фото плюс заголовок с лид-абзацем. «Основа» сайта содержала гиф-рекламу и контактную информацию: имя дизайнера / дизайн-студии, создавшей сайт, электронную почту редакции.
В оформлении главной страницы Lenta.ru использовались три цвета: подложка (сам фон) был светлым серо-желтым, названия рубрик давались на красной подложке, а заголовки были синего цвета с гиперссылочным подчеркиванием. Материалы были монолитными: главные новости представляли собой новостные заметки в один абзац, которому предшествовали дата и время публикации в квадратных скобках.
Рис. 1. Lenta.ru в 1999 г.: графическая модель и пример сайта
Несмотря на отсутствие форм обратной связи, была доступна подписка на оперативную рассылку «главных новостей» на пейджеры (она исчезает из рубрики «О сервисе» в 2002 г.)
При сравнении визуального контента сайтов двух анализируемых СМИ видно, что соотношение фото: тексты у Lenta.ru примерно 1: 4, в то время как у Gazeta.ru 2: 3. К тому же фотографии Gazeta.ru были по размеру больше фотографий с сайта Lenta.ru.
Gazeta.ru содержит некоторую попытку обратной связи с аудиторией: «опрос» и «чат». Сейчас невозможно отследить, как они функционировали в то время, мы можем видеть только, как они выглядели. Так, если 27 ноября 1999 г. зайти в рубрику «Политика», то справа над горячими новостями виден опрос «Кто такой Доренко?».
Что касается структуры сайта, то здесь читателям предлагали не одну актуальную тему, а три. В теле сайта по центру располагаются лид-абзацы основных новостей с прикрепленными к ним фотографиями и гиперссылками «подробнее». И уже ниже идут рубрики: «Политика», «Бизнес / финансы», «Спорт», «Архив».
Рис. 2. Gazeta.ru в 1999 г.: графическая модель и пример сайта
Оформление этого интернет-СМИ полностью черно-белое, напоминающее черно-белую газету. Однако у рубрик и текста уже разный стиль шрифтов, что облегчает навигацию.
Рассмотрев, как выглядели сайты самых известных интернет-СМИ России сразу после своего возникновения, посмотрим, как они менялись со временем, как внедряли новые возможности, устанавливали новые стандарты юзабилити и дизайна.
С 2000 по 2004 г. Lenta.ru меняет рубрикатор. Появляются разделы культуры, спорта, медицины и автомобилей, далее появляется рубрика «Медиамост» с переходом на другую страницу сайта, позиционирующего себя как приложение Lenta.ru совместно с «MEDMEDIA», также появляется рубрика «Прогресс», рассказывающая о технологических новинках. Видно, что, хотя редакция и продолжает следить за политическими новостями, но ее начинает интересовать более широкий спектр тем, чем в первые годы. А по появлению и исчезновению «региональных» рубрик можно судить о том, какие регионы страны и мира привлекали внимание журналистов (рубрики «Ирак», «Кавказ», «Чечня», «Ближний Восток»).
Первые серьезные изменения
Но серьезные изменения Lenta.ru претерпевает только в 2004 г., что связано с приходом Галины Тимченко как главного редактора [19. С. 12-14]. В 2004 г. в рубрике «О сервисе» в связи с изменением дизайна появляется обращение редакции к читателям. В нем говорится: «Пять лет наш сайт существовал практически без изменений <...> В ближайшие годы мы ожидаем дальнейшего роста численности аудитории Сети, равно как и читательских запросов. В наших планах - новые проекты, новые сервисы, новые форматы подачи информации. Все это также требует изменений дизайна» https://web.archive.Org/web/20040915033830/http://lenta.ru/info/design.htm.
Снапшот за 13 сентября показывает, что сайт приобретает новый внешний вид. Прежде всего, меняется формат веб-страницы: ее адаптируют под новый размер мониторов (17-дюймов, соотношения сторон 16: 9 и разрешение 1 024^768 пикселей), т.е. она становится ощутимо шире. Появляются ссылки по схожей теме после прочтения материала, тематический интерактив («голосование»). Все ссылки начинают открываться в одном окне, это уменьшает время ожидания загрузки страницы.
Именно после 2004 г. Lenta.ru перестает описывать свою работу в газетных и телевизионных терминах. Подписи «Сегодня в газете» / «Сегодня в выпуске» уходят с главной страницы сайта. После редизайна сайта, расширения формата редакция отказалась от обычного линейного прочтения страницы сверху вниз. Рубрики и основные новости начинают группироваться так, что их можно прочесть любым способом: сверху вниз, снизу вверх, слева направо и справа налево. Горизонтальное прочтение структуры тела сайта позволяет легко сориентироваться по тематикам: тема - главные новости по этой теме - комментарии / фотогалерея / сюжет по данной теме. Редакция Lenta.ru собирает всю собранную информацию по теме не в отдельные блоки, а в серии взаимосвязанных текстов.