Ускорение работы пользователей 1с
Разработки

Гармония цвета для дизайна

Что, как не гармоничное сочетание цветов, важно для создания приятного, радующего глаз интерфейса в программе?
 
В жизни мы часто встречаем людей, которые запросто делают вещи, непостижимые для других. Например, один может создать шедевр за несколько дней, а другому приходится на это тратить целую жизнь. Кому-то трудно справиться с правилами родного языка, а другой может свободно говорить на нескольких иностранных и быть полиглотом. Некоторые художники, прикоснувшись своими руками, способны из кучи мусора создать произведение искусства и удивить всех окружающих, а кто-то просто не может отличить цвет зеленый от синего.
 
 
Также и у разработчиков программного обеспечения. Какой-нибудь специалист-программист разработает цельную систему в программе и она будет все в себя полностью включать то, что в нее входит, а другой возьмет накидает кучу типовых безликих справочников, документов, отчетов и обработок и предоставит пользователю все это искать в разных местах. Необходимо помогать пользователям ориентироваться в программе. В помощь 1с-платформа для этого предоставляет необходимые инструменты.
 
Часто встречается мнение, что чувство цвета  — нечто врожденное, и этому невозможно научиться. С этим можно согласиться. Не каждому дан художественный вкус и не у каждого есть «чувство прекрасного». 
 
Много раз нам приходилось сталкиваться с тем, что разработчики 1с (программисты) предоставляли нам свои творения в работу как «из под топора». Накидают кучу реквизитов на форму, создадут отчет и он сухо выводит только цифры, не акцентируя внимание на нужных, не подсказывая на что именно обратить внимание в-первую очередь. В целом кого-то это полностью устраивает. Они просто не знают, что можно сделать гораздо лучше. В платформе на самом деле, очень много существует возможностей. Соответствующих инструментов в платформе 1с хоть отбавляй.
 
«Живопись наружно так проста,
что уму нельзя не обмануться,
но к интимной пластике холста
можно только чувством прикоснуться»
И. Губерман

 
 

Удовольствие от работы

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

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

Главные условия в определении использования цветов в программе – это:
    1. выделяться   — быть более запоминающимися, ассоциативными, 
    2. направлять   — позволяя пользователям сосредотачиваться на взаимодействии с элементами, реквизитами в полной согласованности их выбора и заполняемости, 
    3. увлекать       — делая общее расположение элементов на экране более удобным и привлекательным,
    4. вдохновлять  — предлагая новые идеи.

И так, начнем более подробно об этом.
 

 
 

Выделяться

 
«Бредовые идеи, которые обычно быстро забываются, общества играючи превращают в жизненно важную задачу»
В. Швебель

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

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

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

 

Направлять

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

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

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

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

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

 
 
 

Красный
- цвет дает ощущение тепла, энергии, силы, создает иллюзию „сжатого" пространства. Этот цвет возбуждает нервную систему. Ассоциируется с решительностью и бодростью. Используется для активизации внимания на критические моменты. Если и использовать его в интерфейсах, то в более нежных розовых тонах. Аленький цветочек связан в нашем сознании с большой любовью, румянец на щеках  — с хорошим здоровьем, а символика красного огня  — о сильных эмоциях: „сгорать от нетерпения", „пламенные чувства". Если вы любитель красного цвета, ты вы стремитесь испытывать страсть во всем и живете полной, насыщенной жизнью. Только вот для интерфейса этот цвет использовать тяжеловато будет для нашего подсознания.
 

 


Желтый
- несет тепло и возбуждает хорошие чувства. Это „теплый" цвет, цвет светила, которое дарит жизнь. Цвет золота  — того, что делает на жизнь комфортнее. Это еще цвет зрелости, пшеничных колосьев, спелых плодов, осенних листьев. Желтый цвет плотно связан с нашим существованием. Его предпочитают люди, которым вообще интересна жизнь.
 
 
 

 


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

 

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

 

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

 

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

 

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

 

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

 

Фиолетовый
- способствует творческому настрою. Мистический цвет притягивает к себе. Указывает на форме что он не такой как все. В этом цвете сочетается спокойствие синего и страсть красного: они одновременно подпитывают друг друга и гасят.Фиолетовый любят люди, которые уверены в том, что нестандартны. Довольно часто это именно так. Это творческие личности с необычным взглядом на мир. Разглядывая что-нибудь фиолетовое. мы можем повысить выносливость своего организма: этот цвет позитивно влияет на сердце и легкие. Только не переусердствовать с ним. Он может как притягивать так и отталкивать.
 

 

Индиго
, нечто среднее между синим и фиолетовым  — обостряет интуицию, развивает воображение, усиливает физические возможности.

 
 

«Цвет — явление идеологическое. Идеология такая: сам по себе цвет не значит ничего. Вообще ничего. Беседы о том, что какие-то цвета с какими-то не сочетаются или что-то означают в отрыве от контекста — шаманство хуже гороскопов»
Артемий Лебедев

 



Что должен делать цвет?

 

Увлекать
Вдохновлять
Естественные цвета особенно полезны для ещё одного аспекта дизайна  — ответной эмоциональной реакции пользователя. Для того чтобы пользователь легко попал из одного места в другое в программе, призывают на помощь юзабилити (удобство в работе). Но для создания у пользователя приятных ощущений от происшедшего нужна какая-то индивидуальность. Это может предоставить инструмент  — рисунки. Именно небольшие иконки могут подсказывать на интуитивном уровне, куда перейти в данный момент для того, чтобы выполнить следующее действие. А также выделение цветом подскажет на что обратить в-первую очередь внимание.

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

 

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

 
 
Будьте креативными в своей профессиональной деятельности!
 
 

 

Вывод

 
На сегодня на рынке появляются новые интерфейсы. Пошла мода на минимализм на формах. На новой платформе 1с 8.3, например, интерфейс «Такси» стал безликим  — белым. Реквизиты на форме имеют у себя белый цвет, так же как и форма, которая тоже белого цвета. Для чего и почему так было сделано, мы не знаем. У нас сложилось впечатление, что это потом пользователи сами смогут окрасить в нужный цвет с помощью стилей. Но такого инструмента (надеемся, пока) нет в типовых конфигурациях, хотя платформа позволяет делать это с легкостью. Вообще платформа 1с очень радует возможностями разработать программное обеспечение яркое, красивое, многофункциональное. К сожалению не всегда это присутствует в типовых решениях. Зато есть возможность это исправить.
 
Полностью прочувствовать гармонию цвета можно на сайте colorscheme.ru

«Важно уметь вдохновлять себя на творчество, чувства, поступки – и тогда другие это почувствуют и захотят быть с вами рядом. А если вы умеете вдохновлять других, то вы лидер»
 
Нравится 0 Не нравится
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.
Добавить комментарий
Ваше имя: *
Ваш e-mail: *
Вопрос: Юзабилити - это удобство работы в программе?
Ответ:
Код: Кликните на изображение чтобы обновить код, если он неразборчив
Введите код: