Российские аналоги Notion: сравнительный анализ
и UX сервисов. Часть 3 — Карточка задачи

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

Мы сравнили функционал создания задачи в Notion и российских аналогах: Штаб, Flowlu, Kaiten, WEEEK, Яндекс.Трекер.

Интерфейс задачи. Хорошо организован интерфейс задачи. Визуально разделён на две части: контентная и функциональная. У всех полей понятные названия, чистый и аккуратный интерфейс. Ставим лайк юзабилити!

Редактирование текста. Интуитивно понятный интерфейс помогает создавать задачи.

Отдельно хочется отметить интерактивность: после нажатия на поле «Добавьте описание задачи» появляется панель для работы с текстом. Можно добавить изображение, таблицу, маркированный или нумерованный список, горизонтальную линию (дивайдер).

Запуск трекера. При попытке запустить таймер сервис выдаёт системное сообщение «Не получилось запустить / остановить трекинг задачи». Необходимо предоставлять пользователям дополнительную информацию о том, как они могут исправить ситуацию. Например, дать ссылку на регистрацию в Shtab Tracker.

Выпадающее меню. В панели управления задачей есть пункт «Связи». Возможно, пользователь может связать эту задачу с другой? По нажатию открывается выпадающий список с двумя пунктами: «Блокирует» и «Заблокирована». Интерфейс дает мало информации о том, как работает функционал, из-за чего у пользователей могут возникать трудности при работе с данной функцией.

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

Создание письма. В интерфейс интегрирована возможность написать письмо, чтобы пользователю не надо было переключаться между Flowlu и почтой. Этот инструмент выходит за рамки создания задачи и создаёт дополнительную ценность.

Текстовый редактор. Пользователю доступен широкий функционал текстового редактора: таблицы, ссылки, маркированные списки. Можно даже добавить в задачу фото и видео. Это удобный инструмент, так как помогает закрывать потребности большого числа пользователей.

Выпадающий список. Сейчас всем созданным задачам по умолчанию выставляется низкий приоритет. Это не совсем корректно, ведь таким образом система принимает решение за пользователя.

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

Загрузка файла. Пользователь может загрузить файлы с компьютера: для этого он нажимает на левую часть с иконкой скрепки «Прикрепить файл». Также пользователь может загрузить файлы с Гугл-диска: для этого он нажимает на иконку Гугл-диска. Пользователи воспринимают связанные элементы как единое целое, поэтому это может отпугнуть некоторых пользователей, которым нужно загрузить документы с ПК, но они не поймут, что могут это сделать по клику на «Прикрепить файлы».

Иконка. На панели управления есть иконка, по нажатию на которую задача открывается на новой странице. С точки зрения UX есть несколько проблем. Во-первых, у иконки нет подсказки, нельзя чётко идентифицировать значение иконки. Во-вторых, непонятно, какое действие произойдёт после нажатия (решается также наличием подсказки при наведении).

Функционал задачи. У Kaiten широкий функционал в контекстном меню: трекер времени, экспорт задачи, история изменений.

Контекстное меню. Все инструменты спрятаны в контекстном меню, что помогает не нагружать интерфейс задачи. Отдельно хочется отметить организацию меню: «Основное», «Связи», «Остальное» и «Поля». Пункты разделены на основе их сходства или отношения друг к другу. Это хороший UX-приём, который помогает декомпозировать контент и не повышать когнитивную нагрузку на пользователя.

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

Текстовая ссылка. В интерфейсе желательно избегать того, что может отвлечь пользователя от задачи. Если пользователь открывает каждый день редактор задачи, у него замыливается взгляд, поэтому с большой вероятностью эта ссылка быстро станет для него белым шумом.

Счетчик времени. У WEEEK есть удобный инструмент по учёту времени. В задаче можно включить счётчик:

И в мини-карточке на доске начинается отсчёт времени:

Это удобный инструмент, который мы не видели у конкурентов.

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

История изменений. У WEEEK есть история изменений, которая доступна для просмотра в задаче. Для совместной работы в команде это хороший функционал, так как позволяет отследить историю задачи.

Расположение контента. Блок с названием и описанием задачи размещается не в границах контентной области. Даже такие мелочи в композиции элементов могут сигнализировать пользователям, что в интерфейсе что-то может работать не так, как должно, а также что перед ними — недоработанный сайт. Из таких мелких недоработок складывается общее впечатление о сервисе.

Дублирование функций. В верхней панели и в правом нижнем углу — функция прикрепления файла. В интерфейсе следует избегать лишнего дублирования информации, так как это перегружает интерфейс.

Отсутствие подсказок. В текстовом редакторе нет подсказок для функций редактора. У неопытных пользователей могут возникнуть трудности при работе с редактором.

Не работает иконка. По нажатию на крестик ничего не происходит. Система должна быть отзывчивой на действия пользователей и подсказывать как работает функционал или почему он сейчас не работает / недоступен для пользователя.

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

Обычно этапы работ зашивают в тело родительской задачи, чтобы они были в зоне видимости и быстрой доступности.

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

Организация контента. Интерфейс создания задачи удобно организован. Есть разделение на контентную (левый блок) и функциональную (правый блок) части. Это хороший пример юзабилити страницы, так как помогает пользователю не путаться в интерфейсе страницы.

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

Контекстное меню. У Яндекс.Трекера удобно организованы пункты в контекстном меню: они объединены по категориям, каждую категорию можно свернуть/развернуть. Для удобства размещен поиск, автоматически подтягиваются выбранные пункты меню. Лайк!

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

Перезагрузка страницы. После создания задачи сервис требует обновить доску, чтобы увидеть задачу. Это неудобно, так как требует от пользователя дополнительных действий.

Выравнивание контента. В интерфейсе контент не выровнен по границе контентной области.

Английский язык. Основной язык Трекера — русский. Но в интерфейсе есть текст на английском. Необходимо соблюдать консистентность не только в визуале, но и в языковом представлении.

У Штаба приятный визуал создания задачи: минимализм в цвете и отсутствие броских акцентов. Интерфейс поделён на две части. Слева пользователь создаёт контент, справа — управляет задачей.

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

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

Из минусов хотелось бы отметить процесс добавления файла. С точки зрения UX это сделано не вполне удобно. Пользователю может быть неочевидно, что загрузить файл можно не только с Гугл-диска, но и с ПК. Также советуем обратить внимание на выпадающий список с приоритетами задач. Управление приоритетом должно быть инициировано не системой, а самим пользователем.

В отличие от Штаба и Flowlu у Kaiten ограниченный инструментарий создания задачи. Пользователь может только добавить описание задачи и прикрепить ссылку.

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

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

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

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

Из улучшений предлагаем поправить контент, чтобы он размещался чётко в границах и следить за консистентностью языка (сейчас есть текстовые фрагменты на английском).