У вас есть возможность наблюдать меня в роли человека, который профессионально спасает интерфейсы от визуального ожирения и логического слабоумия.
То, что я люблю в дизайне, сложно или почти невозможно нарисовать с наскока (в дальнейшем я буду называть такие вещи интерфейсным интеллектом).
С детства я люблю смотреть на то, как люди взаимодействуют с предметами. Куда тыкают пальцем, где тупят, а где радуются, как дети, хотя просто нашли кнопку «Оплатить» за три секунды.
Мне нравится писать сценарии поведения и чертить пути, погружаясь в этот медитативный процесс целиком и полностью. Если вы понимаете, о чём я, — нам будет интересно пообщаться и, возможно, даже сделать что-то действительно работающее.
Приходит, значит, клиент и говорит то, от чего у меня дергается глаз, натренированный 10 годами практики:
«Сделайте нам стильно. Минималистично. Как у Apple. Чтобы кнопки блестели и вау».
Мы делаем...
Картинка — чистый секс.
Тени мягкие, шрифты по сетке, пустота звенит. Но конверсия в корзине — 0,1%. Дырка от бублика, а не бизнес.
Почему?
Потому что натянули красивую оболочку на безобразный каркас пути.
В этом месте я обычно прошу дизайнера-новичка остановиться и перестать уже ЛИЗАТЬ КНОПКИ.
Продаёт не градиент на кнопке «Купить» и даже не ваша гениальная анимация появления поп-апа.
Продаёт то, как пользователь вообще дожил до касания этой кнопки. Есть такое слово — CJM (Customer Journey Map). Я перевожу это на русский как Путь Кролика.
Если на пути Кролика от главной до оплаты пять перекрестков без указателей, яма в виде формы на 14 полей и скрытое меню (бургер) там, где должен быть явный каталог, — Кролик сдохнет на полпути. Ему плевать, что брусчатка, по которой он прыгал в ад, была вымощена золотыми пикселями.
Пример, от которого у меня физическая боль, когда я вижу это в портфолио студий с прайсом от 500к:
Пример А:
Бургер-меню на десктопе.
Красиво? О да. Воздух, чистый холст, загадочные три полоски.
Удобно? НЕТ. Абсолютный ноль. Пользователь не сканирует взглядом разделы, он играет в угадайку «А что там вообще есть?».
Красиво? Очень. Огромный баннер, Full HD, качество как в жизни.
Проблема? Клиент закрыл вкладку на 8-й секунде загрузки, так и не увидев, чем вы там торгуете. Он уже купил у конкурента с уродливым, но БЫСТРЫМ сайтом.
— И что ж вы нам прикажете делать? В пейнте рисовать и в 1999-й возвращаться?
— Учиться ДУМАТЬ СВОЕЙ ГОЛОВОЙ и строить логику ДО того, как вы открыли Figma.
— ОГО-О!!! А что если пока мы будем рисовать эти ваши скучные СИДЖЕЙЭМЫ и думать о каких-то там Кроликах, нас шустренько обгонят те, у кого шрифты жирнее, а картинки сексуальнее? (Чувствуете, как чешутся руки СКОРЕЕ ДЕЛАТЬ КРАСИВО?)
Если вы НЕ БУДЕТЕ СУПЕР-ВИЗУАЛОМ — вас не заметят...
Клиент уйдет к тому, кто ярче светит...
Ваш макет не соберет и 100 лайков на "Дизсайне"...
СОГЛАСИТЕСЬ, ЧТО ЭТО СТРАШНЫЙ СОН КАЖДОГО СОВРЕМЕННОГО UI-дизайнера?
— Да, не, Латышева, сильно ты наезжаешь на красоту. Может, ты просто зануда?
— Ой ли? Полистайте ленту вакансий и отзывы владельцев бизнеса. «Дизайн есть — денег нет».
Хуже всего то, что из состояния СТРАХА БЫТЬ НЕЗАМЕЧЕННЫМ большинство UI/UX-дизайнеров хватаются за тренды, референсы с dribbble и скорее красят бордюры, забыв, что дороги-то нет.
И вот вы уже так активно подбираете отступы и блюр 21 день подряд, что привычка раскрашивать становится неотъемлемой частью профессии (привычка = вторая натура, ведущая в кассу за хлебом, а не за новым Макбуком Про).
В моей студии мы начинаем проект не с Figma. Вообще не с визуала.
Мы начинаем с ТАБЛИЦЫ. С логики. С этого вашего нудного CJM.
Потому что если путь (CJM) кривой и ведет в тупик — никакие скруглённые углы в 16px его не спасут. Никакие. Даже самые модные и с анимацией по кривой Безье.
Сначала строим маршрут. Прокладываем навигацию. Убираем ямы.
А потом — да. Красим бордюры. И вот тогда они реально начинают блестеть (и, о чудо, приносить деньги, а не только лайки).
Не думаю, что сильно стремлюсь давать крутые советы кому-либо, кроме себя и своих студентов.
Поэтому этот совет я адресую целиком и полностью тем, кто хочет перестать быть просто раскрасчиком чужих макетов:
P.S.
Для студентов: Учу проектировать смыслы, а не наводить тени на пустоту. Согласны или эстетика первична? Давайте в комментариях устроим срач между «рисователями» и «архитекторами».
Для бизнеса: Нужен работающий продукт, который не стыдно показать акционерам (потому что там есть цифры), а не просто картинка в рамке? Пишите в директ, разберем ваш CJM по косточкам.