Минимализм как принцип визуальной организации новостных порталов

Существуют и иные правила, основанные на психологии понимания, которые по мере развития информационных технологий пересматриваются либо теряют свою практическую значимость. К примеру, правило трех кликов основано на том, что пользователь должен найти любую необходимую ему информацию на сайте перейдя по ссылкам не более трех раз. Bhangal S., Jankowski T. Foundation Web Design: Essential HTML, JavaScript, CSS, Photoshop, Fireworks, and Flash. NY.: Apress, 2003 -- P. 82 Данное правило не раз критиковалось веб-разработчиками как на теоретическом уровне, так и на основе проведенных исследований. В результате, после исследования, проведенного американским ученым в области UX Джошуа Портером, правило трех кликов было пересмотрено и в настоящий момент базируется на идее о минимизации количества кликов: чем их меньше, тем быстрее пользователь находит нужную ему информацию. Wilson C. User Experience Re-Mastered: Your Guide to Getting the Right Design. Burlington: Morgan Kaufmann Publishers, 2010 -- P. 29

Одним из основных инструментов исследования юзабилити является технология айтрекинга (eye tracking). Айтрекинг - это процесс измерения точек взгляда, либо процесс отслеживания траектории движения взгляда в режиме реального времени в момент восприятия определенной информации. Holmqvist K., Nystrom M., Andersson R., Eye Tracking: A comprehensive guide to methods and measures. Oxford, 2011 В области айтрекинга существуют два основных направления исследований: прикладной и когнитивный. Прикладные исследования сосредоточены на изучении эргономических характеристик и эргономической эффективности различных медиапродуктов. Процедура исследования состоит в решении определенной поисковой задачи, в которой главными критериями эффективности становятся скорость и полнота выполнения задания. Данный вид тестирования в рамках айтрекинга называют юзабилити-аудитом. Когнитивные исследования направлены на изучение процессов восприятия и обработки информации и называются процессуальным тестированием. Якунин А.В. Веб-юзабилити и эргономика интернет-СМИ. СПб.: С.-Петерб. гос. ун-т, Ин-т Высш. шк. журн. и мас.коммуникаций, 2015. -- С. 14

1.2 Эстетический и функциональный аспекты минимализма в контексте задач юзабилити-проектирования

Минимализм - это художественное течение, характерными признаками которого принято считать минимальную трансформации используемых для творчества материалов, простоту и единообразие форм, а также творческое самоограничение художника. Левит С.Я., Гордон А.В., Зверева Г.И. Культурология. Энциклопедия. Том 1., М.: Росспэн, 2007. -- С. 1316

Минимализм возник и получил бурное развитие в 1960-е годы, в значительной степени став реакцией на абстрактный экспрессионизм, излишнюю декоративность и эмоциональный субъективизм. Всему этому минимализм противопоставил обезличенность, упрощение формы, использование промышленных материалов в скульптуре, благодаря чему смог распространить свое влияние на архитектуру, дизайн, театр и музыку. Stuff C. After Modernist Painting : The History of a Contemporary Practice, NY.: I.B.Tauris & Co, 2013 Истоки минимализма кроются в конструктивизме, супрематизме, дадаизме, абстракционизме, поп-арте. Минимализм также испытал сильнейшее влияние немецкого художественного движения Баухаус, в котором основное внимание было сосредоточено на создании простого, но функционального дизайна, а проектирование опиралось на работу с абстрактными формами, заимствованными из модернизма. При этом, как отмечал в своих трудах британский историк искусства и критик Пол Овэри, минимализм не ограничивался даже этим, черпая свои духовные начала в японском «дзене» и концептуально обогащаясь неопластицизмом и живописью Мондриана. Overy P. De Stijl: Art, Architecture, Design / P.Overy. - N.Y., Publisher: Thames & Hudson Ltd, 1991. - 216 р.

Несмотря на то, что впервые термин «минимализм» был использован еще в конце 1920-х г. Давидом Бурлюком в каталоге одной из выставок галереи Дьюденсинг в Нью-Йорке, общий смысл слова и диапазон использования, заложенный в определении тех лет, изменились. Поэтому, принято считать, что в профессиональную сферу данный термин был введен Ричардом Уолхеймом, после публикации одной из его статей в журнале «Arts Magazine» в 1965 году. Постепенно термин «минимализм» заменил все предыдущие дефиниции рассматриваемого художественного течения, коих было немало: «АБС-искусство» и «восстановительное искусство» (Роус, 1965), «буквальное искусство» (Фрид), «общесистемное искусство» (Алловэй, 1965), «искусство унитарных форм» (Сандлер), «прохладительное искусство» и др. Сластенин П.В. Термин «минимализм» в архитектурной теории // Традиции и инновации в строительстве и архитектуре. Архитектура и дизайн сборник статей. 2015. С. 206-208. Окончательно утвердившись в общественном сознании и научном сообществе в конце 1980-х годов, слово «минимализм» стало использоваться и в повседневной речи обычных людей.

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

Минимализм - это «художественная тенденция, чьи организационные принципы диктуются правильностью форм (прямые углы, использование квадрата, куба) с минимальной композиционной маневренностью» Colpitt F. Minimal Art: The Critical Perspective. Washington: University of Washington Press, 1993 -- P.1 (Колпитт, 1990).

Минимализм - это «художественное направление, возникшее в послевоенное время в Америке, в области визуального, музыкального и литературного искусства, характеризующееся использованием ограниченного, если не наименьшего количества ресурсов» Strickland E. Minimalism: Origins. Bloomington: IU Press, 2000 -- P.7 (Стрикланд, 2000).

Под минимализмом можно понимать художественное направление, функционирующее на принципах экономии изобразительно-выразительных средств, которое можно охарактеризовать как новый вид геометрической абстракции (Мейер, 2001). Meyer J. Minimalism: Art and Polemics in the Sixties, 2000 -- P.3

Как видим, несмотря на общее понимание сути минимализма, исследователи имеют разные точки зрения относительно того, каким должно быть его определение, поскольку это направление охватывает слишком большое разнообразие жанров и видов деятельности: дизайн, живопись, музыка, скульптура. Так или иначе, основная идея минимализма была лаконично выражена американским архитектором Людвигом Мис ван дер Роэм, провозгласившим, что «меньше - значит больше» («Less is more»). Идея минимализма появилась несколько раньше, чем термин, и была выдвинута американским критиком Клементом Гринбергом, имевшим колоссальное влияние на многих художников и дизайнеров своей эпохи. VanEenoo C. Minimalism in Art and Design: Concept, influences, implications and perspectives // Journal of Fine and Studio Art Vol. 2011. Issue 2(1), -- P. 8 Уже в 1939 году он заявил, что «волнение, вызываемое искусством, связано с изобретением пространства, поверхностей, форм, цветов и восприятием "воздуха"». Там же Гринберг призвал художников подчеркивать «объектность» своих работ, уделяя особое внимание форме, которая должна быть настолько простой и ясной, насколько это возможно. Отвергая классические приемы творчества, минимализм использует простые геометрические формы, пропорциональные линии, нейтральные (черный, серый, белый) цвета и сфокусирован на простоте (simplicity) и восприятии.

В области коммуникации складывается понятие «хорошей» формы как способа эстетической выразительности в дизайне и искусстве, основанной на гештальтпсихологии. Процесс формирования визуального оформления, сочетание текста и изображения в минимализме строится на основе стремления к простому и устойчивому состоянию. Он предполагает, во-первых, создание и применение модульной сетки для проектирования, во-вторых, создание ясных образов и простой композиции, в-третьих, использование функциональных гарнитур, шрифтов «гротеск», позволяющих обеспечить удобочитаемость, различимость и заметность текста. Пикулевский О.В.Дизайн и культура. Харьков: Гуманитарный центр, 2014. -- С. 36 Необходимая функциональность должна быть обеспечена на основе знаний о ментальности человека и его особенностях восприятия. Для этого разрабатываются концептуальные модели, учитывающие особенности человеческого сознания. Появляется понятие «функциональная коммуникация», т.е. обеспечивающая быстрое восприятие и ясное понимание сообщения. В графическом дизайне она предполагала понимание целостности визуального образа, разработку и применение в гарнитур шрифтов сансериф и использование сетки в дизайне, воплощением чего становится международный швейцарский стиль. Герчук Ю.Я. Функциональная графика XX века // История графики и искусства книги. 2000. -- С. 305-310 Понимание целостности визуального образа строится на гештальтпсихологии, ставшей рациональной основой функционального подхода в графическом дизайне. Минимализм, в этом контексте, рассматривается как язык функциональной коммуникации, позволяющий преодолеть многословность и нагруженность в дизайне и создавать простое и доступное визуальное сообщение.

Выступая против принципа «приблизительности» в дизайне, основоположник визуального функционализма Макс Билл выдвинул три основополагающих принципов рационального структурирования сообщения, частично упомянутых выше: использование сетки и деление на модули, «гротеск» в качестве наборного шрифта и композиционная ассиметрия. Пикулевский О.В.Дизайн и культура. Харьков: Гуманитарный центр, 2014. -- С. 161

Разработки рациональных, минималистичных композиций начинаются в Баухаузе, где всесторонне вводится понимание перцептивной организации объектов на плоскости, подразумевающей соединение элементов композиции на основе общих свойств, создание геометрической точности линий и форм, учет предшествующего опыта и внимания наблюдателя. Развитие этого подхода продолжается под влиянием Ульмской щколы и появлением швейцарского стиля, придавшем данным принципам, международное значение. Marzona D. Minimal Art. Berlin: Tashen, 2004, -- P. 21-24

Важным компонентом при создании минималистичного дизайна и инструментом рационального структурирования рассматривается типографика. Главными ее качествами выступают четкость и удобочитаемость, достижимая за счет использования простых линий и упрощенных литер. Как указывают исследователи, функционализм отказывается от рукописного прообраза шрифта, т.е. антиквы и тяготеет к упрощенной форме графем без засечек (сериф), гротеску и брусковым гарнитурам. Антиква переосмысливается в модерн, где литеры следуют по пути жесткого, геометрического облика при сохранении функции привлечения внимания благодаря созданию эстетически привлекательных гарнитур. Пикулевский О.В.Дизайн и культура. Харьков: Гуманитарный центр, 2014. -- С. 165

Тем не менее, ряд исследователей указывают, что вопросы определения строго структурированных эстетических параметров минимализма в настоящее время все еще находятся на начальном этапе своего решения. Хлопотникова В.Н. Минимализм: «Искусство первичных структур» // Известия РГПУ им. А.И. Герцена. 2009. № 118 -- C. 82 На это влияют как отсутствие строго однозначного определения термина, так и проблема соотношения критериев, формирующих минимализм, с привычными эстетическими категориями. Строгое определение конкретных критериев минимализма возможно только при системной классификации технических приемов всех представителей минимализма в разных сферах художественной деятельности. Но, несмотря на то, что в разных определениях минимализма, в зависимости от направленности деятельности, могут раскрываться различные аспекты этого течения, существуют некоторые общие, повторяющиеся в большинстве произведений и описанные в различной литературе принципы минимализма. К ним относятся: минимализм средств (minimality of means), минимализм значений (minimality of meaning), минимализм структуры (minimality of structure), использование паттернов (use of patterns) и вовлечение потребителя (involvement of the recipient). Obendorf H. Minimalism: Designing Simplicity. NY: Springer, -- P.7

Минимализм средств (minimality of means) подразумевает минимальное использование материалов: монохромность и ограниченность цветовых палитр для зонирования пространства в дизайне и живописи, использование одного инструмента для написания музыки и т.д.

Минимализм значений (minimality of meaning). Ранее художники делали акцент на эмоциях, минимализм же исключает видимые следы художника, его намерения и разного рода метафоры, концентрируясь на обезличенности и понимании искусства по формуле «Ты видишь то, что ты видишь» («What you see is what you see»).

Минимализм структуры (minimality of structure) подразумевает использование простых правил и повторов для создания наиболее понятной и прозрачной для потребителя структуры продукта. К примеру, в типографике под минимализмом структуры нужно понимать отсутствие декоративных, «укращающих» литеры элементов. В дизайне, данный принцип проявляется при помощи простой геометрической точности линий и форм, наличии и рациональном распреднлении негативного пространства (space), использовании модульной сетки.

Использование паттернов (use of patterns). Повторяющиеся элементы и паттерны существовали в искусстве задолго до появления минимализма и используются для создания ритма. Одни и те же элементы повторяются с различными вариациями, для создания оптимальной композиции.

Вовлечение потребителя (involvement of the recipient). Отсутствие в художественном продукте метафор и скрытого смысла, художники представляют зрителю возможность свободной интерпретации результатов их творчества.

На основе этих общих принципов минимализма были определены и сформулированы принципы минимализма в рамках дизайна интерактивных систем и проектирования опыта взаимодействия. Obendorf H. Where «less» is «more» - notions of minimalism and the design of interactive systems: A constructive analysis of products & processes of human-computer-interaction design from a minimalist standpoint. Hamburg University, 2007 -- P.58

Разобравшись со значением минимализма в искусстве, нам необходимо определить, какое место он занимает в медиадизайне. Несмотря на то, что некоторые дизайнеры считают дизайн искусством, большинство теоретиков и практиков склонны утверждать, что это ремесло, поскольку основной целью данной деятельности является не созидание и раскрытие потенциала художника, а практическое использование человеком. В области веб-дизайна и разработки интерактивных систем данное утверждение особенно верно, поскольку для создания наилучшего визуального оформления сайта дизайнеру недостаточно обладать всевозможными талантами художника, но так же необходимо разбираться в особенностях человеко-компьютерного взаимодействия. Именно поэтому, для разработки оптимальной композиционно-графической модели сайта в большинстве случаев помимо дизайнера-оформителя, отвечающего за внешний вид сайта, существует так называемый «пользовательский инженер», в чью обязанность входит проектирование пользовательского опыта и решение практической задачи «эстетика /эргономичность дизайна». Главной целью дизайнера является разработка такой интерактивной системы, которая при всей своей сложности, будет максимально простой для пользователя, поскольку будет учитывать его потребности, мотивы, намерения и цели, что приведет к созданию более управляемого и точного процесса восприятия информации. Для полного понимания обозначим, что под интерактивными системами понимают класс систем обработки информации, где управление осуществляется пользователями в интерактивном режиме. Benyon D., Turner P., Turner S. Designing Interactive Systems: People, Activities, Contexts, Technologies, NY.: Addison-Wesley, 2005 -- P.6 Как указывает Хартмут Обендорф, минимализм и является тем важным аспектом, который позволяет решать как задачи, связанные с удовлетворением пользователей и формированием пользовательского опыта, так и вопросы создания наилучшего визуального оформления с точки зрения эргономики и юзабилити. Obendorf H. Where «less» is «more» - notions of minimalism and the design of interactive systems: A constructive analysis of products & processes of human-computer-interaction design from a minimalist standpoint. Hamburg University, 2007 -- P.62

Минимализм в искусстве был реакцией на чрезмерный субъективизм абстрактного экспрессионизма. Аналогично этому, минимализм в оформлении веб-ресурсов стал ответной репликой на чрезмерную интерактивность эры Web 2.0. Берд Д. Веб-дизайн: руководство разработчика. СПб.: Питер, 2012. -- С.54 По словам Якоба Нильсена, «минималистичность» визуального оформления предполагает концентрацию на наиболее значимых объектах в дизайне. Nielsen, J. Enhancing the explanatory power of usability heuristics. Proc. ACM CHI'94 Conf. (Boston, MA, April 24-28), -- 152-158. В своих эвристических правилах, главным принципом минимализма он объявил устранение ненужной информации из интерфейса. Тем не менее, для того чтобы понять какие конкретные различия существует в эстетическом и прикладном понимании минимализма, необходимо рассмотреть еще одно понятие, применяемое исследователями в контексте функционального подхода к визуальной организации сетевых СМИ.

Описывая, каким должен быть дизайн с точки зрения человеко-компьютерного взаимодействия, исследователи часто употребляют критерий «простота» - оформления, структуры, навигации. Но что такое простота, является ли она синонимом минимализма и как ее измерить? На этот вопрос не так просто ответить. В широком смысле под «простотой» опыта взаимодействия понимают исключение ненужных задач, усложняющих работу пользователя с системой, в целях улучшения юзабилити. Marcus A. Design, User Experience, and Usability: User Experience Design Practice. Springer., 2014 -- P. 310 Но интерактивные системы сами по себе сложны, тогда что конкретно должно быть упрощено? По мнению Хартмута Обендорфа ,«простота» может быть использована в качестве критерия дизайна только в некоторых, четко определенных аспектах. Эти аспекты определяются требованиями минимализма, который и является средством достижения простоты. Obendorf H. Where «less» is «more» - notions of minimalism and the design of interactive systems: A constructive analysis of products & processes of human-computer-interaction design from a minimalist standpoint. Hamburg University, 2007 -- P.63 Следуя формуле «меньше - значит больше» («Less is more»), Якоб Нильсен утверждает, что «каждый элемент пользовательского интерфейса привносит дополнительную нагрузку на пользователя». Nielsen J. Usability Engineering. NY.: Morgan Kaufmann, 1993 -- P.63 Таким образом, меньшее количество возможностей часто приводит к большему комфорту и повышению юзабилити. Известный исследователь в области юзабилити Брюс Тогназзини не единожды подчеркивал важность визуальной простоты дизайна: «Дизайнеры изучают 6 месяцев то, что пользователи должны понять за 6 минут». Tognazzini B. Tog on Interface. NY.: Addison-Wesley, 1996

Поскольку в данном исследовании минимализм рассматривается как фактор юзабилити визуальной организации веб-ресурсов, то необходимо определить, какие аспекты понятия минимализм в изобразительном искусстве применимы в сфере человеко-компьютерного взаимодействия и медиадизайна. Как указывают исследователи, буквальный перенос аспектов минимализма в искусстве принесет мало пользы. Что действительно важно и может быть передано, так это образ мышления, подразумевающий использование минимальных средств при создании структуры, использование минимального количества паттернов. Obendorf H. Where «less» is «more» - notions of minimalism and the design of interactive systems: A constructive analysis of products & processes of human-computer-interaction design from a minimalist standpoint. Hamburg University, 2007 -- P.63

В области веб-дизайна и проектирования человеко-компьютерного взаимодействия выделяют 4 основных принципа минимализма, определяющих «простоту и аскетизм» визуального оформления страницы Obendorf H. Minimalism: Designing Simplicity. NY: Springer, -- P.7: функциональный минимализм, структурный минимализм, композиционный минимализм, архитектурный минимализм.

Функциональный минимализм означает снижение (уменьшение) функциональности интерфейса. В идеале, остаются только необходимые и незаменимые для работы возможности.

Структурный минимализм обращается к структуре доступа для обеспечения функциональной способности интерфейса.

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

Композиционный минимализм подчеркивает важность представления контента.

Таким образом, цель минимализма в веб-дизайне сводится к необходимости представления содержания и основного функционала сайта в простом виде, отсекая отвлекающие от основного внимания элементы настолько, насколько это возможно. Meyer K. The Roots of Minimalism in Web Design. 2012 URL: https://www.nngroup.com/articles/roots-minimalism-web-design/ (дата обращения: 18.04.2016). Эта стратегия подразумевает удаление лишнего контента и набора функций со страницы, если они не работают на выполнение основной цели пользователя. К примеру, на сайте новостного портала основной целью читателя является поиск, просмотр и достижение необходимой информации. В таком случае, дизайнеры сайта должна спроектировать визуальное оформление таким образом, чтоб аудитории было удобно читать новости, искать нужный контент, быстро находить всю информацию по интересующей теме. Для этого необходимо обеспечить читателя простым механизмом поиска, просмотра, отбора информации. Иными словами, необходимо действовать по упоминамой ранее формуле Людвига Мис ван дер Роэма «меньше - значит больше» («Less is more»). Это мантра и для веб-дизайна, поскольку меньшее количество элементов на странице обеспечит меньшую когнитивную нагрузку на пользователей. Meyer K. The Roots of Minimalism in Web Design. 2012 URL: https://www.nngroup.com/articles/roots-minimalism-web-design/ (дата обращения: 18.04.2016).

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

Для исследования темы чрезвычайно важно отметить, что в конце двадцатого века минимализм только начал формироваться как отдельное направление в области человеко-компьютерного взаимодействия. Именно на основе принципов минимализма в искусстве были представлены подходы к оптимальной организации веб-сайтов. Одним из наиболее значимых стал подход, представленный в 1990 году известным американским исследователем Джоном М.Кэроллом, который разработал теорию минимализма в технической коммуникации, предполагавшую, что быстродейственность проекта обеспечивается за счет установления «краткости» в качестве главного приоритета дизайна. Carroll J.M. HCI Models, Theories, and Frameworks: Toward a Multidisciplinary Science. San Francisco: Morgan Kaufmann Publishers, 2003 При этом Кэролл подчеркивал, что «сокращение» или «уменьшение» дизайна не является конечной целью минимализма. Целью является краткость, понимаемая в значении «быстрота» и простота в действиях, а также получении конкретных результатов пользователями. На основе этого и некоторых других подходов позднее Якоб Нильсен и сформулировал свои эвристические правила.

Минимализм является стратегией дизайна, которая оказывает значительное влияние на его содержание и информационно-архитектурные решения. В результате, как указывают исследователи «Nielsen Norman Group», минимализм серьезно влияет на юзабилити сетевых ресурсов. Meyer K. The Roots of Minimalism in Web Design. 2012 URL: https://www.nngroup.com/articles/roots-minimalism-web-design/ (дата обращения: 18.04.2016).

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

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

На основе трудов Ф.Колпитта Colpitt F. Minimal Art: The Critical Perspective. Washington: University of Washington Press, 1993, Д.Мейера Meyer J. Minimalism: Art and Polemics in the Sixties, 2000, К.Ванено VanEenoo C. Minimalism in Art and Design: Concept, influences, implications and perspectives // Journal of Fine and Studio Art Vol. 2011. Issue 2(1), Д.Марзона Marzona D. Minimal Art. Berlin: Tashen, 2004, Х.Обендорфа Obendorf H. Where «less» is «more» - notions of minimalism and the design of interactive systems: A constructive analysis of products & processes of human-computer-interaction design from a minimalist standpoint. Hamburg University, 2007, К.Мейера Meyer K. The Roots of Minimalism in Web Design. 2012 URL: https://www.nngroup.com/articles/roots-minimalism-web-design/ (дата обращения: 18.04.2016)., О.В.Пикулевского Пикулевский О.В.Дизайн и культура. Харьков: Гуманитарный центр, 2014 и Ю.Я.Герчука Герчук Ю.Я. Функциональная графика XX века // История графики и искусства книги. 2000. и некоторых других авторов, мы можем составить список функционально-эстетических критериев «минимализма», актуальных для анализа визуальной организации медиаресурсов:

Использование модульной сетки (Модульная сетка присутствует - 3 балла; Модульная сетка отсутствует - 0 баллов; Лента новостей: Активное использование модулей (ярко выраженные одинаковые геометрических блоки по всей площади страницы - 3 балла; Преобладание квадратного или прямоугольного модуля - 1 балла; Нет ярко выраженного доминирования - 0 баллов;)

Соблюдение геометрической точности линий (Геометрическая точность линий и форм соблюдена по всей странице - 3 балла; Геометрическая точность линий и форм не соблюдена - 0 баллов;)

Типографика и шрифтовое расписание (Количественный признак: Использование 1 гарнитуры - 3 балла; Использование более 2 и более гарнитур - 0 баллов; Качественный признак: Использование только сансерифа - 3 балла; Использование сансерифа и серифа - 1 балл; Использование только серифа - 0 баллов;)

Симметричность композиции (Композиция асимметрична - 3 балла; Чередование принципов симметрии и ассиметрии - 1 балл; Композиция в целом симметрична - 0 баллов;)

Использование цвета (Монохромность или 1 контрастный цвет - 3 балла; Кроме черного используется 2-3 цвета - 1 балл;bКроме черного используются > 3 цветов - 0 баллов; Дополнительно (типографика): Кроме черного и его оттенков используется 1-2 цвета - 3 балла; Кроме черного и его оттенков используется 3 цвета - 1 балл; Кроме черного и его оттенков используется >3 цветов - 0 баллов;)

Использование негативного пространства страницы (Умеренное распределение негативного пространства между блоками контента - 3 балла; Широкое разделение блоков контента, много «воздуха» - 1 балл; Слишком узкое разделение блоков контента, «воздуха» нет - 0 баллов;)

Ритм и повторы (Элементы оформления создают ритм по всей странице - 3 балла; Элементы оформления создают ритм по странице частично - 1 балл; Элементы оформления не создают ритм - 0 баллов;)

Функциональность интерфейса (Элементы навигации и поиска контента расположены в одном месте - 3 балла; Элементы навигации и поиска контента расположены в непосредственной близости, но не рядом - 1 балл; Элементы навигации и поиска контента расположены в разных областях экрана - 0 баллов;)

Навигация (Навигационное меню фиксировано и не меняет свое положения при прокрутке - 3 балла; Навигационное меню не имеет строго фиксированного положения и исчезает с области просмотра при прокрутке- 0 баллов;)

Многокомпонентность навигации (Использование одноуровневой навигации - 3 балла; Использование двухуровневой навигации - 1 балл; Более сложная организация навигации - 0 баллов;)

Контрастность страницы: (Высокая контрастность между блоками информации - 3 балла; Средняя контрастность между блоками информации - 1 балл; Низкая контрастность между блоками информации - 0 баллов;)

Мнение эксперта (Медиаресурс, дизайн которого наиболее соответствует эстетике минимализма - 3 балла; Медиаресурс, дизайн которого занимает 2 место в аспекте эстетики минимализма - 1 балл; Медиаресурс, дизайн которого занимает 2 место в аспекте эстетики минимализма - 0 баллов; Медиаресурс, дизайн которого наименее соответствует эстетике минимализма: -1 балл;)

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

ГЛАВА II. МИНИМАЛИЗМ КАК ПРИНЦИП ВИЗУАЛЬНОЙ ОРГАНИЗАЦИИ НОВОСТНЫХ ПОРТАЛОВ

2.1 Системообразующие факторы композиционно-графической модели веб-сайта с точки зрения эффективного «опыта взаимодействия»

Рассмотрев в первой главе основные подходы к определению понятия и принципов юзабилити, их связи с принципами минимализма, а также определив некоторые подходы оценки эргономичности веб-ресурсов можно сделать вывод о том, что методы повышения юзабилити сайтов уже длительное время являются объектом изучения со стороны исследователей и специалистов в области веб-эргономики. Основное внимание исследователей направлено на решение практической задачи совмещения эстетических и прикладных аспектов дизайна, принимая во внимание когнитивные возможности аудитории для упрощения процесса восприятия информации, с целью создания удобного интерактивного продукта, отвечающего всем запросам и потребностям пользователей. Проектирование пользовательского опыта, рассмотренное ранее в первой части данного исследования, позволяет разработчикам создавать интерактивный продукт, ориентированный на конкретные потребности, желания, ожидания, ощущения, впечатления и эмоции пользователя, на основе которых определяются способы представления информации, концептуальные подходы к информационной организации сайта, формы выражения функциональности веб-ресурса. Совокупность этих факторов обеспечивает позитивный опыт пользователя, что в дальнейшем, может привести к повышению конкурентоспособности данного сайта, а также увеличению его монетизации. Marcus A. Return on Investment (ROI) for Usability. Nielsen Norman Group, 2013

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

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

Благодаря исследованиям Якоба Нильсена нам известно, что однонаправленность всех элементов КГМ позволяет пользователям глубже вовлекаться в процесс взаимодействия с веб-ресурсом. Nielsen J., User Satisfaction vs. Performance Metrics. 2012 URL: https://www.nngroup.com/articles/satisfaction-vs-performance-metrics/ (дата обращения: 20.03.2016). Осознание цели взаимодействия и близости к ней, ощущение обратной связи, контроля над ситуацией можно добиться только следуя базовым критериям эффективности визуальной организации страницы. Напомним, что к ним относятся удобство использования средств взаимодействия, доступность и полнота информации при минимуме изобразительных и технических средств, полезность, релевантность и эффективность. При этом необходимо реализовать сверхзадачу всех критериев: обеспечить концентрацию внимания пользователя на самом главном, сделать процесс восприятия более управляемым соответствии с поисковой задачей пользователя.

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

Уровень интуиции, отвечающий за спонтанную, почти инстинктивную реакцию человека, где внимание непроизвольно.

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

Уровень созерцания, на котором происходит осмысление выполняемых человеком действий и осознанное восприятие и анализ информации.

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

Рассмотренные в первой главе данной работы подходы и критерии юзабилити западных и отечественных исследователей в области эргономики во многом схожи. Большинство из них составлены на основе сформированных Якобом Нильсеном компонентов успешного юзабилити, к коим относятся: обучаемость, эффективность, запоминаемость, малое количество ошибок либо их отсутствие. Nielsen J. Usability 101: Introduction to Usability. 2012 URL: https://www.nngroup.com/articles/usability-101-introduction-to-usability/ (дата обращения: 20.03.2016). Рассмотренные в первой главе данной работы подходы и критерии юзабилити в понимании некоторых западных и отечественных исследователей в области эргономики во многом схожи и отличаются широтой предлагаемых перечней. Международный стандарт указывает 3 необходимых компонента юзабилити, к которым относятся: эффективность, т.е. точность и полноценность достигнутых пользователем целей; экономичность, т.е. количество затраченных пользователем ресурсов для достижения целей; удовлетворенность, т.е совокупное удовольствие и комфорт пользователя при работе с ресурсом. Большинство авторов сегодня, в принципе, с такими критериями согласны, отличия наблюдаются лишь в подходах к определению факторов композиционно-графической модели, ответственных за реализацию данных критериев.

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

Количественные и качественные характеристики контента становятся ключевыми факторами в рамках атрибутивного подхода. E. Michailidou, S. Haper, S. Bechhofer, Visual complexity and aesthetic perception of web pages // Proceedings of the 26th Annual ACMInternational Conference on Design of Communication, 2008. -- P.216 К этим характеристикам, к примеру, относятся размер изображений, контрастность текста и фона, а также иные компоненты дизайна, составляющие один из важнейших параметров элемента оформления - его визуальный вес. Создание оптимальной организации страницы и ее визуальной иерархии позволяет облегчить процесс поиска необходимой информации и приводит к лучшей ориентации пользователя на сайте, позволяя в дальнейшем сформировать «положительный» пользовательский опыт. Наиболее эффективными средствами в реализации этой задачи, по мнению сторонников атрибутивного подхода, выступают контрастное выделение ссылок, игра с размером изображений. Huang M.H., Designing website attributes to induce experiential encounters // Computers in Human Behavior. 2003. Issue. 19 (4), -- Р. 425-442.

Дистрибутивный или распределительный подход предполагает, что ключевая роль в формировании оптимальной визуальной иерархии принадлежит элементам, окружающим целевой компонент страницы. Dyson M.C., Kipping G.J. The effect s of line length and method of movement on patterns of reading from screen // Visible Language, 1998. Issue 32, -- Р. 150-181. В этой связи исследователи говорят о, так называемом, конкурирующем контенте, имеющим визуальное сходство с главным элементом страницы, но не предполагающем выполнение тех же функций. По мнению сторонников данного подхода, визуальная конкуренция может усиливаться или уменьшаться в зависимости от нескольких факторов, важнейшим из которых является ширина пробельных элементов. Chaparro B., Baker J.R., Shaikh A.D., Hull S., Brady L. Reading Online Text: A Comparison of Four White Space Layouts // Software Usabilty Reseach Laboratory Wichita State University, 2004. URL: https://www.nngroup.com/articles/ten-usability-heuristics/ (дата обращения: 26.03.2016). Многочисленные эксперименты привели к пониманию того, что использование умеренно выраженных пробельных элементов приводит к увеличению скорости и упрощению поиска нужной информации. Spool J.M., Scanlon T., Schroeder W., Snyder C., DeAngelo T. Web Site Usability: A Designer's Guide, User Interface Engineering. NY.: North Andover MA. 1997, -- P. 132 Менее выраженные пробелы приводят к трудностям в восприятии текстовой информации, в то время как широкие пробелы придают ощущение «пустоты» на странице и увеличивают время прокрутки. Умеренное использование пробелов приводит к большей удовлетворенности пользователей в результате взаимодействия с сайтом, чем использование плотного или разностороннего пространства. Недостаточная ширина пробелов или отсутствие полей на странице приводит к уменьшению эффективности восприятия контента, в связи с чем, как отмечают исследователи, регулярные интервалы и вертикальные пробелы рассматриваются в качестве ключевых факторов юзабилити. Chaparro B., Bernard M. Finding Information on the Web: Does the Amount of White Space Really Matter? // Proceedings of the Tenth Annual Usability Professionals' Association Conference, 2001. URL: http://usabilitynews.org/finding-information-on-the-web-does-the-amount-of-whitespace-really-matter/ (дата обращения: 20.03.2016).

Третий подход в рамках исследования эргономики визуальной организации веб-страницы можно назвать композиционно-топологическим. В рамках данного подхода, исследователи юзабилити уделяют особое внимание, так называемой перцептивной разметке странице, т.е. поиску и выделению зон наивысшего внимания пользователя. Иными словами, целевой контент необходимо размещать именно в тех областях страницы, на которые в первую очередь пользователь обращает свой взгляд при взаимодействии с ресурсом. Примером исследований в этой области является рассмотренные в первой главе данной работы исследования Якоба Нильсена, посвященные так называемому «F-паттерну визуального восприятия». Размещение целевого контента и необходимых элементов интерфейса в левой области экрана приводит к удержанию внимания и лучшей ориентации пользователя по сайту. Большое внимание в рамках композиционно-топологического подхода уделяется исследованиям отслеживания движения глаз, т.е. айтрекингу. Суть этих исследований сводится к гипотезе «согласованности мысли и взгляда», согласно которой, «люди видят то, о чем думают». Иными словами, пользователи фиксируют свое внимание на тех элементах оформления и том контенте, которые их интересуют, и «чем дольше они на них смотрят, тем больше о них думают». Нильсен Я. Дизайн Web-страниц. Анализ удобства и простоты использования 50 узлов. М.: Вильямс, 2002. -- C. 28

Четвертый подход, в рамках рассматриваемой темы, подразумевает в качестве ведущего фактора оптимальной визуальной организации веб-страницы детализацию ее графических элементов. В центре исследователей находится так называемый «коэффициент сложности» веб-страницы, имеющий прямое отношение на возможности ее восприятия. Согласно данному подходу, большое количество разного рода деталей в элементах и оформлении контента приводит к ее визуальной нагруженности, в результате чего страница перенасыщена и, в целом, хуже воспринимается пользователями. Geissler G., Zinkhan G., Watson R.T., Web home page complexity and communication effectiveness // Journal of the Association for Information Systems. 2001. Vol. 2 Р. 1-47. Одним из наиболее известных исследований в рамках данного подхода является, так называемая концепция «визуального обогащения» (visual richness), рассматривающая влияние избыточности деталей элементов дизайна и детализации графики страницы на восприятие контента аудиторией. Deng L., Poole M.S. Affect in web interfaces: a study of the impacts of web page visual complexity and order // Management Information Systems Qurterly. 2010. Vol. 34 (4), -- Р. 711-730.

Таким образом, можно сделать вывод о том, что при определении факторов реализации успешного юзабилити исследователи концентрируются только на одном элементе макета страницы. В качестве такого аспекта могут выступать: количественные и качественные характеристики контента, влияние «окружающих» или «соседствующих» с целевым контентом элементов, перцептивная разметка, «коэффициент сложности» веб-страницы и иные феномены. Однако, изучая воздействие конкретного аспекта на восприятие веб-страницы, исследователям сложно оценить совокупное воздействие всех элементов композиционно-графической модели. В этой связи нужно учитывать, что восприятие - явление системное, а значит и архитектура страницы - тоже. Для реализации исследования, в этом случае, необходима согласованность факторов КГМ в рамках модели, которая будет учитывать не только прагматические, но и эстетические особенности пользовательского опыта, а также объединит все рассмотренные ранее подходы в формировании оптимальной визуальной иерархии. Якунин А.В. Композиционно-графическая модель веб - сайта как системообразующий фактор формирования «опыта взаимодействия». // Инновационное развитие: ключевые проблемы и решения. Сборник статей Международной научно-практической конференции.2015. С. 176 (174-178.) В основе системного характера взаимодействия лежат особенности когнитивной обработки информации, определяющие взаимодействие пользователя с сайтом.

Основой для системного характера воздействия становится концепция Бориса Величковского Блинникова И.В., Величковский Б.Б., Капица М.С., Леонова А.Б. Экспериментальное исследование прерываний в компьютеризированной деятельности: анализ стратегий переключений между основной и дополнительной задачами // Экспериментальная психология. 2009. № 1. С. 35-51, в рамках которой выделяется два основных режима когнитивной обработки информации: фокальной обработки и общей ориентации. Свое начало данная концепция берет из теории интеграции признаков Энн Трисман, подразумевающую две фазы зрительного восприятия. Treisman, A., Gelade, G. A feature integration theory of attention // Cognitive Psychology. 1980. Vol 12, Р. 97 Как и в теории Трисман, режим фокальной обработки в концепции Величковского подразумевает концентрацию внимания и тщательное рассматривание целевого объекта с целью его распознавания. Величковский Б.М. Исследование когнитивных функций и современные технологии // Вестник РАН. 2010. № 80. С. 440-446. Для поиска на странице и взаимодействия с ресурсами сайта действует режим общей ориентации, предполагающий широкое распределение внимания и увеличение поля зрения. При этом, как мы ранее указывали, для обеспечения максимальной концентрацию внимания пользователя на целевом контенте и упрощения процесса восприятия должны быть задействованы все уровни обработки информации: интуитивный, поведенческий, созерцательный. Норман Д. А. Дизайн привычных вещей. М.: Вильямс, 2006. -- С. 118-134

Способность человеческого внимания функционировать в двух режимах когнитивной обработки позволила сформировать оптимальную методику анализа композиционно-графической модели, направленной на выявление системных отношений внутри ее структуры, объединяющей как эргономические, так и эстетические критерии пользовательского опыта и сохраняющей при этом традиционное для эстетического понимания дизайна представление о системной упорядоченности ее организации. Якунин А.В. Композиционно-графическая модель веб - сайта как системообразующий фактор формирования «опыта взаимодействия». // Инновационное развитие: ключевые проблемы и решения. Сборник статей Международной научно-практической конференции.2015. С. 176 (174-178.) В рамках данного подхода, выделяют два уровня визуальной организации страницы, соответствующих рассмотренным режимам обработки информации:

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

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

Необходимость анализа визуальной иерархии диктуется задачами ее организации и принципами использования. Определяя ранжирование функциональных и информационных элементов, целевого и вторичного контента по странице, она позволяет облегчить процесс поиска требуемой пользователем информации и формирует условия для создани положительного пользовательского опыта. Как указывают исследователи, некоторыми основными аспектами, выступающими в качестве «разграничителей» уровней иерархии, являются цвет, насыщенность, контрастность, размер, положение и т.д. Шеховцова А.Н. Базовые принципы, применяемые в мультимедийном проектировании // Молодежь и XXI век - 2015 материалы V Международной молодежной научной конференции в 3-х томах. 2015. С. 370 В основе оформления лежат особенности восприятия информации: так приоритетные элементы, вероятнее всего, имеют более крупный размер, более контрастны и могут быть выделены цветом.

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

Как указывал в своих работах Йозеф Мюллер-Брокманн, «формальная организация поверхности с помощью модульной сетки, наряду со знанием правил четкости и удобочитаемости текста, а также значащее использование цвета - все это срезы инструментов, позволяющих реализовать проект в рациональной и экономической манере». Лаптев В. Типографика: порядок и хаос. М.:, 2008 - С. 44 В данном исследовании мы будем опираться на целостное понимание композиционно-графической модели в единстве всех ее элементов как системы.

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

Макроуровень

Область экрана

Зонирование страницы;

Пробельные элементы;

Поля и отступы;

Длина наборной строки;

Интерлиньяж;

Микроуровень

Контурный контраст литеры;

Тонально-цветовой контраст символа-графемы и фона;

Гарнитура;

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

Макроуровень

Область экрана. Ключевой вопрос, связанный с областью экрана заключается в том, насколько сильно расположение элементов влияет на скорость и эффективность восприятия. Ранее отмеченные в данной работе исследования Якоба Нильсена, о так называемом «F-паттерне визуального восприятия», посвящены ответу на этот вопрос. Напомним, что суть данного феномена заключается в особом подходе к восприятию веб-страницы, согласно которому, внимание пользователя максимально сосредоточено в левой верхней части экранного пространства. Nielsen J., F-shaped pattern for reading web content. 2012 URL: http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/ (дата обращения: 27.01.2016).

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