Обзор и характеристика информационных систем-аналогов

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

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

Рассмотрим, на какие важные особенности систем-аналогов рекомендуют обратить внимание авторы, проанализированной нами литературы.

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

Под композицией в дизайне подразумевают разработку целостной и органичной системы, все элементы которой находятся во взаимосвязи друг с другом в соответствии с определенным смыслом. Таким образом, композиция – это неразрывная связь содержания и формы. Композиционное решение призвано передавать идею проекта и гармонизировать его художественную форму. Для решения этой задачи применяется ряд композиционных средств, таких как: симметрия, контраст, подобие и нюанс, масштабность, равновесие, ритм [2, 7, 32].

От построения правильного композиционного решения мы переходим к верстке.

Первостепенную важность в любом дизайн-продукте является грамотная и профессиональная верстка, основной которой является модульная сетка. Под модульной сеткой мы понимаем систему верстки, в которой ключевым аспектом композиции является сетка с определенной разметкой, шагом, или модулем, разбитой по вертикали и горизонтали [17, 20]. Модульная сетка несет важную функциональную нагрузку: она позволяет структурировать контент, преподносимый в интерфейсе, с целью облегчения его восприятия за счет логического композиционного структурирования данных.  

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

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

Цвет в дизайне – один из важнейших эмоциональных компонентов. Сложность в работе с цветом при проектировании и разработке дизайна медиа-продукта заключается в том, что категория цвета весьма субъективна. Однако есть набор приемов, который помогает дизайнеру в выборе правильной цветовой схемы дизайна продукта. Так, контрастные цвета облегчают восприятие текстового содержимого; необходимо найти баланс в количестве цветов – большой набор цветов разрушит гармонию, а минимальный – снизит эмоциональное воздействие на пользователя; интенсивные цвета привлекают внимание; цветовые схемы, близкие к природным, как правило, оказывают благоприятное воздействие на большинство пользователей [4]. 

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

Можно выделить несколько основных приемов работы со шрифтами:

- Необходимо выделять заголовки и важные цитаты, менять кегль и интерлиньяж для основного текста.

- Текст должен быть читабелен.

- Для заголовков применять привлекающие внимание акцидентные шрифты.

- Для основного текста использовать более простые и лаконичные шрифты, которые легко читаются.

Аарон Уолтер в своей книге, которая так и называется «Эмоциональный веб-дизайн» [32], утверждает, что на сегодняшний день важнейшим критерием успеха того или иного мультимедийного продукта стала эмоциональная составляющая, так как все большей популярностью пользуются веб-сайты, в интерфейсе которых пользователи видят индивидуальность и характер, а не сухость и прагматичность. Индивидуальность, персонализация становятся один из основных критериев успешного дизайна. Какими методами достигается эта персонализация? – Путем создания персонажей, уникальных элементов стиля, это может быть и реальный герой – человек.

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

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

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

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

- Дизайн-концепция (композиция, верстка (модульная сетка), цвет, шрифт).

- Информационное и контентное наполнение.

- Удобство пользования (юзабилити) и навигация.

- Взаимодействие с пользователем и интерактивность.

- Звуковые эффекты.