Зачем дизайнеру бритва

О самом главном правиле дизайна


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

«Не следует привлекать новые сущности без крайней на то необходимости»

Другими словами, не стоит плодить несколько элементов, если можно обойтись одним. Это правило прекрасно подходит к сайтам, интерфейсам, информационному дизайну или вообще рекламному тексту.

Например, как этот принцип может работать с сайтами?

— не четыре экрана, а один;

— не три клика, а два;

— не сто полей в заявке, а десять;

— не регистрация, а авторизация через соцсети.


Например, при создании сайта «Столото», перед нами стояла задача упростить страницу игры.

Старый сайт «Гослото»

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

http://www.artlebedev.ru/everything/stoloto/site/

При редизайне, мы прошлись бритвой по интерфейсу и максимально упростили страницу. Пользователь сразу видит длинный купон и всё что ему нужно — отмечать и прокручивать вниз. Таким образом, во-первых, интерфейс стал проще, а во-вторых, функциональнее.


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

Бритвой нужно отсекать не плашки с иконками, а шаги, переходы и клики.

Давайте рассмотрим пример внешне простого и лаконичного, но внутри абсолютно идиотского дизайна Гугла. Раньше можно было в один клик перейти к популярным сервисам из верхнего меню, но сейчас для перехода, например, в переводчик, нужны три клика. А всё почему? Потому что дизайнеры решили, что серая иконочка с попапом лучше блока с ссылками.

За суперминимализм приходится платить лишними кликами

Или вот обновлённый интерфейс ютьюба. Плеер стал чище и минималистичнее, но за это заплачено лишними кликами и попапами.

Нужно не менее трёх кликов ,чтобы просто включить эйчди

Бритвой прошлись лишь по обёртке, понаставив палок в колёса пользователям.


При работе с текстом, бритва также очень пригодится. Приведу простой пример. В подвале плаката «Яндекс.Диска» нам нужно было разместить заголовок, рекламный текст, логотип, куар-код и адрес сайта. Получались четыре разрозненных блока. Как-то слишком дофига. Другими словами, мы расплодили сущности там, где можно было обойтись без них. Кроме того, над текстом тоже нужно было поработать и сделать его кратким и ёмким, чтобы было понятно, о чём реклама.

Было и стало

В итоге мы изменили рекламный текст и объединили его с урлом и куар-кодом, а логотип использовали в текстовом виде. В итоге подвал стал чище и проще.


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

Давайте возьмём для примера парковочные знаки, рассказывающие про платную парковку в центре Москвы. Выглядят они довольно монструозно и нелепо, а значит там есть над чем поработать.

Стоимость, кстати, уже возросла до восьмидесяти рублей

В них напихано всё сразу и поэтому довольно сложно прочитать нужную информацию. Давайте разберём, где здесь можно пройтись с бритвой, что здесь можно сократить, а что объединить:

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

Для этого не нужно уметь верстать или работать в Индизайне. Мы просто убрали ненужную информацию. А вот далее можно всё переверстать:

С этим уже можно работать и улучшать дальше

Зачем же дизайнеру бритва? Чтобы начать с отсечения всего лишнего и начать работу над самым главным. Чтобы в процессе не отвлекаться на второстепенное и понимать, на что следует обратить внимание. Итого:

  1. Безжалостно вырезайте бритвой ненужные элементы
  2. Не плодите лишних препятствий на пути человека к цели
  3. Повышайте концентрацию полезной информации