Как наш дизайн помог IT-сервису удержать 80% пользователей

Привет! Я Яна. Не так давно я перебралась в пиарщики и теперь помогаю ребятам из Студии «Арбуз».

Мы на рынке уже 9 лет и отличаемся от модных студий тем, что не делаем дизайн ради хайпа, который устареет через год. Наш принцип простой: дизайн должен приносить деньги, а не только лайки на Behance. Мы работаем с реальным сектором: делали сайты для клиник DocDeti и центров доктора Бубновского, упаковывали агентство элитной недвижимости Whitewill и даже серьезные заводы.

Для всех них мы создаем сайты и интерфейсы, которые решают бизнес-задачи. Сегодня расскажу про один из самых показательных кейсов: как крутой продукт чуть не загнулся из-за кнопок.
Кейс

К нам пришел HR Scanner. Это сервис, который с помощью нейросетей за пару минут сканирует кандидата на вакансию. Нейронка меряет все: от IQ до вовлеченности. Круто? Офигеть как! Но была проблема. Вся эта магия была спрятана за устаревшим интерфейсом. Продукт был умным, а выглядел — враждебным. Пользователи (вечно занятые HR-менеджеры) заходили, ничего не понимали, психовали и уходили.

Мы решили сами стать пользователями. Зашли в сервис и чуть не разбили ноутбук. Что было не так?

1. Квест «Снайпер»: Чтобы сделать главное действие — отправить тест кандидату — нужно было попасть курсором в микроскопический «плюсик» внутри таблицы. Не попал на пиксель — включается какой-то левый фильтр. Бесило нереально.
2. Стена текста: Отчеты по кандидатам выглядели как «Война и мир». Сидишь и 15 минут пытаешься вычитать в сплошном тексте: этот Вася нам подходит или он токсичный лентяй?

Мы поняли, что дело не в «красоте», а в базовом удобстве. И сделали несколько простых, но спасительных вещей:

• Вынесли главную кнопку. Ту самую, для отправки теста. Сделали ее огромной, яркой и положили на видное место. Все. Больше никаких мучений.
• Заменили текст на графику. Вместо полотна букв мы внедрили наглядные диаграммы. HR заходит и сразу видит график: ага, коммуникабельность — топ, ответственность — на дне.
• Придумали «Светофор». Ввели цветовую маркировку: зеленый — «надо брать», желтый — «сомнительно», красный — «точно нет». Вердикт считывается за секунду.
• Сделали мобильную версию. Раньше с телефона сайтом пользоваться было невозможно. Мы убрали лишнее, оставив только карточки кандидатов, чтобы результат можно было глянуть в лифте, пока идешь на встречу.
  

И что вы думаете? Это сработало лучше любой рекламы. Время на оценку одного кандидата сократилось до 4 минут. 81% старых пользователей (которые обычно ненавидят перемены) сами перешли на новый дизайн.

Клиент перестал терять лиды на этапе «я не понял, куда нажать» и получил инструмент, который продает сам себя.
Советы

Если у вас есть свой продукт, сайт или приложение, сделайте одну вещь. Посмотрите на него глазами очень уставшего человека, у которого на руках плачет ребенок или горит дедлайн.

• Удобно ли ему?
• Находит ли он кнопку «Помогите» за 1 секунду?

Если нет — чините. Иногда переставить кнопку и перекрасить таблицу важнее, чем запустить новую рекламную кампанию на миллион.