{"id":14286,"url":"\/distributions\/14286\/click?bit=1&hash=d1e315456c2550b969eff5276b8894057db7c9f3635d69a38d108a0d3b909097","hash":"d1e315456c2550b969eff5276b8894057db7c9f3635d69a38d108a0d3b909097","title":"\u041f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430\u0434 \u043a\u0440\u0443\u043f\u043d\u0435\u0439\u0448\u0438\u043c\u0438 \u0418\u0422-\u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u044b","buttonText":"","imageUuid":""}

Дизайн не добавляет ценность

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

В добавлении красоты есть опасность. Красота может помешать — отвлечь внимание от продукта. Тогда эффект будет отрицательным, клиенты станут реже покупать.

Уместно добавлять красоту или нет — поможет правило:

Дизайн не добавляет ценность

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

Допустим, на сайте с товарами есть такой эффект: когда пользователь доходит до товара, товар вылетает из угла, делает сальто и приземляется на экран.

Если сайт продаёт ноутбуки, анимация неуместная. У неё ценность не связана с ноутбуками — анимация просто для красоты. Уже третий ноутбук-акробат надоест.

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

Пример: портфолио дизайн-студии

Сайт дизайн-студии Пуш сделан в брутальном стиле. Текст и картинки грубо накладваются друг на друга:

Это артистично. Смотришь и думаешь: «Какая красота!». Скорее всего, такая задача и стояла перед Пушем: у сайта 7 номинаций по необычному дизайну.

Но если задача, чтобы клиент зашёл на сайт и заказал дизайн — клиент не поймёт, чем компания ему поможет.

Пример понятного портфолио — сайт Энд-Волш:

Основные объекты — фотографии работ. В примерах рассказывают о чём проект и показывают как дизайн выглядит в жизни.

На сайте нет эффектов. Он красивый, потому что работы компании красивые.

Лента в соц-сети

В 2018 году стали популярны «бесконечные ленты». В них одна фотография перетекает в другую.

× Аккаунт Нид-дизайн с «бесконечной лентой»

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

Но «бесконечную ленту» не интересно читать. По фотографии непонятно, о чём речь в посте. Второй пост нужен только, чтобы не обрывать ленту — на нём куски левой и правой фотографий. Если на него нажать, под постом ничего не написано.

Тату-мастер Лилак-синема не пользуется «бесконечной лентой»:

Аккаунт Лилак-синема с татуировками

На фотографиях — татуировки крупным планом. Лилак отличается от конкурентов не эффектами, а стилем рисунков.

Фотографировать продукт крупным планом не обязательно. Фотограф Коко Капитан сделала так:

Дизайн делит контент на две части: фотографии и цитаты.

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

Иллюстрации к постам Экономической жвачки

Это пример из проекта, где я участвовал. Экономическая жвачка — медиа о том, как работает экономика. Мы с командой делали такие картинки:

В какой-то момент было предложено сделать картинки уникальнее — покрасить фон в цвет проекта, розовый. Это выглядело бы так:

Цвет бы отвлекал от содержания. Идею отклонили.

Как не добавить лишнего

Иногда сложно увидеть где грань: когда красота уместна и показывает продукт, а когда она перетягивает на себя внимание.

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

По нему:

1. Надо найти, почему клиенты хотят купить продукт

2. Придумать, как рассказать об этом дизайном

Эта логика помогает не уйти в сторону — показывать только ценности, которые уже есть в продукте.

Это правило я придумал, основываясь на своих наблюдениях. Если вы не согласны, поспорьте со мной! Напишите в комментарии или мне лично в Телеграме: @makariusus

0
5 комментариев
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Макар Половинка
Автор

Роман, спасибо за ваш комментарий!

Про красоту.
Я с вами согласен, красота относительна. Для меня вопрос в том, как рассуждать, когда что-то проектируешь.

Если рассуждать «сделаю, потому что для меня это красиво» — это может навредить проекту. Если рассуждать «это помогает показать то, что продаём» — это принесёт пользу, если сделать грамотно.

Про интерес фронт-ендера.
Если фронт-ендер осознанно вредит бизнесу и набивает так себе цену — это грустно.

Какие бы мотивы ни были у фронт-ендера, всё равно пользователь — посетитель сайта. Если хотеть помочь бизнесу, ноутбуки-акробаты могут быть не лучшей идеей — посетители станут покупать меньше.

Если только это не промо-страница революционного ноутбука с гнущимся экраном. Тогда пусть делает сальто и скручивается в рулон!

Ответить
Развернуть ветку
Pablo the Elephant

Это артистично.
Это ужасно.
Смотришь и думаешь: «Какая красота!».
Серьезно? А я смотрю и думаю — что за ахтунг?

Ответить
Развернуть ветку
Макар Половинка
Автор

Хахаха, ну тут на вкус и цвет!

Ответить
Развернуть ветку
Pablo the Elephant

Не могу согласиться,. Есть объективно безвкусные вещи.
Это как раз один из примеров.
По факту же это просто инфантильное оформление выглядит, как убогая маскировка графического бездаря.
Красиво? Нет. Понятно, что это студия? Нет. Продает? Нет)

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
2 комментария
Раскрывать всегда