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

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

В 1822 году в среднем американец съедал около 45 г сахара каждые пять дней. Сегодня, это число 756 г!

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

Как сделать дизайн лучше? Просто добавьте в него сахар. Визуальный сахар.

Что такое визуальный сахар?

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

Дизайнеры иногда используют их бессмысленно и чрезмерно, чтобы сделать свои дизайны более приятными. Слово «бессмысленно» здесь имеет ключевое значение. Нет ничего плохого в визуальном сахаре как таковом, если он используется просто для подслащивания, в противном случае, вы получите безвкусные и бессмысленные дизайны.

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

Некоторые дизайны — буквально конфетка (в плохом смысле). Куча сахара, нулевая питательная ценность. Давайте возьмем типичную панель инструментов с Dribbble:

Визуальный сахар в дизайне и как прекратить злоупотреблять им
Medicon от Cosmin Capitanu
+ Тяжелые тени

+ Куча иконок

+ Градиенты

- Смысловое содержание

Слишком много сахара — это сколько?

По данным Американской ассоциации сердца, максимальное количество добавленных сахаров, которые вы должны съедать за один день, составляет 37,5 грамма (9 чайных ложек) для мужчин и 25 граммов (6 чайных ложек) для женщин.

А что насчет продуктового дизайна? Сколько визуального сахара можно использовать в продуктовом дизайне? Эдвард Тафти в своей книге «Наглядное отображение количественной информации» дал прекрасный ответ:

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

Визуальный сахар в дизайне

Для этого здания вся структура сама по себе украшение, как и в графике утиных данных. В книге «Learning from Las Vegas», Роберт Вентури, Дениз Скотт Браун и Стивен Айзенур пишут об утках современной архитектуры — и их мысли также имеют отношение к дизайну графических данных:

Когда современные архитекторы праведно отказались от украшения зданий, они бессознательно проектировали здания, которые сами были украшением. В продвижении пространства и артикуляции, вместо символизма и украшения, они извратили все здание в утку. Они заменили невинную и недорогую практику прикладного украшения на обычном сарае, довольно циничным и дорогостоящим искажением программы и структуры, чтобы рекламировать утку … Пришло время переоценить некогда ужасающее заявление Джона Рёскина о том, что архитектура — это декорирование конструкции, но мы должны добавить предупреждение Пьюджина:

Это нормально декорировать конструкцию, но никогда не конструируйте декорацию.

Как уменьшить визуальный сахар?

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

Вот пять способов уменьшить сахар:

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

Визуальный сахар в дизайне и как прекратить злоупотреблять им
Контрольный список для дизайна от Девин Хант
Вот также замечательный совет на эту тему от iA.net:

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

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

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

— из заметки Шэрон Корреа и Джона Шлеммера Делая движение содержательным

Три. Удалите визуальный сахар, когда он не нужен. Перед своим редизайном Dropbox имел иконки рядом с каждым элементом меню на левой панели навигации (слева). Они выглядели красиво, но не имели практического смысла: если вы скрывали текст рядом с каждой иконкой, пользователи не помнили, что они значат. В новом дизайне (справа) все иконки исчезли, и меню теперь не только намного более визуально чистое, но также более понятное.

Визуальный сахар в дизайне и как прекратить злоупотреблять им
Изображение предоставлено дизайн командой Dropbox
Четыре. Не следуйте за модой. В то время, когда Дитер Рамс начал работать над своим первым дизайном, модный дизайн винилового проигрывателя выглядел так:
Визуальный сахар в дизайне и как прекратить злоупотреблять им
Fairchild 411H
А вот его дизайн:
Визуальный сахар в дизайне и как прекратить злоупотреблять им
Braun PC-3
Пять. Помните: хороший дизайн не должен быть слишком сладким. Фрэнк Чимеро сравнивает хороший дизайн с ванильным мороженым:

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

В завершение

В недавнем интервью Питера Тиля газете Нью-Йорк Таймс есть блестящий момент:

Журналист: Вы считаете, что никому не следует есть сахар.

Питер Тиль: Подтверждаю. Мы не всегда придерживаемся того, что проповедуем.