Непосредственно связана с гипертекстовой технологией возможность применять на веб-странице совокупности различных видов информации - текстовой, графической, видео, т.е. реализуется мультимедийность. Эта возможность важна в том аспекте, что она позволяет сочетать на одной веб-странице выразительные средства телевидения (динамическое изображение), радио (аудио) и прессы (тексты, рисунки).

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

Таким образом, потенциал электронных версий СМИ определяется спецификой организации информации в пространстве сети Интернет. Однако, многие исследователи в этой сфере выделяют определённые требования к дизайну электронных изданий.

Например, периодическое издание, перенесённое на пространство Интернет-сети, должно не только сохранить оформление, внешне похожее на свой печатный вариант, привычный для постоянного читателя, но и быть максимально удобным для применения с учётом свойств и особенностей веб-пространства. В то же время, наполнение печатной и электронной версии СМИ может отличаться, - так, например, наблюдается тенденция выпуска основного массива информации именно в электронном виде, в частности, это определяется тем, что электронная версия не ограничена по объёму, а в печатную версию издания выбирают только наиболее важные, с точки зрения, издателей, материалы, которые соответствуют приоритетам, ценностям и ориентирам издания, общества Кирия И. Мультимедиа и новые принципы новостей // Журналистика и конвергенция: почему и как традиционные СМИ превращаются в конвергентные / под ред. Качкаевой А.Г. - М., 2010. - С. 30-47..

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

Джесс Гаррет в своём исследовании, результаты которого он обобщил в книге «Веб-дизайн: Книга Джесса Гаррета. Элементы опыта взаимодействия» проводит чёткое определение того, что понимать под проектированием взаимодействия в электронном ресурсе. По его позициям качественный и действительно работающий сайт ориентирован на реализацию главных целей и задач портала, при этом соответствуя и запросам, интересам аудитории. Работа по созданию для общественно-политического портала, электронной версии СМИ осложняется и тем, что следует учитывать несколько проблемных направлений - принципы юзабилити, идентичность бренда, информационную архитектуру, организацию механизмов взаимодействия и наполнение контента Гаррет Дж. Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия. - СПб.: Символ-Плюс, 2008. - С.35. .

Исследование Гарретта отличается конкретной направленностью на решение важнейших проблем веб-дизайна, с поддержкой доступности, наглядности и акцентируя внимание читателя именно на фундаментальных положениях, а не на инструментах и технических способах. Дж. Гарретт, основываясь на своём опыте, представляет законченную последовательность моделирования взаимодействия на веб-сайте - «от стратегии и требований к контенту до информационной архитектуры и визуального дизайна» См. там же.. Инструкции, предложенные Дж. Гарреттом, позволят редакторам и веб-разработчикам, вне зависимости от масштаба портала, разработать эффективный маршрут коммуникации.

Важная часть исследования Дж. Гарретта - это разработка концептуальной модели из пяти уровней для проектирования взаимодействия в пространстве портала. Модель представляет собой каркас для обсуждения проблем, которые могут потенциально возникнуть у пользователя при организации работы с электронным ресурсом, а также оптимальных путей и вариантов их решения. Разработка приложения планируется с верхнего уровня (стратегии), для которого весьма абстрактно описывается «идеальный» информационный ресурс с позиции интересов и потребностей как пользователей, так и владельца. В процессе творческой деятельности над проектом, идёт перемещение вниз по уровням. При этом решения, обобщающие проблемы взаимодействия пользователя с ресурсом принимают более конкретные очертания и получают более высокую степень детализации. Важно, с позиции исследования Дж. Гарретта, что каждый последующий этап работы непосредственно связан с предыдущим и обуславливает строгость и единство решений Гаррет Дж. Указ. сочин. - С.73.. Кроме того, отмечается автором как прямая, так и обратная связь, т.е. проблемы, которые возникают на нижних уровнях, зачастую обязывают переосмысления и модификации решений, вынесенных на предыдущих высоких уровнях. Дж. Гаррет для разработки информационного взаимодействия выделяет следующие уровни: поверхности; компоновки; структуры; набора возможностей; стратегии.

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

Как мы уже отмечали в первом параграфе работы, выделяют и так называемые интернет-СМИ, которые не соотнесены по смыслу, названию и содержанию ни с каким периодическим изданием, независимы и распространяются отдельным файлом (например, в формате PDF) через сеть или на дисках, флеш-устройствах и других устройствах. В Интернет- пространстве встречаются и сайты-визитки, предоставляющих самую общую, ознакомительную информацию о редакционном составе и направленности издания, а также контакты для размещения рекламы.

В дальнейшем будем рассматривать требования к дизайну именно Интернет-версий СМИ как полноценных веб-ресурсов.

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

Такие электронные версии относят к информационным ресурсам и систематизируют по нескольким признакам Беляев А. А. Особенности графической модели интернет-версий периодических изданий: на материале итальянских СМИ: диссертация ... кандидата филологических наук / А.А. Беляев. М., 2009. С.122-123.

:

1) по привязке в оффлайн-версии: эволюционировавшие традиционные СМИ и возникшие самостоятельно онлайн-СМИ, имитирующие печатные (например, Газета.ру, Фонтанка.ру);

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

3) по стратегиям развития (интегрированности в Интернет-пространство и самостоятельности в финансовой и информационной ориентации) - веб-сайт-представительство (идентичность печатному источнику, свежих материалов зачастую больше, чем в печатном варианте, вчерашние материалы идут в архив, - например, The New Times, Деловой Петербург), модифицированная онлайн-версия печатного СМИ («гибрид», стремится освоить новые рынки, видя опору в информационном имидже уже существующего издания, - например, интернет-версия Независимой газеты, интернет-версия газеты «Известия»), и портал (Страна.ру).

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

Анализируя литературу, отмечаем подход Беляева А. А., который исследовал уровни взаимодействия печатных СМИ и их электронных версий. В своей работе по характеристике контента и дизайна интернет-версий «Особенности графической модели интернет-версий периодических изданий (на материале итальянских СМИ)» автор выделяет такие направления взаимодействия печатных СМИ и их электронных изданий:

1. Организационный, то есть, функционирование веб-сайта как связной единицы между интернет-версией и печатной версией.

2. Содержательный, то есть, функция обмена содержательным наполнением.

3. Репутационный, то есть, имиджевая функция интернет-версии, которая содействует расширению аудитории и поддерживает интерес постоянных пользователей.

4. Оформительский, то есть, взаимодействие между дизайнерской версией печатного издания и графическим представлением этого дизайна в сети.

5. Структурный, то есть, полное перенесение структуры печатного издания или создание своей структуры на базе этой структуры;

6. Кадровый, предусмотрен обмен журналистами или объединения коллективов, так как возможно, что печатная и электронная версии разрабатываются разными редакционными коллективами;

7. Маркетинговый, то есть, взаимодействие при распространении и популяризации печатной и электронной версии;

8. Экономический, то есть, возможность оптимизации как убытков, так и доходов от обеих версий;

9. Рекламный, то есть, совместное использования рекламных ресурсов.

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

Учёт технологической функции предполагает максимальное синтезирование технологий и инструментов создания сайта и его дизайна в проекте и оптимизирование его для любой из действующих Интернет-сред, поисковиков, браузеров и пропускных способностей пользовательских сетей. Недооценка этой функции негативно влияет на визуальное и инструментальное взаимодействие сайта с пользователем, на оформлении сервиса и на возможностях графической модели дизайна, применяемого для данного ресурса Гаррет Дж. Веб-дизайн: книга Джесса Гарретта. Элементы опыта взаимодействия - Пер. с англ. - СПб.: Символ-Плюс, 2008. С.35..

Учёт эстетической функции предполагает направленность дизайнера разработать единый образ электронной версии СМИ. Такой образ позволит создать прямую и непреложную ассоциацию с печатным СМИ, и при этом будет индивидуализирован в веб-версии. Таким образом, дизайн сетевого издания не только помогает посетителю проникнуться уважением и симпатией к данному СМИ, но и способствует идентификации, которую пользователь совершает, узнавая в интернет-версии известное ему печатное издание. Последнее создаёт и укрепляет в сознании связь между этими двумя средствами распространения информации Третьякова А. А. Необходимость повышения юзабилити веб-ресурсов // Молодежный научно-технический вестник # 07, июль 2015. [Электронный ресурс]. URL:http://sntbul.bmstu.ru/doc/792045.html..

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

Характеризуя такие элементы, в первую очередь отметим тип формата и макета сайта. Тип формата сайта обычно определяют, основываясь на возможностях горизонтали и вертикали экранной среды, то есть, используют неограниченное вертикальное пространство и ограниченное горизонтальное, чтобы акцентировать внимание посетителя на верхней части страницы, которая играет роль обложки издания, а затем, с минимальными пользовательскими затратами усилий на форматирование страницы по горизонтали, предоставить ему массив информации, находящийся по вертикальному измерению Головко С. Б. Дизайн российских газет: дис. ... канд. филол. наук: 10.01.10. - Москва: РГБ, 2011. С.156..

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

Важная особенность дизайна электронных ресурсов сети Интернет - цветовое оформление. Как мы уже отмечали цвет способствует подсознательной ассоциации с печатной версией СМИ, однако здесь существует техническая проблема: максимально точно передать цвет печатного логотипа или оформления полос газеты достаточно трудно в возможностях веб-дизайна. Проблема обусловлена тем обстоятельством, что для пользовательских мониторов и планшетов присуща индивидуальная цветовая калибровка, что усложняет работу с цветом. Одним из вариантов разрешения данной проблемы отметим приём применения градиента с выделением всего «полотна» макета или его части контрастным цветом, который создает иллюзию «попадания в цвет» Сундуков А.С. Дизайн российских журналов : дис. … канд. филол. наук / Сундуков Александр Сергеевич. - Воронеж, 2011. - 171 c. [Электронный ресурс]. - URL: http://www.dissercat.com/content/dizain-rossiiskikh-zhurnalov (18.02.2016)..

Также особенностью дизайна электронных изданий является то, что страницы фото и мультимедиагалерей, партнерских проектов и прочих рубрик, на которые следует сделать смысловой акцент, выполняют совсем в других фоновых цветах. Это создаёт дополнительные возможности для обозначения контраста. Этот же принцип работает и в технологии цветовой маркировки рубрик или разделов СМИ, широко применяемой как в традиционном печатном, так и в электронном варианте издания (в меню первого уровня).

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

Важной особенностью дизайна электронных сетевых изданий является то, что дизайнеры активно применяют декоративные элементы, которыми можно обособить или сгруппировать различные виды контента. Такие элементы декора частично перенесены из печатных СМИ, а частично обусловлены особенностями предоставления информации в сети Интернет, о которых говорилось ранее Современные тенденции дизайна периодики [Электронный ресурс] // КомпьюАрт : сайт. - [Б.м.], 2015. - URL: http://www.compuart.ru/article.aspx?id=8573&iid=350(18.02.2016).. Такие находки веб-дизайна поддерживают связь между обеими версиями СМИ. Наиболее распространённые декоративные элементы в дизайне общественно-политических порталов: линейки, тени, уголки, рамки текста или фотографии и прочее. Но здесь есть некоторая техническая тонкость, так как излишнее наполнение веб-ресурса декоративными элементами делают «тяжелым» для восприятием пользователем, искажают параметры оптимизации.

Определяющее значение в эстетике графической модели сайта СМИ отводится пробельным элементам оформления (интерлиньяж, отступы и выключка, которые задают баланс в поля макета, ритмизуя его, что позволяет глазу пользователя отдохнуть от излишнего текста или изображений Беляев А. А. Особенности графической модели интернет-версий периодических изданий: на материале итальянских СМИ: диссертация ... кандидата филологических наук / А.А. Беляев. М., 2009.С.123..

Изображения, иллюстрации выполняют важную роль в электронных изданиях СМИ. И дело даже не в том, что их в пространстве сети значительно больше, чем в печатной версии издания, а в их смысловой нагрузке. Поясним последнее утверждение. Электронное издание за счёт неограниченного объёма информации позволяет применять изображения большого формата для полного замещения собой текста. Такой приём довольно часто используется в современных общественно-политических изданиях, и не только в разделе фотогалереи. Популярность описываемого приёма осложняется такой особенностью электронных изданий, что иллюстрация является «тяжелым» контентом, негативно влияющим на скорость загрузки страницы. Практически пользователь находится в зависимости от качества отображения иллюстраций, что в ряде случаев сказывается на удобстве работы. Низкая скорость загрузки страницы делает невозможным публикацию в высоком качестве и предъявляет требования к специальным приёмам оптимизации См. там же..

Учёт информационной функции веб-дизайна при разработке общественно-политических порталов ориентировано на прозрачность и простоту оформления контента интернет-версии СМИ для пользователя. Для реализации этой функции следует обращать внимание на таких требованиях к организации информации:

1) выполнять расположение в разметке элементов в логическом порядке;

2) соблюдение целостности контента при обращении на ресурс с любого современного носителя и в условиях разных сред;

3) максимальная доступность контента пользователям с разными возможностями;

4) соблюдение единства регламента оформления портала;

5) максимальное предоставление свободы и гибкости взаимодействия пользователя с электронной версией СМИ;

Также при организации информации в сетевом ресурсе следует учитывать эргономические требования. Эргономика исследует систему «человек-машина» как систему взаимодействия человека с внешней реальностью Векслер В.А. Изучение технологий интернета в менеджменте: создание интернет-магазинов // Современные научные исследования и инновации. 2014. № 4. [Электронный ресурс]. URL: http://web.snauka.ru/issues/2014/04/32961 (дата обращения: 31.03.2016)..

К эргономическим требованиям отнесём

1. Информацию на странице следует структурировать.

2. Периодически должна варьировался яркость и громкость.

3. Оптимально применять пиктограммы и другие специальные обозначения.

4. Объекты сложной структуры следует иллюстрировать с помощью объемных моделей.

5. Объекты и процессы, основные характеристики которых изменяются с течением времени, следует иллюстрировать анимационным видеорядом.

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

7. Использование средств масштабирования контента.

8. Главный заголовок должен центрирваться относительно вертикальной оси экрана.

9. К цветовым сочетаниям активирующим восприятие информации относятся «желто-красный», «бело-синий», «черный на оранжевом», «красно-желто-зеленый», «бело-красный» и «красно-бело-синий».

10. Для дизайна фона советуют применять холодные цвета (синий, фиолетовый, цвет морской волны), так как они визуально создают ощущение стабильности.

11. Теплые цвета (красный, оранжевый) следует применять при отображении объектов переднего плана.

12. Темные объекты «отяжелеют» восприятие, что обуславливает их расположение в нижней части экрана.

Здесь мы выбрали некоторые принципы, которые наиболее полно, на наш взгляд, соответствуют рассмотренным выше особенностям представления информации в сети и функциям веб-ресурсов.

Таким образом, можем объективно утверждать, что при разработке и воплощении дизайна информационного сетевого портала СМИ следует отталкиваться:

1) от особенностей функционирования информационных ресурсов в компьютерной сети;

2) от запросов, потребностей пользователя, т.е. от целевой аудитории;

3) от эргономических требований к оформлению электронных ресурсов;

4) от ценностей пользователя и его ресурсов пользователя.

Этот определяющий эффективность работы сетевых СМИ подход, что пользователь ориентирован максимально быстро получить нужную ему информацию, но при этом он ограничен во времени и не заинтересован отвлекаться на мелочи или несущественные для него факторы, определяет важность знания и учёта особенностей «удобства пользования» при организации общественно-политических порталов. Итак, следуя логике нашего исследования, мы подошли к понятию «юзабилити», для которого в следующем параграфе определим сущность, специфику и непосредственно принципы применения.

1.3 Понятие юзабилити и особенности его использования в условиях веб-пространства

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

Юзабилити - это термин, пришедший из эргономики. Под юзабилити будем понимать устоявшаяся систему регламентирующих функциональный подход к дизайну принципов, реализуемых в дизайне электронных СМИ. По сути юзабилити отвечает за то, насколько оперативно и качественно будет на практическом уровне освоен тот или иной ресурс, как часто возникают проблемы и сбои при взаимодействии с ресурсом и насколько он удовлетворяет интересам, запросам и потребностям пользователей Цветкова А.В. Абстрактный код XX века: эволюция в искусстве и влияние на дизайн журналов // Вестн. Моск. ун-та. Сер. 10: Журналистика. - 2014. - № 4. - С. 65-83..

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

Учёт феномена «юзабилити» в дизайне переместило акценты с декоративного оформления на адекватную коммуникацию, рациональную организацию интерфейса продукта без искажений и задержек. Указанное обстоятельство определяет значимость юзабилити в управлении массовым восприятием Нильсен Я. Веб-дизайн. Символ-Плюс, 2006 г. С.153..

Анализируя литературу по проблеме исследования, отмечаем, что в качестве ключевой технологией юзабилити определяют технологию «eye tracking». Эта технология представляет собой систему программно-аппаратных методик, который предоставляет возможность отслеживать в реальном времени движения глаз пользователя в то время, когда он считывает информацию сайта, и фиксировать все выполненные маршруты.

В направлении применения принципов юзабилити осуществляют обычно два вида аналитических исследований: 1) прикладные, для анализа и оценки эргономики определённого ресурса в Интернете; 2) процессуальные (конитивные), когда анализируются конкретно сами процессы восприятия пользователем информации и ее обработки См. Там же. С.47..

Обращаясь к положениям стандарта ISO-9241 ISO 9241-210:2010 Ergonomics of human-system interaction -- Part 210: Human-centred design for interactive systems (IDT). - Москва, Стандартинформ, 2013 г. - С.4. , отмечаем, что к основными критериями юзабилити выделяют:

- эффективность;

- продуктивность;

- удовлетворенность пользователя.

Большинство учёных, работающих в направлении исследования феномена юзабилити обращаются к работе Якоба Нильсена, который сформулировал фундаментальные принципы, которые применяются при организации информации на веб-портале JAKOB NIELSEN. 10 Usability Heuristics for User Interface Design. [Электронный ресурс]. URL: https://www.nngroup.com/articles/ten-usability-heuristics/. Нильсен указывает на 10 принципов юзабилити. Рассмотрим их содержание.

1. Видимость статуса системы

Выполнение этого принцип предполагает, что пользователь всегда должен знать, что происходит и на какой позиции маршрута он остановился. На практике это может реализовываться таким образом, что при многоступенчатой регистрации следует указывать, что это 3 шаг из 4. Или, например, при длительной работе скрипта отображается % обработки. И т.д.

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

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

Другой практический пример можно связать с процессом загрузки файла в формате *.pdf или иллюстраций (см. рис. 1. Из Приложения 1).

2. Связь между системой и пользователем

Суть этого принципа заключается в том, что электронный ресурс, веб-портал должен быть ориентирован под конкретную аудиторию. Это обуславливает выбор стиля общения, языка, терминологии. Необходимо опираться в изложении материала статей на уровень подготовленности читателей. Т.е. если статья в электронной версии изобилует финансовой терминологией без объяснения, то такая информация ориентирована на очень узкий круг читателей и фраза «синдицимрованный кредимт» без простых примеров многих пользователей сайта может отпугнуть. Важно всегда учитывать целевую аудиторию, и организовывать дизайн и наполнение электронного ресурса, содержание текстов, систему помощи под нее. JAKOB NIELSEN. Getting Users to a Specific Feature in a Usability [Электронный ресурс]. URL: Test//https://www.nngroup.com/articles/feature-user-test/

3. Пользовательское управление (свобода выбора)

Пользователь испытывает психологическую потребность контролировать коммуникативный процесс в сети. Организация работы с информационным порталом должна удовлетворять эту потребность или создавать иллюзию такого контроля. На практике это реализуется при заполнении форм, анкет, регистрационных карт, работе с поисковыми сервисами. Например, при разработке дизайна регистрационной карты или формы участника следует предусмотреть кнопку «очистить форму» или «новый запрос». Если коммуникационный процесс состоит из нескольких этапов, то следует реализовать возможность возврата на предыдущий этап, или, наоборот, по возможности - пропустить какой-то, чтоб позднее вернуться к нему. Такие особенности организации информационного пространства по мнению Якоба Нильсена позволяют создать у пользователя иллюзию, что он руководит процессом диалога, взаимодействия с электронным ресурсом, им не пытаются манипулировать. Здесь отметим такую психологическую особенность организации интерфейса, что для пользователя проще выполнить и понять необходимость трёх-четырёх простых действия («клика»), чем одно сложное. Особенность такого приёма в том, что при реализации пользователем второго шага, он считает, что может всегда вернуться на первый шаг, но в тоже время уже планирует и перейти к третьему (см. рис.2 из Приложения 1).

4. Последовательность и стандарты

Сущность этого принципа проста в позициях Якоба Нильсена очевидна, но редко применяется в дизайне информационных ресурсов сети. Для практического подтверждения обратимся к простому примеру, с которым сталкиваемся постоянно. В организации информационного пространства интернета сложились некие постоянные обозначения и стандарты (например, вид корзины, «иконки» для отправки сообщений, контакты в верхнем углу и т.д.). Тем ни менее, если просмотреть изображения разных видов дизайна корзин по системам Яндекс или Гугл, то можно сделать обоснованный вывод, что неопытный пользователь может испытывать трудности в этом многообразии пиктограмм, электронных корзин, ультра-модных пакетиков и т.д.). Если при организации какой-либо рубрики или раздела портала дизайнер выбрал какой-то определенный стиль, то его следует придерживаться при оформлении всех остальных страниц издания. Тот же принцип распространяется на шрифты, изображения, текст и верстку.

Действительно, пользователю будет непонятно, почему дизайн страницы спортивной рубрики сильно отличается от дизайна страницы культурных событий в рамках одной и той же электронной версии СМИ?

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

5. Профилактика ошибок

Нильсен в своих работах отмечает, что ошибку проще предупредить, чем исправить JAKOB NIELSEN. 10 Usability Heuristics for User Interface Design. [Электронный ресурс]. URL: https://www.nngroup.com/articles/ten-usability-heuristics/. При организации информационного пространства следует везде, где можно упростить выбор и удалить ненужные, случайные действия. Например, очень часто при вводе с клавиатуры пользователю предлагаются подсказки (города/страны, формат телефона посредством маски ввода, код региона, денежный формат, предоставление информации - ежедневно, раз в год и т.п.). Этот же принцип распространяется на дизайн кнопок. Например, «ПРИНЯТЬ», обычно делают крупнее и ярче, чем «Очистить форму».

6. Узнать проще, чем вспомнить

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

7. Гибкость и эффективность использования

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

Например, карта веб-ресурса. Если читатель электронного издания является новичком, то он попросту не обратит внимание на эту возможность - так как она ему не нужна. В то же время для профессионала такой сервис позволяет настроить индивидуальную навигацию. Другой пример - кликеры/тайперы. Т.е. на каждую страницу можно попасть или из меню, кликая по навигации, или с помощью поиска по сайту. Оба варианта должны поддерживаться и в конечном итоге приводить к одинаковому результату.

8. Эстетический и минималистический дизайн

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

Например, на сайте электронного издания не стоит выводить пользователю ту информацию, которая может быть когда-нибудь ему понадобиться. Действительно, не следует выводить в интерфейс функции, которые редко используются.

9. Содействие пользователю понять и исправить ошибку

Например, часто при загрузке страницы с данными в электронном ресурсе появляется «ошибка базы данных в строке 433», или длинные ошибки в строке памяти LXR-XXX-5438645. Такие сообщения о системных ошибках следует сохранять для администратора портала, но для читателя следует расшифровать простым языком, в чем конкретно ошибка. И, если обратиться к собственному опыту, то нас чаще всего волнует - виноваты мы или система, какие действия следует реализовать для возобновления коммуникации. Такие ошибки возникают при загрузке изображения, при отправлении данных через форму или сообщение, при просмотре видео-сюжета и т.п. Идеален вариант организации портала, когда система не только сообщает об ошибке, но и предлагаются варианты ее решения.

10. Помощь и документация

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

Здесь опять на первый план в подходе Якоба Нильсена выходят требования простоты, понятности, легко доступности и соответствия запросам читателей/пользователей. Система помощи должна быть организована в виде лаконичной, чёткой инструкции с необходимыми комментариями. Можно предусмотреть гиперссылки для навигации по большому справочному материалу.

Как мы уже отмечали развитие средств ИКТ очень стремительно, исходя из чего выделим некоторые эволюционные характеристики принципов юзабилити для информационных порталов в 2016 г.

1. Учёт важности используемого шрифта на юзабилити. В тенденциях веб-дизайнеры отмечают популярность Serif и Vintage.

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

3. Разработка удобной, качественной и понятной навигации в целях повысить конверсию в 10 раз.

4. Карточный дизайн как один из трендов юзабилити. Это чётко ограниченные блоки информации с изображением и контентом для улучшения дизайна мобильных устройств.

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

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

7. Внедрение материального дизайна, который позволяет фокусировать внимание читателя на контенте, при этом объединяя движение, взаимодействие и визуальные эффекты.

8. Parallax Scrolling для поддержки юзабилити. Это связано с тем, что веб-дизайнеры, проанализировав возможности прокрутки и нажатии на кнопки, отдали предпочтение Parallax Scrolling. В связи с чем весь контент подаётся в формате сторителлинга (технология донесения нужной информации). Подобная технология сокращает время загрузки.

Перечисленные принципы юзабилити Якоба Нильсена универсальны и должны использоваться как для любых интернет-сайтов, так и для общественно-политических порталов. Напомним, что основная функция общественно политических СМИ - формирование мировоззрения граждан и ориентация в событиях страны и мира. Для того, чтобы проверить реализацию принципов юзабилити в организации информационного пространства общественно-политических порталов выполним анализ электронных версий журнала «The New Times», газеты «Известия» и электронной газеты «Фонтанка.ру».

Глава 2. Использование юзабилити в дизайне общественно-политических электронных СМИ на примере электронных версий журнала «The New Times», газеты «Известия» и электронной газеты «Фонтанка.ру»

Логика нашего исследования в рамках этой главы следующая: на основе выбранных принципов юзабилити из классических принципов, сформулированных Якобом Нильсеном, выберем наиболее важные, на наш взгляд, для общественно-политических порталов и проанализируем в их контексте дизайн электронных изданий. Также в исследовании будем использовать разработки Дж.Гарретта об информационном взаимодействии, его уровнях. По результатам рассуждений сформулируем выводы, отметим недостатки и предложим рекомендации. Основной акцент будем делать на взаимосвязь между системой и пользователем; удобство и впечатление свободы выбора, механизмы профилактики ошибок, ориентация на гибкость и эффективность использования ресурсов (механизмы навигации); разработка эстетического и минималистического дизайна (шрифты, фоновое оформление и пр.); наполнение информационного контента.

2.1 Общая характеристика рассматриваемых изданий

The New Times - общественно-политический еженедельный журнал «Новое время», издаваемый с 1943 года и возобновленный в 2007 году как The New Times. Современный тираж журнала - около 50 тысяч экземпляров объемом 64 полосы Новое время [Электронный ресурс]. URL: http://newtimes.ru/. Главный редактор на сегодняшний день - Евгения Марковна Альбац.

Изначально журнал был изданием газеты «Труд» и выходил в СССР с 1943 года в Москве, причем имел название «Война и рабочий класс», а с 1947 года стал выходить еженедельно, издаваясь на русском, английском, французском, немецком, испанском, польском, чешском и арабском языках (по состоянию на 1974 год), а с середины 80-х -- также и на итальянском языке.

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

Новая жизнь журнала началась в 2006 году, когда журнал стал одним из изданий, опекаемых Иреной Лесневской. С того же - 2006 года - был обновлен и переделан под новые веяния сайт журнала The New Times, получивший самостоятельный бренд - NewTimes.ru и стал информационным порталом, на котором представлены не только материалы печатной версии журнала, но и новости, прямые телеэфиры с гостями, видео- и аудиокомментарии политиков, деятелей культуры, известных людей.

В сентябре 2013 года владелица The New Times, Ирена Лесневская передала журнал в управление главному редактору Евгении Альбац.

«Известия» - газета, также созданная в советский период, точнее, еще во времена становления молодого Советского государства - в 1917 году, ставшая официальным органом печати в СССР, который сравним на сегодняшний момент с «Российской газетой» по значимости, - в «Известиях» публиковали все важнейшие документы Октябрьской революции: Декрет о Мире и Декрет о Земле Известия. [Электронный ресурс]. - URL: http://izvestia.ru/.

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

В 1990-е годы редакция «Известий» обрела не только политическую, но и финансовую независимость, что привело к слиянию газеты с «Русским телеграфом» и увеличению объема «Известий» - газета стала выходить ежедневно и на 12 полосах, а также был создан новый дизайн газеты, для чего специально подобрали шрифт с засечками, наиболее удобно воспринимаемый глазом - Newton C, для редакционных или авторских материалов стали использовать шрифт рубленой группы Pragmatica bold, для заголовков - жирный рубленый шрифт Helios Cond Black (узкий и широкий) применялся в заголовках, Pragmatica светлая - в подзаголовках. Это сделало газету наиболее удобочитаемой и легко узнаваемой на прилавках газетных киосков.

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

«Фонтанка.ру» - это одно из первых электронных СМИ Санкт-Петербурга, имеющее общественно-политическую и аналитическую направленность. Создано в 1999 году и по сей день является одним из наиболее популярных СМИ в Санкт-Петербурге, где более 100 тысяч человек ежедневно просматривают страницы издания в сети Фонтанка.Ру [Электронный ресурс]. URL: http://www.fontanka.ru/.

Учредитель - ООО «АЖУР-медиа», приналдежащее главному редактору «Фонтанки» - Горшкову Александру Львовичу и шведскому издательству "Бонниер Бизнес Пресс".

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

2.2 Специфика содержательного аспекта юзабилити рассматриваемых электронных СМИ

В содержательном аспекте юзабилити все из приведенных выше для анализа интернет-СМИ обладают некими общими характеристиками, которые можно обобщив, привести к следующему виду:

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

2) Во всех анализируемых источниках используется ключевая особенность интернет-журналистики - гипертекстуальность сообщения, которая дает возможность расширять содержание информационных сообщений, показывать читателю направления для дальнейшей работы с фактами по какой-либо теме. С помощью гиперссылок обеспечивается нелинейная конструкция содержания в интернет-изданиях. Модель потребления информации в сети Интернет управляется аудиторией, но не поставщиком информации, что вызывает потребность заново продумать процесс написания текстов. Особенно отчетливо видно это по тематическим рубрикам «The New Times», где инфомрация представлена в собранном виде, сгруппированная по отдельным сериям, - специально для того, чтобы читатель не ушел сразу же после первой прочитанной статьи, а погрузился в среду взаимосвязанных текстов, общей тематикой покрывающей инетерсующую читателя информацию полностью, но имеющих и самостоятельное бытование.

3) Сетевое существование вынуждает все анализируемые издания пользоваться системой веб-жанров, которые, как и печатные жанры публицистики, делятся на информационные, аналитические и художественно-публицистические, однако имеют специфику, выраженную в приставке «веб» и обозначаемую требованием актуализации информативной и аналитической функции в условиях быстрого реагирования и не затяжной аналитики.

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

4) Особенностью анализируемых изданий является использование уникальных жанров Интернета - таких как авторские проекты, веб-обозрения, блоги авторов издания, что привлекает читателя, дает ему возможность задержаться на странице издания, вступить в воображаемый диалог с разными публицистами и аналитиками издания.

5) Особенности формы подачи материала в анализируемых изданиях принципиально отличаются. «Известия» придерживаются достаточно распространенного в сети тона сенсационности, что проявляется в восклицательных и вопросительных формах заголовков, обращениям к читателю; «The New Times» упирает на аналитичность и серьезность изложения, апеллируя к взрослому, образованному читателю, стремясь вызывать у него уважение и доверие к ресурсу в целом и отдельной публикации, «Фонтанка.ру» стремится к максимальной мобильности, оперативности подачи информации, поэтому регулярно заменяет одни части новости на другие, чтобы каждый раз новость выглядела по-разному, но была по-прежнему актуальной.

2.3 Специфика использования юзабилити в электронной версии журнала «The New Times» («Новое время»), газеты «Известия» и электронной газеты «Фонтанка.ру»

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

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

В отличие от «Известий», «Новое время» стремится резко ограничить влияние сторонних новостных или аналитических источников, однако, напрямую указывает, какие статьи можно прочесть только в онлайн-версии, а какие - в обеих версиях издания, при этом некоторые источники оказываются закрытыми для простого посетителя и открываются только для членов клуба журнала. В тоже время анализ информационных ресурсов позволяет заметить, что редакция портала нередко была оштрафована за злоупотребление свободой массовой информации, невзирая на замечания Роскомнадзора. Также случаются и сбои в доступе к информационному контенту, например в 2011 г., когда сайт был недоступен по официальной версии «проведение выборов в Госдумум России».

Актуальный дизайн сайта представлен на рис. 1. Приложения 2.

«Фонтанка.ру» стремится к максимально четкому позиционированию своих и чужих информационных потоков, специально разделяя свои новости и новости других ресурсов колонками с указанием названия ресурса, например, Дни.ру или Страна.ру.

Решая заодно и проблемы материального характера, «Известия» и «Новое время» стремятся снизить трафик видео- и аудио-каналов, поэтому максимально используют только текстовые и иллюстративные материалы, а видео и аудио используют только при чрезвычайной необходимости - как, например, было в случае с «Новым временем», транслировавшим прямые включения с Болотной площади, где проходили митинги в 2011-13 годах. Поэтому страницы получаются пригодными для беглого просмотра, - в них снижен объем текста по сравнению с печатной версией издания, стиль материала можно охарактеризовать как «усеченный», а основная информативная нагрузка - в электронной версии газеты «Известия» - ложится на заголовки, первый и последний абзацы, а также на первые предложения каждого абзаца. Издатели четко соблюдают принцип законченной мысли в каждом абзаце.

Актуальный дизайн портала «Известия» представлен на рис. 2. Из Приложения 2.

Особое внимание обращают на заголовки в «Новом времени», справедливо считая, что тексты заголовков должны быть самодостаточными и раскрывать тему, даже если сопутствующая информация недоступна. Заголовок предельно четко передает содержание материала, при этом приводится выдержка из него, а также фотография того, кто является его автором - для того, чтобы читатели могли основываться на своих предпочтениях в полной мере при выборе необходимого к прочтению материала. Также «Новое время» дает возможность доступа ко всей подборке материалов выбранного автора, что значительно облегчает серфинг по сайту. Разработчики сайта используют инструменты для ведения статистики посещения сайта по нескольким параметрам: за месяц, вчера, на данный момент (Яндекс. Метрика). И здесь учитывается один из принципов юзабилити, о котором мы упоминали, - эта информация располагается в нижней части окна. Такое расположение не мешает любителю, неопытному пользователю работать с нужными ему новостями, но в тоже время предоставляет профессионалу важные ему цифры.

Следует отметить, что все анализируемые издания активно используют белое поле вокруг текста, которое необходимо для комфортного чтения материалов, однако, если в «Известиях» рядом с фоном постоянно меняются рекламные баннеры и новостные ресурсы, а в «Фонтанке.ру» поле столь узко. Что текст новости практически сливается с соседними колонками анонсов или рекламы, то в «Новом времени» поле максимально комфортное, широкое и созданное для того, чтобы глаз выхватывал именно необходимую информацию, не сбиваясь на соседние колонки. Кроме того, шрифт соседних колонок в «Новом времени» приглушен (он серый), что позволяет шрифту основной статьи выделяться. При этом иллюстративный материал везде выполнен на высоком уровне. Фотографии максимально возможного качества с полными ссылками на источник приводятся в самом тексте статьи, что визуально разряжает текст, делает его более легким для восприятия.

...