Новая лента действий

Внешний вид ленты действий, которую вы видите в задаче, зародился в далеком 2009-м и с тех пор обрастал все новыми и новыми возможностями. Со временем он стал похожим на маленький космический корабль, набитый приборами и пользовательским опытом – причем не только команды ПланФикса, но и чужим.

ПланФикс: маленький космический корабль, набитый "чужими" :)

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

ПланФикс: переключение ленты комментарий из классического в новый вид

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

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

Новая лента действий в задаче ПланФикса

Девиз новой ленты: “Простота и компактность”. Мы хотим, чтобы второстепенная информация не загромождала экран при обычном просмотре, но была доступна в тот момент, когда она понадобится. Например, дополнительная информация о комментарии появляется только при наведении на него курсора, это делает ленту чище и понятнее при обычном чтении:

Дополнительная информация о комментарии к задаче в ПланФиксе

Ссылка на действие теперь прячется под временем его добавления (в классическом варианте ссылку на действие можно взять со значка # в его заголовке):

Ссылка на комментарий в ПланФиксе

В “цветовой иерархии штанов” появился еще один вариант – бледно-голубым выделяются действия, написанные внешним контактом или адресованные ему. Это позволяет легко выделить глазом действия с участием клиента:

Выделение комментария голубым цветом в ПланФиксе

Заканчивая блиц-рассказ о внешнем виде ленты действий, упомяну еще об одной настройке:

Лента действий в ПланФиксе - настройка для широких экранов

По умолчанию, ваши комментарии отображаются в правой части окна, а комментарии всех остальных пользователей – в левой. Это удобно во многих случаях, но не всегда. Активация этой настройки позволяет собрать все общение в левой части и не крутить головой при чтении ленты:

Переписка в ПланФиксе в виде чата

Для старта это все, теперь давайте посмотрим, как изменился интерфейс добавления нового действия.

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

Начнем с того, что блок “Уведомить об этом” перекочевал в верхнюю часть интерфейса добавления нового действия и разделился на две части – теперь вы видите отдельно сотрудников и отдельно внешние контакты, подключенные к задаче:

Разделенное отображение сотрудников и клиентов при добавлении комментария в ПланФиксе

При этом, если выделен хотя бы один внешний контакт, “контактная” полоса подсвечивается голубым цветом (как на скриншоте выше). Это служит своеобразным индикатором: “Внимание: то, что вы пишете, будет отправлено клиенту!”

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

Дополнительные участники задачи при добавлении нового действия в ПланФиксе

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

Дополнительные опции выбора уведомляемых о новом комментарии в ПланФиксе

Элементы управления участниками задачи (добавление/удаление, поиск, скрытие комментария) работают универсально и для сотрудников, и для контактов. Место их расположения подчеркивает это:

Добавление нового участника к задаче, скрытые комментарии в новой ленте действий ПланФикса

Элементы управления дополнительными объектами (статус задачи, файлы, чек-листы и так далее) в новом интерфейсе размещены более компактно:

Добавление файлов, аналитики, напоминаний, изменения статуса задачи и даты выполнения в новом интерфейсе добавления действия

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

Философская минутка
Это не первая наша попытка разработать новый интерфейс работы с комментариями. В общей сложности эта работа заняла около года и велась в несколько подходов. Постепенно выкристализовался вариант, который прошел нашу внутреннюю проверку на уровне макета, был реализован и обкатан в течение нескольких месяцев в нашем аккаунте. Участники телеграм-чата ПланФикс – энтузиасты тестируют новый интерфейс уже пару недель. Они высказали нам немало предложений, некоторые из которых вошли в финальный релиз. Наверняка, после этого анонса у вас появятся новые предложения – и, как это обычно бывает, какие-то из них будут реализованы. Но есть одно важное замечание, которым я хочу предварить эту работу.

По нашим наблюдениям, один из векторов предложений направлен на увеличение количества информации, представленное в интерфейсе без всяких кликов и наведений. Это понятное стремление, особенно для тех, кто давно и много работает в ПланФиксе и все в нем понимает. Но новый интерфейс (напомню) не про это – он про простоту и компактность. Поэтому скорее всего, предложения вроде “А давайте отобразим сразу всех участников/уведомленных” не пройдут, так как идут вразрез с этим принципом.

По замыслу, через некоторое время мы включим новый интерфейс в качестве интерфейса по-умолчанию для новых пользователей ПланФикса. Это одна из важных причин его появления – нам хочется сделать их погружения в наш мир более плавным и наполненным привычным пользовательским опытом. Учитывая, что внутри ПланФикс все равно остается космическим кораблем, наполненным “чужими”, это нетривиальная задача 🙂

Ну и в завершение, короткая банальность от меня лично. Изменения в интерфейсе это всегда сложно. По себе могу сказать, что первые 3 дня после переключения на новую ленту приходилось несладко. Но через неделю уже странно было смотреть на старую ленту, а новая стала для меня основной. Так что попробуйте переключиться на нее и поработать несколько дней – очень может быть, что и вам понравится.

P.S. Я давно не напоминал вам про короткие новости ПланФикса, которые публикуются только в нескольких источниках: Facebook, ВКонтакте, Telegram и Twitter. Подпишитесь на какой-то из них, если хотите знать больше о том, что мы делаем с ПланФиксом. Иногда короткой строкой пробегают очень даже важные вещи, которые просто по объему текста не тянут на полноценный пост в блоге. А еще у нас есть YouTube-канал с обучающими роликами и лайфхаками.

58 комментариев

  1. Аватар

    Спасибо попробуем!
    Хотел бы также отметить, что “выбор” – это хорошо для пользователя ровно до тех пор пока не начинаются проблемы\вопросы. Когда человек обращается за помощью по работе с Планфиксом к товарищу, а тот ему отвечает “ну нажми на конвертик рядом с именем..” а человек не видит никакого конвертика, потому что у него другой совсем вид.. то может понадобится время, пока люди догадаются, что они в этот момент смотрят на разные вещи, прежде чем перейдут к решению непосредственно проблемы, с которой всё и началось.

    Про голубой цвет – отличное решение!
    Будет ли голубой цвет внедрён в старой ленте?

    1. Дмитрий Гончаренко

      >> Будет ли голубой цвет внедрён в старой ленте?

      – Обсудим. По большому счету, то что касается отображения комментариев в ленте, почему бы и нет.

  2. Аватар

    Потрясающая доработка!
    На правах энтузиаста пользуюсь ей уже больше недели и теперь лента “по старому” кажется уже каким-то неудобным анахронизмом.
    Вот только изменять статус задачи кажется теперь не очень удобным.
    Но может и к этому привыкну.

    В целом – очень удобно.

      1. Аватар

        А зря, по-моему.
        При общении в чате на несколько человек (а комментарии к задаче именно таким иногда являются) может быть очень даже востребован механизм установки комментарию чего-то вроде “плюсов” и “минусов”, вместо того, чтобы плодить для этого односложные/односимвольные комментарии. Трактовка этих “голосов” может быть разной в зависимости от ситуации — когда-то это мини-голосование за идею, когда-то просто возможность таким виртуальным “кивком” поддержать автора сообщения. Это не только ПланФикса касается, конечно. В любом чате с конструктивным предметным общением такой механизм позволит повысить эффективность общения.

        1. Аватар

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

          1. Аватар

            Так я и сказал: “механизм установки комментарию чего-то вроде «плюсов» и «минусов»”.
            Конечно же, нужны оба варианта “голоса”. Тут ведь у нас не Facebook с его тонким балансированием социального менеджмента (ну, типа, дизлайки “токсичны” для среды и всякое такое), а деловой инструмент. Так что нужны и “плюсы”, и “минусы”, и всё должно быть открыто — отдельно количество тех и других голосов, и список голосовавших.

  3. Аватар

    Мои “подопытные” как только увидели новую ленту сразу захотели на неё переключится (еще пару недель назад эта опция была доступна на “моих” аккаунтах как партнеру).
    Спасибо за это нововведение, очень удачно произведена перекомпоновка элементов:
    – высота “блока” существенно сократилась
    – теперь не нужно скролить экран чтобы увидеть кто-же получит “уведомления”.
    Есть несколько неудобств которые я для себя отметил:
    – отображение уведомленных только при наведении на действие (банально не сделать скриншот для инструкции), хочется одним взглядом видеть кому были направлены предыдущие действия-комментарии;
    – не очень простая и интуитивная логика добавления новых участников, которые еще не были подключены к задаче;
    – нет выделения подключенных к задаче по ролям, помимо деления свой-чужой, нам бы очень пригодилось отображение в какой роли выступает тот или иной участник в этой задаче (Постановщик, Участник, Исполнитель, Аудитор);
    – при выделении уведомляемого он выделается белым фоном, что плохо читается, я бы предложит более насыщенный цвет, да тот же зеленый похожий на цвет пиктограммы с письмом которая была в классическом варианте. Тогда будет более четко видно.
    Еще раз спасибо.

    1. Дмитрий Гончаренко

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

  4. Аватар

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

    Старый интерфейс обижать не буду, удобный. Но радует, что команда Планфикс делает лучше, даже то, что и так удобно)

  5. Аватар

    переключился и первое что бросается в глаза (кроме неприятного зеленого фона сообщений!) – это отсутствие разницы в фоне моих и чужих сообщений, все в зеленом цвете.

    update, посмотрел по коду – оказывается это даже не зеленый, а голубоватый, но, видимо, из-за зеленой шапки он воспринимается как зеленый. можно ли его сделать чуть более спокойным типа #f6fdf1?
    и чтобы как-то визуально отличались собственные сообщения от всех остальных?

    1. Дмитрий Гончаренко

      Есть разные подходы к тому, что же выделять в общей ленте комментариев. Пока мы остановились на том, что в новой ленте выделяется диалог с клиентом (“неприятным зеленым, update, голубоватым” фоном) и собственные сообщения (они позиционируются справа, если не включать эту опцию).

  6. Аватар

    Тут поначалу глаза разбегаются и мозг активно протестует против такого количества новизны.

    Два раза в год у меня начинается чёс и зуд.. мне надо делать какие-то перестановки: сесть в другой угол кабинета, сменить IDE, внедрить новую парадигму в управлении командой. Знакомый астролог говорит, это потому, что я близнец.
    И, что греха таить, нет-нет, да кошусь на битрикс24, ворксекшенс и прочие асаны. Но такие нововведения, как сегодня, убивают все желание смотреть и изучать другие сервисы.
    Спасибо! Больше изменений! Мой мозг ждет ещё! )

  7. Аватар

    Голосую за отображение “кому адресовано”, каждый раз наводить и пиктограммы рассматривать не удобно.
    ПФ приучил смотреть на мессенджеры как на Анархию, а когда в групповом чате 20 человек и все пишут всем – так оно и есть.
    В классическом интерфейсе принцип кто-кому пишет достаточно хорошо виден

      1. Дмитрий Гончаренко

        Ну мы как раз замышляли, что теперь визуально это [гораздо более сильнее] видно за счет выделения фоном такого комментария. Видимо, не во всех попали. А может, дело привычки и мозг пока отказывается реагировать на незнакомые сигналы.

    1. Аватар

      Поддерживаю. Думала, может, только мне это неудобно в новом интерфейсе. Оказывается, есть такие же, как я 🙂
      Отдельно приятно, что есть выбор старый/новый интерфейс. Кому-как более удобно – тот тем и пользуется. Спасибо!

  8. Аватар

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

    P.s.: Не знал, что у Вас есть телеграм канал для энтузиастов. Подписался!

    1. Дмитрий Гончаренко

      Да, для “длинных” задач дополнительная навигация не помешала бы.

      А канал энтузиастов сделали сами энтузиасты, мы там рядовые читатели и иногда писатели планов и предложений что-то опробовать на своей шкуре 🙂

  9. Аватар

    Красота! =)

    >В “цветовой иерархии штанов” появился еще один вариант
    А для собственных (исходящих) комментариев не предполагается какое-то цветовое или вроде того выделение? Во-первых, раз уж тут используется UI-идея мессенджера, то в них исходящие сообщения почти всегда подсвечены особо (в дополнение к выравниванию под правый край). Во-вторых, при включенном “выравнивании для широких экранов” собственные сообщения в общем ничем не отличаются о прочих и параллель с мессенджером ломается совсем.

    1. Дмитрий Гончаренко

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

      1. Аватар

        На счёт цвета фона понимаю. Там не особо-то и место осталось для ещё одного цвета — фактически, из легко различимых остался только красный, ну и её может быть фиолетовый и оранжевый. И в контексте выделения исходящего сообщения все они смотрятся странно.
        Но может быть каким-то другим способом ненавязчиво обозначить исходящие? Скажем, цветом рамки.

  10. Аватар

    Спасибо, все очень круто. Совпало с обновлением Gmail, поэтому вписаться довольно легко в новый вид интерфейса.

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

  11. Аватар

    Интерфейс, несомненно, легче и понятней. Но немного невнятные “облачки”, По мне так, можно бы как-то выделять свои сообщения, сообщения команды. И в целом сделать немного сочней цвета.

    1. Аватар

      Хочу уточнить по поводу выделения своих сообщений: включена галочка для широкоформатных мониторов и все сообщения выстроились слева?

      1. Аватар

        Немного вторгнусь в диалог. 🙂

        Я тут немного побаловался со стилизацией “пузыря” сообщения.
        А что, если что-то вот такое для исходящих добавить?:
        https://dl2.pushbulletusercontent.com/AFkOVTq8aDgvI0Yio2ePY1LJOzqfb0xc/Comment%20bubbles%20sketch%201.png
        Я грубовато сделал, просто для концепта.
        Вроде ничего в остальном оформлении не ломает и информацию нужную при этом несёт.

  12. Аватар

    В современном виде в редакторе комментариев элементы управления дополнительными объектами (статус задачи, файлы, чек-листы и так далее) в новом интерфейсе размещены в правой части редактора, что вынуждает каждый раз направлять курсор мыши в правую часть интерфейса. Что если элемены управления сместить влево и разместить его рядом со статусом задачи, справа от статуса? Это позволит:
    – добавлять файлы
    – ставить напоминания
    – и так далее
    добавлять элементы в левой части редактора и интерфейса. Так было в классическом виде.

  13. Аватар

    Потестили новую ленту. В целом классно, но как всегда, новшества = косяки с непривычки. Только что заказчику ушло собщение, которое он не должен был получать. Мне объяснили, что “не видно”, я трактую это как “не бросается в глаза”. Мониторы с разными настройками и матрицами, на некоторых действительно разница между выбранным и не выбранным контактом не велика.
    Отсюда предложения:
    1. Выбранный контакт должен подсвечиваться контрастнее, например заливкой или линия овала должна быть яркой. Заметной.
    2. Классная идея насчет подствеки при выборе внешнего контакта в получателях. Но тут тоже хотелось бы более яркого цвета, возможно даже другого, красного, например. Вы пишите “Это служит своеобразным индикатором: “Внимание: то, что вы пишете, будет отправлено клиенту!”.
    Если внимание, если это важно и серьезно, то подсветка должа быть соотвествующая – красная и более контрастная. И ничего страшного, если дальше в чате сообщения заказчиков подсвечены бледно голубым. Я считаю, тут последовательность не обязателльна.

    У моего руководства два страха на тему ПФ:
    1. Все поломается и вся база исчезнет. Тут я в вас верю и транслирую свою веру боссам. Пока успешно 🙂
    2. Заказчики случайно получат что-то, что не следует. Пока ничего криминально не отправили, но ненужные письма уходили. Это сложно контроллировать, только инструкции и правила, которые всем надо держать в голове. Надо как-то страховаться, отсюда и просьба по подсветкам.
    И еще удобный случай случай напомнить по функционал отмены отправки сообщения/добавления действия! Это было бы вообще круто.

    Спасибо за внимание 🙂

    1. Аватар

      Соглашусь с предыдущим оратором!

      1. Выбранный контакт должен подсвечиваться контрастнее, например заливкой или линия овала должна быть яркой. Заметной.

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

      1. Дмитрий Гончаренко

        Это хорошо, когда в товарищах согласье есть)

        Со вторым пунктом Александра меня вот терзают смутные сомненья – если сделать такой совсем уж яркий “стоп-сигнал”, он будет восприниматься как ошибочное действие, а не вполне себе штатная ситуация.

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

        1. Аватар

          Присоединяюсь – и сотрудники, и я сам отправили клиентам непредназначенные им письма. Одно такое письмо может стоить контракта на миллиарды долларов (почти шутка). Конечно, можно сказать, что мы не привыкли или поторопились, но…
          Очень важно однозначно видеть и понимать, по каким адресам уйдёт сообщёние – выше в комментариях всё изложено, и сделано много дельных предложений.
          От себя добавлю: аватарки – не разглядеть, какие-то большие буквы в разноцветных кружочках (если нет аватарки), серые буквы неактивных адресов клиентов на вялом голубом фоне, черные буквы активных адресов сотрудников на белом фоне, и всё это в два этажа, а у сотрудников вечером и так глаза в кучу – в общем, надо что-то делать 😉

          1. Дмитрий Гончаренко

            Дмитрий, а при работе в классическом интерфейсе не было случаев отправки клиентам непредназначенных им уведомлений?

            1. Аватар

              Дмитрий,
              в старом интерфейсе если и были такие случаи, то исключительно по невнимательности или спешке.
              В новом же, из-за необходимости проанализировать большой объем графической информации, нужно внутренне собраться, отключиться от внешнего мира и всё очень тщательно проверить. Что не всегда получается в “боевых” условиях.

              То есть ПланФикс должен (ну, хочется очень) оберегать от нелепых ошибок 🙂
              И даже помогать, особенно новым сотрудникам.

  14. Аватар

    Дмитрий, здравствуйте!
    Очень приятно что постепенно идет работа над подобными вещами.
    Все супер, однако 1 минус для нас большой:
    Выбор и добавление уведомленных не могу назвать более удобным, в прошлой версии “крупность” значков уведомляемых была просто супер, сейчас же мало того что приходится сделать 1 клик на троеточие чтобы выбрать, еще и выбрать – сложно попасть:)

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

    Спасибо за отличную работу!

  15. Аватар

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

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

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

    Так как не все захотят работать в один клик, рассмотрите вариант с чекбоксом в настройках.

    1. Аватар

      По последнему – можно скрольнуть вверх и появляется панель с кнопками, там есть Новое действие.
      Но, согласен, хотелось бы иметь ее перед глазами всегда. Например в виде “Кружка с Плюсиком” в привычном правом нижнем углу. ))

Добавить комментарий