Переделка. Что не так с оповещениями у «Кайтен» и как сделать так

Недавно мы с командой переехали из «Трело» в «Кайтен», потому что первый решил удалить наш аккаунт, ведь мы работаем из России.

В «Кайтене» нам нравится. Чего-то, конечно, не хватает, что-то кажется лишним, но в основной части работы всё хорошо, а местами даже лучше.

Один из плюсов — есть родная нотификация в «Телеграм», но тексты в этой нотификации — боль. Поговорим в сегодняшней переделке о них.

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

Что не так

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

Когда читаешь одно сообщение, то никаких проблем вроде и нет.

… но её сразу видно, когда сообщение в ленте не одно:

Когда сообщений много, а так в боте всегда, проблемы становятся очевидными.

Ориентироваться сложно: всё сливается в сплошной текст, выцепить суть события не получается, приходится вчитываться. Для оповещений это плохо, потому что в большом потоке сообщений можно пропустить что-то важное, а оповещение как раз и нужно, чтобы не упускать такое. Попробуем это исправить.

Что важно в оповещениях

«Кайтен» — система для управления проектами. Это значит, что главная её задача — эффективно работать с командой.

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

Получается, что в сообщении важны три вещи, а всё остальное мешается:

В сообщении важно кто, что и где изменил.

Если расставить их по важности, то на первом месте стоит место, потом изменение, а потом только автор.

Почему так. Представьте ситуацию:

У команды горит проект. Велик шанс, что его не успеют в срок. Руководитель проекта в постоянном наблюдении, чтобы если что-то пойдёт не так, искать решение.

И вот приходит оповещение, он читает первые строки:

В оповещении самое важное должно быть первым. Важнее ли знать кто сделал изменение, чем где? Нам кажется, что нет.

У руководителя не один проект, да и Настя может работать не только в одном, поэтому эта вводная не даёт руководителю абсолютно ничего.

Делаем лучше

Для начала мы попробовали просто переставить местами смыслы:

Меняем местами, становится лучше, но надо ещё убрать лишний текст.

Видно, что сообщение пытается показаться человечным. Разговорный язык содержит много бесполезных конструкций, поэтому смело оставляем робота в покое, убираем всё ненужное и делаем проще для чтения:

Без лишнего текста событие стало считываться моментально.

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

В превью чата сообщение тоже стало информативнее.

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

На кнопке принято писать действие, но иногда правилами нужна поступится, потому что удобно ≠ правильно.

Сравниваем

Слева — как сейчас, справа — наш вариант.

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

И ещё…

… мы написали на старте про «Трело», и поняли, что совсем не помним, как там выглядят оповещения.

Что интересно, они там тоже претерпели подобные изменения: сначала всё подавалось сплошным текстом, а потом сделали обновление, где была похожая иерархия проект → кто сделал → что сделал.

Слева — первая версия центра нотификации «Трело», справа — текущая новая.

Присылайте свои примеры крутой нотификации. Соберём коллекцию, чтобы дизайнеры делали хорошо, а плохо не делали.