Что такое дизайн-системы и где они применяются

Коммуникационные процессы осуществляются в условиях множественного, фрагментарного дискурса, который постоянно разрастается и приобретает новые форматы. Формируются новые типы сообщений, смешанные с лексическими и грамматическими характеристиками в результате взаимодействия языков и видов информации. Все это связано с процессами влияния новейших информационно-коммуникационных технологий на процессы глобализации.
Важной спецификой «гипертекста» является его имманентность — рост сознания личности со средствами коммуникации и способность человека усваивать знания мгновенно и приобретать навыки работы с новейшими коммуникационными средствами.
Постепенно начали свое развитие дизайн-системы. Дизайн-система — это набор правил и инструментов для визуального и технического исполнения, который отражает философию продукта и постоянно развивается [2].
Дизайн-система — довольно широкое понятие и применяется в разных сферах: от полиграфии до архитектуры. Для пользовательских интерфейсов она включает в себя:
принципы и основы — методология, общие стилевые решения, цвета, типографика, иконографика;
компоненты — элементы интерфейса от простых текстовых полей до сложных объектов;
правила построения — сетка, лэйауты;
документация — все правила должны быть задокументированы и согласованы;
контроль версий — необходимость иметь несколько версий дизайн-системы для различных целей.
Основной задачей такой системы является сбор и объединение в единое целое на основе ролей и задач, различных источников информации. Эти источники могут быть доступны как внутри самой организации, так и за ее пределами. К тому же данная система обеспечивает возможность взаимодействия различных сотрудников, проектов и рабочих групп, с теми базами знаний и данных, которые были ранее созданы, в таком виде и таким способом, чтобы сделать процесс поиска и повторного использования максимально комфортным и привычным.
По составу и специфике такие системы бывают разными, но, как правило, содержат в своем составе две основные части. Первая составная часть — это back-office, чья функция заключается в хранении и контроле функциональности информации. Вторая — это front-office. Эта часть системы, которая обеспечивает взаимодействие проекта и пользователя.
В стандартную структуру дизайн-систем входит:
Визуальный язык.
Библиотека шаблонов для дизайнеров.
Библиотека компонентов в коде для разработчиков.
Команда профессионалов.
В каждом сайте можно выделить его функциональную и эстетическую сторону. Функциональной стороной является сервис, который предоставляет сайт, а эстетической — его внешнее оформление. Но во многих случаях анализ эффективности сайта сводится к рассмотрению только одной из двух сторон, а другой стороне при этом достаточного внимания не предоставляется, о чем и говорит Д. Берд: «Существуют две основные точки зрения, основываясь на которых судят о том «хороший» или «плохой» дизайн сайта. Одна из этих позиций строго ориентирована на удобство использования, то есть на удобство представления информации и на эффективность самого сайта. Есть также чисто эстетическая точка зрения, связанная непосредственно с художественными достоинствами и визуальной привлекательностью дизайна » [3].
Но все же, эффективность сайта зависит как от его функционального удобства, так и от его эстетического оформления, пропорциональное соотношение которых зависит от назначения сайта, и именно на важности обоих подходов акцентирует внимание Д. Берд: «Некоторые чрезмерно увлекаются эстетикой и графикой, забывая о пользователе, а адепты функционального подхода все внимание уделяют пользовательскому тестированию, упуская из виду визуальную красоту. Чтобы найти подход к людям и пробудить в них интерес, необходимо максимально использовать оба подхода … самое важное помнить о том, что дизайн-система — это коммуникация. Если вы создадите сайт, который хорошо работает, на котором удобно подается информация, но который некрасиво выглядит либо не сочетается с брендом клиента, никто не захочет пользоваться таким сайтом. Аналогично, если вы сделаете хороший сайт, который будет плохо доступен или неудобен в использовании, посетители не станут него ходить. Действительно, все функциональные элементы на готовом сайте должны работать как единый сплоченный механизм» [3].
Таким образом, функциональная и эстетическая стороны сайта предназначены эффективно помогать друг другу, чтобы веб-сайт в целом произвел хорошее впечатление на пользователя.
В разработке сайтов участвует большое количество людей — программисты, веб-дизайнеры и другие. Сначала веб-дизайнер создает дизайн будущего сайта, учитываются пожелания заказчика, цель сайта и его предполагаемая аудитория. Подбираются соответствующие шрифты, картинки, расположение объектов. После наступает очередь работы верстальщика. Он работает с готовым дизайном, оптимизируя его под разные браузеры. Далее следует программироване. Программист создает структуру сайта с нуля, это делается с помощью языка программирования. Когда сайт готов, его нужно наполнить информацией. Также существуют различные люди, которые раскручивают, оптимизируют сайт, размещают его в интернет-каталогах, распространяют рекламу вашего сайта.
Сделав обзор основных понятий дизайн-систем для веб-сайтов можно сказать, что особенность дизайн-системы заключается в том, что она не требует привлечения авторов сайта, не требует от пользователя знания HTML или владение основами программирования.