В теле сайта появляется окно для подписки, возникает возможность поиска по материалам сайта, оно начинает делиться на три части. И теперь на первой странице можно увидеть в три раза больше новостей, появляются ссылки «Реклама», «О сервисе».
Текст начинает делиться на абзацы, внутри текста появляются гиперссылки, а после материала - «ссылки по теме» с возможностью перехода на другой материал сайта. Так удобнее просматривать материалы, а пользователь может мгновенно сориентироваться в интересующем его разделе за счет предлагаемых изданием ссылок на перекрёстные публикации. В оформлении сайта стало больше «воздуха».
В сентябре 2006 г. изданию Lenta.ru исполнялось семь лет. В честь этого в рубрике «О сервисе» появилось специальное письмо редакции, в котором говорилось о выпуске восьмиполосной бумажной версии Lenta.ru.
Важно, что редакция издания признавалась, что информации много и приходится чем-то жертвовать, а в процессе работы они «... выяснили, что бумажную газету делать намного сложнее, чем интернет-издание. Кроме того, окончательно поняли, что за интернетом будущее, поскольку его не надо забирать из типографии и развозить сквозь московские пробки по распространителям».
Рис. 3. Lenta.ru после 2004 г.: графическая модель и пример сайта
трансформация сайт интернет
Gazeta.ru раньше своего главного конкурента начала изменения. Старый дизайн с гиф-рекламой и монолитными текстами исчезает уже к 2001 г. Тогда же сайт ориентируют по центру страницы. Рубрикация смещается в шапку сайта. В 2002 г. заметно увеличивается объем рекламы на стартовой странице и при переходе по рубрикам. Появление новых шрифтов, иконок разделов, подложек говорит об использовании библиотек CSS при создании сайта.
Начиная с 2002 г. каждый год происходят небольшие изменения в теле сайта, видно, что редакция экспериментирует с юзабилити и визуальным оформлением. Издание достаточно быстро переориентировалось на вебформат. Формула «Сегодня в газете» исчезает уже к 2001 г., а в следую- URL: https://web.archive.org/web/20061006090550/http://lenta.ru/info/seven.htm щем году появляются новые рубрики: «Онлайн интервью», «Интернет премия», тексты технического плана (например, рекомендации, как сделать Gazeta.ru домашней страницей). Определяются основные направления издания: политика, спорт, бизнес, авто, общество, культура.
Рис. 4. Gazeta.ru после 2004 г.: графическая модель и пример сайта
С 2004 г., как и в Lenta.ru, расширяется формат и появляются разделы «Комментарии» и специальные приложения к сайту. Примечательно, что редакция издания делает упор на обратной связи с читателем. Для этого на сайте есть соответствующий раздел с формой заполнения электронного письма и прилагающиеся инструкции, а также публикуются комментарии читателей. С 2004 г. «От редакции» заменяют «Новость часа» и «Ранее» (короткий лист с заголовками новостей) и «Темы дня».
С расширенным форматом страницы (2004 г.) тело делится на три части, первые две остаются такими же (во вторую часть добавляется хроника дня), а третья отводится под специальные приложения, комментарий, темы дня. Меняется шрифт, теперь рубрики - в одном стиле, текст материалов - в другом, текст лидов выделен. Тексты материалов больше не монолитны: разделены внутритекстовыми заголовками. Увеличиваются количество фотографий и их размер.
Таким образом, к 2005 г. складываются определенные нормы того, как выглядят и что предлагают своей аудитории сайты интернет-СМИ: отказываются от узкой вертикальной ориентации страницы, заводят новые разделы, систематизируют рубрики, модернизируют свои поисковые возможности (Lenta.ru даже разработала свою серверную часть на языке PHP- поиска информации на сайте), интерактивные формы взаимодействия с аудиторией, увеличивают количество гиперссылок на другие материалы, работают над визуальной составляющей (увеличивают количество фотографий и дают больше «воздуха»).
Поиски удобства и акцент на мультимедийности
Следующий период развития интернет-СМИ связан с изменениями самой Сети и сменой ожиданий аудитории. Так, в 2006 г. появляется социальная сеть «ВКонтакте», к 2009 г. все большую популярность набирают сенсорные телефоны.
В 2005 г. видно, что Lenta.ru активно использует библиотеки CSS. Это способствует более плавным линиям в дизайне страницы. Шапка сайта в целом не изменяется, но постепенно меняется тело сайта: появляются разделы «Комментарии», «Спецпроекты», «Досье», письма читателей обрастают гиперссылками. В самих материалах добавляются врезки с цитатами из текста. Правда, пока текст врезки графически не выделен, не отличается от основного текста публикации, поэтому его контрастность и акцентность теряются. Что касается основы сайта, то там отображается контактная информация и плюсом идет раздел «Прием опечаток».
По сравнению с предыдущими годами к 2007 г. увеличивается количество фотоматериалов (1-2 картинки или фотографии в самих текстах публикаций, размером примерно 342*263 пикселей). Заметно, что издание использует свой единый формат заголовков, подзаголовков, самих текстов материалов. Визуально сайт с течением времени становится «легче» и функциональнее. Появляется больше пространства между абзацами и заголовками, а внутритекстовые врезки становятся визуально оформленными.
Gazeta.ru продолжает экспериментировать с дизайном главной страницы сайта без резких принципиальных изменений: меняет оттенки подложек и их расположение, перемещает рубрики и фотоматериалы.
Появление в 2006 г. подложек под текстовый материал расставляет акценты, направляет взгляд читателя.
В 2007 г. Gazeta.ru проводит серьезный редизайн: исчезает синий цвет рубрик, увеличиваются количество и размер фотографий: крупные фото с главной страницы от 2005-2006 гг. - 228*150 пикселей, а фото с главной страницы после редизайна 2007 г. - 300*233 пикселей. Появляются конкретные «точки фокуса» - зоны интереса, акцента, то, что отличается от остальной композиции и удерживает внимание [20]. За счет этого возникает ощущение увеличения пространства главной страницы, повышается ее сбалансированность.
Рис. 5. Gazeta.ru в 2004 г. (слева) и в 2006 г. (справа)
Рис. 6. Gazeta.ru после редизайна 2007 г.
Gazeta.ru добавляет кнопку поиска информации по сайту. При этом в отличие от Lenta.ru издание решило воспользоваться готовым решением: редакция использует форму, базирующуюся на поисковике Google (позже, в 2009 г., Gazeta.ru отказалась от использования чужого сервера и перешла на свой).
Содержательно тело сайта меняется незначительно, однако отметим, что в этот год в ней появляется рубрика «Вакансия», где размещен короткий список требуемых должностей, видимо, так редакция пытается расширить штат сотрудников. Интересно, что до редизайна среди рубрик издания был раздел «Также в номере», где были размещены 1-3 дополнительных материала. Само название отводит нас к бумажной газете, но после 2007 г. «Также в номере» как отдельный раздел исчезает.
В конце 2008 г. у Gazeta.ru снова изменения. Рубрики «Фоторепортаж» и «Видео» теперь выводятся не просто как рубрики с гиперссылками, а представлены мозаикой фото- и видеоматериала. Меняется внешний вид иконок погоды: сглаживаются углы, линии становятся более плавными.
В Lenta.ru мультимедийный контент также активно внедряется с 2008 г. Видеоматериалы, как правило, располагаются в разделах левой части тела сайта. В остальном же ее сайт не претерпевает особых визуальных изменений (однако некоторые рубрики исчезают, какие-то появляются), а с 2010 г. издание вводит новый формат. Помимо «Пресс-конференций», «Комментариев», появляется «Офтопик» - авторские заметки, сопровождающиеся иллюстрациями, выполненными в одной стилистике.
В обоих изданиях с 2010 г. появляются специальные символы-маркеры социальных сетей. Оба издания пытаются сгруппировать наиболее читаемую информацию «За сутки / за 24 часа», «За неделю» «За месяц» (Gazeta.ru) и «Темы дня», «Главное за день» (Lenta.ru). Начиная с этого же года и Lenta.ru, и Gazeta.ru используют в своем программном коде язык программирования JavaScript. Это означает, что при выборе той или иной рубрики она открывается теперь не в новой вкладке, а при обновлении главной страницы. Это уменьшает время ожидания пользователя, к тому же больше не нужно использовать функцию «Refresh» для обновления стартовой страницы: теперь процесс автообновления предусмотрен автоматически. А библиотеки CSS и JavaScript дают возможность использовать блоки с закругленными углами, тени, полупрозрачные элементы, вставку видео и крупных фотографий, а также автообновление. Минимизация flash-анимации повышает скорость загрузки сайтов [21. С. 650-652].
К 2010 г. у сайтов появляются специальные облегченные PDA-версии, которые удобно открывать на мобильных телефонах. Можно говорить о том, что в 2010 г. берет свое начало и процесс совмещения интернет-СМИ и социальных сетей, а также появляется кроссплатформенность как ориентация кода сайта под адаптацию для разных устройств: мобильные телефоны, планшеты и т.д. [5. С. 19-22].
В 2011 г. Lenta.ru меняет центрирование. Формат имеет отступ примерно % от правого края экрана и выравнивание по левому краю, как начальные версии интернет-изданий. Интересно то, что Gazeta.ru чуть позже тоже приходит к такому решению, так как оно позволяет усилить концентрацию внимания пользователя, которому больше не нужно переходить взглядом от одного края монитора к другому. Однако если Gazeta.ru сохраняет выравнивание содержимого веб-страницы по центру, то Lenta.ru (даже в современной версии сайта) оставляет вариант выравнивания по левому краю.
Примечательно, что по результатам зарубежного исследования «How physical text layout affects reading from screen» оптимальное значение отношение ширины старицы сайта к ширине экрана монитора составляет примерно 55 %, что равно максимальному значению в 52 символа [22. Р. 390]. То есть наиболее комфортным для чтения был признан вариант, при котором текст занимает лишь 55 % ширины всего экрана. Именно к подобной компоновке пространства страницы и пришли анализируемые издания.
Новый редизайн: лаконизм, минимализм и подстройка под небольшие экраны
В начале 2013 г. сайт Ьеп1а.гцеще раз серьезно меняется. Редакция - ещё до ухода Галины Тимченко - меняет разработчика дизайна: студию Артемия Лебедева на студию «Charmer». Решение было крайне удачным, внешне сайт приобрел свой единый стиль, с черно-белыми фотографиями в шапке, новыми шрифтами, однотонными подложками и более крупным черным рубрикатором. Вместо серого, красного, желтого и голубого на главной странице появились белое пространство основной ленты, красные подзаголовки, черная подложка рубрикатора и серая под сами рубрики. Структура главной страницы стала лаконичнее, не такой объемной при ее скроллинге. Так, теперь на главной странице находится поле некоторых новостей, взятых из рубрики «Главное». Справа плашка «Главное за сутки» и «Фоторепортаж». Ниже идут рубрики издания со ссылками «Все материалы». Чуть ранее, в 2012 г. заканчивает существование спецпроект «Лентопедиа» - досье на известных ньюсмейкеров.
Новый сайт Lenta.ru эксперты организации Society for News Design (SND) признали одним из лучших в мире среди новостных сайтов URL: https://www.snd.org/2013/03/meet-snds-2012-worlds-best-news-sites-and-apps- sb-nation-lenta-ru-and-the-guardian-and-observer-ipad-app/.
Отдельно отметим, что в основе главной страницы с 2015 г. исчезает символ для перехода на PDA-версию сайта (Gazeta.ru убрала данную функцию еще с 2012 г.). Она была актуальна из-за низкой скорости интернет- соединения с мобильного устройства, и по мере того, как развивается высокоскоростное подключение, остается только ориентация верстки под мобильные устройства, а необходимость в отдельной версии сайта отпадает.
Рис. 7. Lenta.ru в 2011 г. (слева) и после редизайна 2013 г. (справа): графическая модель и оформление сайта
С 2014 по 2016 г. новая редакция Lenta.ru (после ухода Галины Тимченко) расширяет список рубрик: к стандартным «Статьям» и «Галерее» добавляются «Видео», «Инфографика», «Спецпроекты», «Библиотека». После 2015 г. рубрика со статьями - «Библиотека» - переместилась выше, к основным рубрикам. На ее месте появились «Мнения» - подборка различных аналитических статьей.
Что касается Gazeta.ru, то к редизайну 2013 г. она подходит также с выровненным по центру макетом, особыми плашками-вставками, позволяющими пользователю пролистать встроенные вкладки.
Это сокращает объем занимаемого материалом пространства сайта и акцентирует внимание пользователя, предоставляя выбор в порядке просмотра материала: от самого текста новости до инфографики. С 2012 г. на главной странице сайта увеличивается количество видеоматериалов, фотоматериалов, которые отображаются на сайте издания в виде врезок с соответствующими заголовками. Изначально, с 2011 г., на сайте издания уже была отдельная плашка «Видео», но содержала только один материал вместо трех, появившихся в 2012 г.
В 2013 г. Gazeta.ru также проводит редизайн сайта. Трансформируется структура главной страницы: сначала идет лента главных новостей, вперемежку с колонкой из двух боковых колонок, где слева остаются новости дня и инфографика котировок из рубрики «Финансы», а справа - «Инфографика», «Фоторепортаж» и плашки «Самое читаемое» и «Самое обсуждаемое». После новостной ленты следует отдельный блок «Мультимедиа», в котором собраны фото- и видеоматериалы, а также инфографика. Далее - блок с актуальными темами из разных рубрик издания и перечень всех приложений и рубрик с активными гиперссылками.
Стиль издания, установленный тогда, сохранился до сих пор: основные цвета - черный и бордовый на светло-сером фоне. В новом дизайне исчезают темно-серые подложки плашек, уходит раздел «Блоги» с фотоврезками (вместо него отдельные плашки «Мнение»). Сайт становится более однородным в плане цветового решения, реализуется принцип повторения, что смотрится лаконичнее. С 2014 г. в шапке страницы появляется полоса прогноза погоды, в основной ленте добавляются плашки со спецпроектами.