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

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

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

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

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

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

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

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

Эпл на сайте рассказывает о новом Макбуке.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

--

--

--

Cамый большой коллективный блог про дизайн на русском языке

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Макар Половинка

Макар Половинка

Заметки про то как устроен дизайн. Дизайн: makariusus.ru

More from Medium

What is the innovation framework? The Double Diamond Design Council has developed — Visual Side LLC

Don’t turn focal point into fecal point

How I came to design

A map of Phoenix, AZ broken up into census tracks. Each census track is on a grey gradient, darker representing poorer areas. Overlaid are all the polluting industrial facility within the city.

“The tool is only as effective as the skillfulness of the hands that wield it.”

Yellow and black handle screwdriver work tools