DataLife Engine > Блог / Статьи о главном > 50 оттенков серого или чувственное восприятие интерфейса

50 оттенков серого или чувственное восприятие интерфейса


14-11-2016, 01:50. Разместил: admin

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

 

 

«Человек нуждается в ярких красках, чтобы жить. Они так же необходимы ему, как огонь и вода»
(Ле Корбюзье)

 


 

 
  

 

Субъективное ощущение цвета

 

Начнем с самого начала, а именно с интерфейса 1с7.7. Вполне четкий и понятный. 

 1с 7.7

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

 

1с 8.0 

 

Работали в то время на конфигурации Управление производственным предприятием 1.1. И вот возникло на горизонте обновление на новую версию 1.3, где появились закругленные элементы форм, что категорично приняли в штыки. Не знаем почему. Возможно из-за резкого перепада из-за цвета и из-за форм элементов. Это было не объяснить. Именно на чувственном восприятии экранных форм происходил негативное отношение к новому.

1с 8.2 Управление производственным предприятияем 1.3 (УПП 1.3) 

В это время начали изменять под себя настройки интерфейсной части. Закругленные элементы убрали. Смешно. Но убрали. Цвет немного сделали другим. И так в принципе легко перешли на новые рельсы. На новую платформу 1с. То есть сделали привычное отображение к чему все привыкли. Сам разработчик тоже принял к сведению то, к чему привыкли все в 1с и подстроился под эти требования. Чтобы были четкие формы (квадратные).

Но этот интерфейс только оказался в конфигурации УПП. В остальных конфигурациях он был именно прежним. Сероватым. Например, Управление торговлей 10.3.  

 

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


Кроме этого, если мы взглянем на интерфейс Microsoft Office Excel 2003 и на новый 2007, то, безусловно, найдем отличия в цветовых решениях. Он стал с градиентными переходами в цвете, с различными оттенками перехода. Получается, как будто бы программа «живая», цвет стал «теплее» и лучше. Ты хочешь в этом работать, тебе нравится в этом работать, но еще не понимаешь почему. По-крайней мере именно таковым было наше первое ощущение.

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

 

 

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


И вот в 1с появился новый интерфейс «Такси». Белый! Абсолютно белый. Представьте сразу наше ощущение. Если ранее мы восхищались серым четким интерфейсом, то тут он стал просто белым. А меню? Меню категорично стало совершенно другим.

 

 

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


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


Тут срабатывает еще один момент восприятия. На сером фоне белый цвет будет привлекать и главенствовать. Разве нет?

 

 

Цвет должен быть приглушенным, мягким

 

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


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

 

Вот посмотрите на наши эксперименты с цветом интерфейса: 

 
Стиль: Арктика. Немного приглушает форму и выделяет содержание.

 
Стиль: Асфальт. Интерфейс выглядит блекло, тускло. В некоторой степени уныло. 

  
Стиль: Бирюза. Ярче чем стиль арктика.

 
Стиль: Бронза. Возбуждающий внимание цвет. Не для повседневного использования.

 
Стиль: Дерево. Ярко, контрастно. Скорее нет, чем да.

 
Стиль: Апельсин. Однозначно — нет. Не подходит для использования.

 

Стиль: Зима. Ну вот! Ведь славно же. Легкий холод в цвете и уже глаз отдыхает.

 

 

Стиль: Красный. Уберите это немедленно…

 

 
Стиль: Море. Хочется на море. Нет, ну хочется ведь. Кто бы спорил… А цвет. Хороший цвет. Успокаивающий.

 

 

Стиль: Камень. Четкий, без излишеств. Как серая шинель.

 

 
Стиль: Песок. Возможно имеет право на существование.

 

 

Стиль: Платина. Не давит как стиль камень. Можно сказать подходит.

 

 

Стиль: Серебро. Что-то напоминает… Но тоже ничего так.

 

 

Стиль: Трава. Резко нет. Кричащий, сильно яркий.

 

 

Стиль: Белый. Ау! Где цвет? Кто выключил цвет? …

 

 

Какой цвет форм вам более приглянулся?

 

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


 

Но именно в «такси» не столь уже закруглены углы элементов, не столь контрастны выделения. В целом по нашей логике не однозначный белый стиль. К тому же осталась слишком яркой активная ячейка – оранжевый цвет. А ведь оранжевый цвет, по сути, оттенок желтого цвета. А в природе это цвет ядовитый.

 

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

 


Вывод

 

У каждого свой вкус на цвет. Кто-то может совершенно не заметить принципиальной разницы в цвете интерфейса и будет искать функциональность программного продукта, а на цвет не обращать никакого внимания. Мы же предоставили пользователям самим решать, какой цвет лучше использовать на форме. Если бы это решение было на уровне платформы в легком доступе для изменения пользователями, то, нам кажется, это пошло бы на пользу 1с, да и любой программе. Может быть, это лишило бы узнаваемость 1с, но собственно это ведь не повлияет на функциональность этой платформы. Одной опцией больше, одной меньше. Зато выиграют пользователи. Они смогут действительно для себя менять интерфейсные части не в отдельности для одной формы, как это теперь рекламируется в новых платформах 1с8.3 и указывается как преимущество. А в реальности задавать стиль для всей конфигурации 1с.


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

 

Поступательное развитие технологической платформы «1С: Предприятие 8.3» во многом следует не только тенденциям моды и технологическому прогрессу, но нам хочется верить и удобству самим пользователям. И, нам кажется, такое новшество как выбор цветового стиля 1с будет полезным.


 


 

Хаки для Dle 10.4
скачать форекс советники Ilan

Вернуться назад