Почему я уделяю много времени визуалу при разработке продукта

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

Для моего портала калькуляторов это особенно важно. Калькулятор про деньги, налоги и кредиты. Если страница выглядит небрежно, у человека появляется мысль «а считает ли он вообще верно?». Формулы я проверяю тестами, но посетитель про тесты не знает. Он видит только картинку и по ней решает, доверять или нет.

Недавно у меня была кривая стрелочка в плашке про Telegram. Мелочь? Мелочь. Но я её видела, а раз видела я, увидит и посетитель, просто не сможет объяснить, что именно его царапнуло. Он скажет «как-то неаккуратно» и пойдёт дальше.

То же с иконками лайка и комментария: если они стоят не на одной линии, глаз спотыкается. Или с раскрытием вопросов на главной: когда блок просто щёлкает вместо плавного движения, сайт кажется дешевле, чем он есть. У сайта даже иконки во вкладке браузера не было, а её отсутствие видно всем сразу. Каждая такая штука по отдельности пустяк, а вместе они складываются в ощущение «сделано с душой» или «сделано лишь бы было».

Блогов про заработок в интернете тысячи. Чем мой отличается? Не только тем, что я показываю цифры и нули, но и тем, как он выглядит: оранжевый акцент, рукописные подписи на стикерах, сердечки, героиня с котом и кружкой кофе. По этим мелочам сайт запоминается и его узнают даже без логотипа.

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

Теперь честно про обратную сторону: красота отлично маскирует прокрастинацию. Можно месяц подбирать оттенок кнопки и так ничего и не запустить. Я эту ловушку знаю, поэтому у меня есть несколько правил:

• сначала работает, потом красиво: страница без единой анимации, но со здоровой формулой лучше идеальной анимации без калькулятора;
• на визуал я отвожу отдельное время и не даю ему блокировать запуск;
• если на мелочь ушёл вечер, а посетитель её не заметит, значит, это была прокрастинация, а не визуал;
• красоту я показываю пользователю, а не себе: если фича делает интерфейс сложнее, я её убираю.

Звучит здраво, но признаюсь, что иногда я эти правила нарушаю. Будем считать это профессиональной деформацией.

Я разработчик, и мне ближе код. Но продукт это не только код: это ещё и то, что человек видит в первые секунды и запоминает потом. Поэтому время на визуал для меня такая же часть работы, как тесты или SEO. Про то, как я готовлю страницы к поиску, я писала в статье про SEO для калькуляторов, а про подготовку к запуску и рекламу здесь.

А как вы относитесь к мелочам в интерфейсе: замечаете их или это придирки? Напишите в комментариях, мне правда интересно.