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

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

Дизайн не добавляет ценность — правило, которое помогает не добавить лишних эффектов.

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

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

Прямая польза продукта

Прямая польза — это какую задачу решает продукт.

Например, прямая польза компьютера — это его функции. То есть то, как он помогает пользователям и насколько хорошо это делает.

Макбук быстро включается. Чтобы это показать, используется приём: плашка загорается, имитируя включение. Это эффектно и рассказывает о пользе: не надо ждать, пока макбук загрузится.

Когда долистываешь до плашки, она загорается
Когда долистываешь до плашки, она загорается

Экран Макбука точно передаёт цвет. Чтобы показать это, придумали такой ход: плавно появляется фотография с цветами — как будто эти цветы распускаются.

Фотография с цветами показывает, что экран умеет передавать разные цвета
Фотография с цветами показывает, что экран умеет передавать разные цвета

Эпл показывает, что у экранов высокое разрешение — на них не видно пикселей:

Часть текста пиксельная — это на экранах с низким разрешением. Другая часть текста чёткая — это на Макбуке
Часть текста пиксельная — это на экранах с низким разрешением. Другая часть текста чёткая — это на Макбуке

Ощущение от продукта

Ощущение — это то, как чувствует себя клиент, когда использует продукт.

Ощущение — тонкий вопрос. Может быть приятно трогать продукт, смотреть на него, показывать его друзьям. Продукт может вдохновлять или наоборот успокаивать.

У Макбука качественный корпус, он приятный на ощупь и красиво переливается на свету. Чтобы это подчеркнуть, Эпл делает буквы алюминиевыми:

Надпись в цвет корпуса Макбука
Надпись в цвет корпуса Макбука

Главная фишка нового Макбука — быстрый процессор.

Чтобы рассказать о скорости процессора, Эпл рисует график. На нём их процессор соревнуется с процессорами конкурентов. Эпл быстрее и работает дольше без подзарядки. Скорость процессора — прямая польза.

А вот чтобы передать ощущение скорости, мощи процессора, Эпл показывает как по процессору бежит электричество:

По процессору Макбука бежит разноцветное электричество
По процессору Макбука бежит разноцветное электричество

Где говорится про графику, Эпл добавляет видео с гонками. Работать на Макбуке — словно быть пилотом такой машины:

Видео с гонками добавляет ощущение скорости
Видео с гонками добавляет ощущение скорости

Макбук быстро обрабатывает фотографии, поэтому в фото-редакторе бежит спортсменка:

Бегущая спортсменка добавляет ощущение скорости
Бегущая спортсменка добавляет ощущение скорости

Другой пример — фотографии автомобилей

Прямая польза Теслы. Тесла — технологическая компания. Её автомобили как компьютеры на колёсах.

Вот как она рассказывает о прямой пользе своего автомобиля — Модели-С. В машине объёмный звук:

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

Есть места для зарядки телефона:

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

Можно смотреть кино, оно будет идти на экране спереди и сзади:

Экран на задних сидениях дублирует кино с основного экрана
Экран на задних сидениях дублирует кино с основного экрана

Ощущение от Мерседеса. У Мерседеса качественные и статусные автомобили.

Чтобы передать ощущение мощи Майбаха, его фотографируют на дикой природе. Ракурс подобран так, чтобы подчеркнуть увесистый прямоугольный капот:

Майбах на дикой природе
Майбах на дикой природе

На фотографии салона видна текстура руля и сидений. Можно представить, какое всё на ощупь. Так передаётся ощущение комфорта:

В салоне видна текстура руля, сидений и подлокотника
В салоне видна текстура руля, сидений и подлокотника

Прямая польза и ощущение уже есть в продукте

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

Представим, что Эйч-Пи сделала сайт для дешёвого ноутбука. Сайт заимствует приёмы Эпла. Заголовки «алюминиевые», хотя корпус пластиковый. Информация на плашках, плашки плавно появляются, как экран Макбука с фотографией цветов.

Эффекта как у Эпла не получится. Наоборот, эти приёмы отвлекут внимание. Будет казаться, что они не к месту.

Дешёвый ноутбук Эйч-Пи Стрим с подписью в Эпловском стиле
Дешёвый ноутбук Эйч-Пи Стрим с подписью в Эпловском стиле

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

8
6 комментариев