Блог

Смелый дизайн часто проигрывает скучному. Дело не в эстетике

В 2012 году Microsoft убрала из Windows кнопку «Пуск». На её месте появился Metro — плиточный, яркий, спроектированный под тачскрин интерфейс, который должен был объединить телефон, планшет и компьютер в один визуальный язык. Технически это было смелое и по-своему честное решение: мобильные экраны действительно набирали долю, и Microsoft не хотела оказаться в положении компании, проспавшей смену платформы. С домашними пользователями получилось неоднозначно. С корпоративными — почти никак. По собранным тогда отзывам ИТ-отделов больше 80 процентов жалоб на пилотные развёртывания Windows 8 приходилось именно на Metro и исчезновение «Пуска». В бизнес-сегменте, где счёт идёт на тысячи рабочих мест и часов переобучения сотрудников, новый интерфейс так и не прижился. В 2015 году в Windows 10 «Пуск» вернули, Metro заметно приглушили, а обновление сделали бесплатным — и именно эта, отчасти капитулировавшая версия стала одной из самых успешных в истории линейки.

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


Знакомое читается как безопасное ещё до всякой оценки

Есть закон, который в вебдизайне выведен настолько давно, что стал почти клише: закон Якоба, сформулированный Якобом Нильсеном в 2000 году. Формулировка простая — пользователь проводит на вашем сайте меньше времени, чем на всех остальных сайтах вместе взятых, и переносит на вас ожидания, собранные за годы взаимодействия с чужими интерфейсами. Логотип слева сверху, ссылки подчёркнуты или другого цвета, кнопка «в корзину» заметно выделяется — это не эстетический выбор дизайнера, это язык, на котором посетитель уже умеет читать, и от которого дорого отступать.

Отдельно от этого работает куда более странный механизм — эффект простого предъявления, открытый психологом Робертом Зайонцем в 1968 году. Зайонц показывал людям бессмысленные слова, китайские иероглифы, случайные лица — вещи, о которых испытуемые объективно ничего не знали и знать не могли. Чем чаще человек видел один и тот же стимул, тем выше он его потом оценивал — без всякой связи с качеством самого стимула. К моменту метаанализа Роберта Борнстайна в 1989 году эффект был воспроизведён более чем в 200 независимых исследованиях. Мозг в буквальном смысле путает лёгкость узнавания с качеством: если обработка образа даётся легко, это ощущается как что-то хорошее, а откуда взялась лёгкость — знакомство это или объективное превосходство — мозгу разбираться уже лень.

Практическое измерение этого же эффекта дала команда Стэнфорда: в 2003 году под руководством Би Джея Фогга она опросила 2684 человека, попросив их сравнить пары реальных сайтов на одну тему и объяснить, какой кажется более заслуживающим доверия. Все комментарии закодировали по категориям — структура, контент, фокус и так далее. Самой часто упоминаемой категорией с большим отрывом оказался общий визуальный вид сайта: он фигурировал в 46,1 процента всех комментариев о доверии. Не текст, не факт-чекинг, не список клиентов — то, как сайт выглядит в первую секунду, причём это первое суждение складывается ещё до того, как посетитель успевает прочитать хоть одно слово из этого списка.

Соединить всё это просто: знакомый дизайн быстрее считывается — так работает закон Якоба. Он же чисто по факту повторения нравится больше, безо всякой связи со вкусом, — так работает эффект Зайонца. А по прямому измерению у реальных сайтов именно он, общий визуальный вид, почти в половине случаев и есть та вещь, на которой держится решение «этому можно доверять» — это уже данные Фогга.


Первое, на чём строится доверие, — это не текст

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


У кого именно выше цена ошибки

Здесь и начинается специфика b2b, которая объясняет, почему для делового сайта эффект знакомости работает жёстче, чем для чего угодно ещё.

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

Правда, у этой логики есть и обратная сторона, которую в последние годы всё чаще припоминают: крупный и узнаваемый — не синоним надёжного, а истории вроде внезапного закрытия сервисов у больших техкомпаний показывают, что ставка на узнаваемое имя тоже бывает ошибкой. Но к визуальному языку сайта это относится косвенно — сотруднику, выбирающему подрядчика, обычно нужно защитить перед начальством не конкретного вендора, а сам факт выбора, и разговорный, отклоняющийся от нормы дизайн защищать перед комитетом сложнее, чем узнаваемый: у знакомого языка уже есть готовая формулировка оправдания — «так делают все серьёзные компании». У непохожего на других сайта такой формулировки нет, и придумывать её задним числом, если что-то пойдёт не так, придётся тому самому сотруднику, лично.

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


Когда меняют ради того, чтобы поменять

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

Это «ВКонтакте» — соцсеть, которая за пятнадцать с лишним лет успела капитально переобуться минимум четыре раза, и каждый раз получала в ответ примерно одну и ту же реакцию.

В 2010 году убрали стену, заменив её микроблогом с лентой записей и комментариями — привычным сейчас форматом, но тогда воспринятым как утрата. В 2016-м вышел редизайн, над которым команда работала полтора года и который потом одномоментно, без постепенного раскатывания, включили абсолютно всем. Профильные разборы того времени прямо указывали: правильнее было выкатывать изменения частями, как это делал тогда Facebook, — потому что пользу от нового человек оценивает не сразу, а вот дискомфорт от потери привычного чувствует мгновенно. Часть функций стала явно хуже прежней, мелкие детали, отличавшие сервис от конкурентов, просто пропали.

В 2021–2022-м, уже при новом руководстве компании, дизайн ленты и профиля заметно сдвинули в сторону минимализма а-ля Instagram. Пользователи снова были массово недовольны — при этом месячная аудитория сервиса во втором квартале 2022 года выросла до рекордных 75,7 миллиона человек. Стоит сразу оговориться: это не обязательно означает, что редизайн «зашёл», — в те же годы у российской аудитории объективно поубавилось альтернатив, и рост аудитории здесь скорее свидетельствует про отсутствие выбора, чем про одобрение.

Апофеозом стала история с редизайном декабря 2024 года — на этот раз о том, как в постах отображаются прикреплённые музыкальные треки. Разборы того времени называли его одним из самых неудачных релизов за весь год. Проблема была не столько во внешнем виде, сколько в исполнении: прикреплённый трек в новой версии для компьютера больше не проигрывался на месте — вместо этого открывалась отдельная вкладка с этой песней. При этом в личных сообщениях по-прежнему показывалась предыдущая, ещё более старая версия дизайна — разные части продукта в один и тот же момент жили в разных поколениях интерфейса. Часть удобных функций просто урезали, никак это не объяснив.

Ни один из этих редизайнов по отдельности не выглядит катастрофой — где-то видно желание ускорить сайт, где-то унифицировать визуальный язык под мобильные привычки аудитории. Проблема в другом: за пятнадцать лет пользователю ни разу внятно не объяснили, куда именно всё это движется и зачем нужно в очередной раз переучиваться. Постепенно у части аудитории закрепилось ощущение произвольности: у изменений есть автор, но не видно никакой цели — просто раз в год-два кто-то внутри решает, что дизайн пора снова перетряхнуть. Это, разумеется, далеко не единственная причина, по которой в обществе к сервису накопилось немало претензий, никак не связанных с дизайном, — но свою долю недоверия дизайн заработал вполне самостоятельно.


Про выделяться — это другой вопрос, не тот же самый

Тут стоит вернуться к тому, что вроде бы этому противоречит: эффект фон Ресторф, из-за которого непохожий предмет в ряду одинаковых запоминается лучше остальных. Проще всего решить, что дизайн либо должен быть заметным, либо привычным, и один совет отменяет другой. На деле это два ответа на два разных вопроса, которые просто задают в одном месте.

Эффект фон Ресторф работает там, где решение принимается через память: десяток похожих визиток в кармане, лента одинаковых лендингов, стопка похожих портфолио — где выбор происходит позже, по смутному «о, это тот сайт, где было что-то странное». Закупка у b2b-клиента устроена иначе: сравниваемые сайты открыты рядом, во вкладках, прямо сейчас, их листают не по памяти, а построчно, ищут конкретные признаки компетентности. Это не конкурс на запоминаемость. Это процедура снятия риска, и оценивают в ней не то, чем вы отличаетесь от других, а то, насколько вы похожи на тех, кому уже доверяли раньше.

Собственно, сама грань между «выделиться» и «отпугнуть» была описана задолго до фон Ресторф и задолго до вебдизайна — промышленный дизайнер Реймонд Лоуи, придумавший форму бутылки Coca-Cola, называл это зоной шока: людей одновременно тянет к новизне и пугает всё слишком новое, и лучше всего продаётся то, что смело, но мгновенно узнаваемо. У этой зоны шока порог не фиксирован — он зависит от того, сколько человек рискует, доверяя вам решение. У читателя блога или подписчика в инстаграме порог высокий: он ничем не жертвует, если ему просто любопытно. У сотрудника, отвечающего перед начальством за выбор подрядчика на два миллиона, порог около нуля.

Есть удобный способ формализовать эту разницу — концепция «токенов инноваций», которую в 2015 году предложил инженер Дэн Маккинли в известном эссе про выбор технологий: у любой команды есть ограниченный бюджет на нестандартные, рискованные решения, и тратить его нужно там, где это реально приносит преимущество, а не разбрасывать по всем частям проекта одновременно. С визуальным языком работает та же арифметика. Если экспертиза, метод и результат работы — это то самое место, где вы объективно отличаетесь от конкурентов, туда и стоит вложить лимит непохожести. Тратить его же на неочевидную навигацию, авторскую типографику и градиентное стекло на фоне — значит платить бюджетом доверия за то, что покупателя не убеждает вовсе, а иногда прямо настораживает.


Скучное — не значит заброшенное

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

Хороший тест на это — государственная дизайн-система GOV.UK, где сотни правительственных сервисов Британии годами намеренно держат один и тот же скупой, невыразительный визуальный язык: одинаковая типографика, минимум украшений, предсказуемая структура форм. Внутри команды это прямо называют «скучной магией в масштабе» — и это не небрежность, а результат постоянного, дорогого тестирования с пользователями. Показательный случай: в начале пандемии на этой системе за меньше чем четыре дня с нуля собрали сервис поддержки для уязвимых граждан, что, по собственной оценке команды, сэкономило государству порядка 10,4 миллиона фунтов на скорости запуска. Скучный интерфейс здесь — не то, что забыли обновить, а то, что осознанно не меняют, потому что каждое изменение проверено и оправдано.

Та же логика воспроизводится и на уровне одного шрифта. В 2022 году молдавская компания Simpals выпустила Onest — гротеск, спроектированный дизайнером Дмитрием Волошиным специально для государственных цифровых сервисов страны (кириллицу к нему делал шрифтовой дизайнер Андрей Кудрявцев). Onest — гибрид геометрического и гуманистического гротеска, с невысоким контрастом штрихов и подчёркнуто нейтральным характером: в нём нет ни одной детали, которая цепляла бы взгляд сама по себе. Задача стояла буквально в названии — сделать общение государства с человеком читаемым и честным, а не эффектным. Для официального интерфейса, к шрифту которого не должно возникать вопросов вообще, это ровно то качество, ради которого стоит намеренно пожертвовать выразительностью.

Разница на практике простая. Устаревший сайт ломается на телефонах, использует шрифты без нормальной поддержки кириллицы и явно не открывался последний год. Сдержанный сайт работает быстро, современно свёрстан, ничем визуально не удивляет — и именно поэтому не вызывает вопросов.


Что из этого следует

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

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

Токены новизны стоит тратить там, где они реально доказывают квалификацию, и почти никогда — на слой, который видно первым. Метод работы, конкретные цифры в кейсах, формулировка результата своими словами, а не шаблонной фразой — вот законное место для риска: здесь непохожесть на конкурентов буквально и есть то, за что платят. Форма кнопки, авторская навигация, редкий шрифт с характером, градиентное стекло на фоне — то самое место, где почти всегда выгоднее звучать привычно, чем интересно. Заказчик, увидевший на сайте нестандартную навигацию, не думает «какая свежая идея» — он думает, сколько времени потратит на то, чтобы её понять, и стоит ли это делать прямо сейчас, когда рядом открыта вкладка с конкурентом.

Отдельно стоит развести намеренную сдержанность и обычную заброшенность — спутать их легче, чем кажется. У них разные диагнозы и разное лечение. Несколько простых проверок, которые разводят одно с другим:

  • Сайт открывается быстро и не разваливается на телефоне — или требует прощения за то, что «руки не дошли»?
  • Шрифт нормально показывает кириллицу и не разваливается на непривычных символах — или на скриншотах видны кракозябры?
  • В кейсах и на страницах указаны реальные, свежие даты и цифры — или последний пример датирован позапрошлым годом?
  • Стек и вёрстка современные, просто без визуальных экспериментов — или сайт технически не обновлялся вместе с версией дизайна?

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

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


+1

Было полезно?


Будьте первым

Раз вы здесь — давайте знакомиться.

Шрифты
Golos Text · Onest · JetBrains Mono
Собрано
Nuxt · Vue · TypeScript
CMS
Sanity
Аналитика
Umami — без куков
Язык
EN · RU
Фид
RSS