Поведение поля "Добавить комментарий"

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

Поведение поля "Добавить комментарий"

09.06.2016 15:52

С самого начала знакомства с ПланФикс этот момент был для меня, пожалуй, самым режущим глаз. Думал, что это с непривычки, притрётся. Не притёрлось.
Указанный элемент управления имеет совершенно анти-интуитивное и даже просто отталкивающее поведение.
Визуально он представляет собой поле ввода — вот сейчас кликну по нему мышью, там появится курсор и я введу туда нужный комментарий.
Но после клика мышью происходит неожиданное для глаз и мозга: такое лаконичное и понятное поле "Добавить комментарий" исчезает, заголовок задачи уезжает вверх и скрывается. Появляется окно редактирования текста, совершенно не похожее внешне на поле "Добавить комментарий" — у него нет обрамляющей прямоугольной рамки и ограничено оно только появившейся панелью инструментов вверху и появившейся внизу жёлтой панелью расширенных свойств. Визуально, принадлежность этой жёлтой панели к создаваемому комментарию совершенно не очевидна — она имеет другой цвет фона и не имеет общей рамки с окном редактирования текста. Для пущей радости, если задача имеет чек-лист, то он будет отображён внутри жёлтой панели (подозреваю, что на то есть фундаментальные причины, но с позиции обычного человеческого восприянтия это выглядит всё равно дико). Если окно браузера небольшое и есть чек-лист, то кнопки "Добавить" и "Отмена" легко могут оказаться ниже видимой области экрана.

Отдельным ярким моментом является реакция на клик по иконкам добавления файла, напоминания и аналитики в поле "Добавить комментарий". Во всех трёх случаях поведение интерфейса совершенно разное. Добавление файла вызывает реакцию, описанную выше, с дополнительным блоком "Файл". Добавление напоминания отображает аккуратную формочку, всплывающую прямо около поля "Добавить комментарий". Добавление аналитики затеняет окно браузера и отображает самостоятельную всплывающую форму "Добавление аналитики". 

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

Касательно идей, приходящих тут в голову. Может быть, стоит поле "Добавить комментарий" (которое на самом деле совсем не поле) заменить на кнопку, а само добавление комментария/действия выполнять во всплывающей форме, как это делается при редактировании задачи. Так же для единообразия можно сделать похожими всплывающими формами действия добавления файла, напоминания и аналитики. А может быть, стоит сделать поле "Добавить комментарий" действительно полем, которое по клику может немного менять форму, но не так драматически, как сейчас, а дополнительные функции "спрятать" под соответствующую кнопку "Дополнительно", открывающую полновесную форму редактирования комментария/действия. Ну, и вот этот момент с чеклистом задачи, "запрыгивающим" в комментарий — это просто непостижимо.

С глубоким уважением и надеждой.
:)
 

Аватара пользователя
Дмитрий Гончаренко
Сообщения: 3243
Зарегистрирован: 06.06.2012 13:54

10.06.2016 15:29

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

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

10.06.2016 20:55

Я не могу оценить предлагаемые решения
Честно говоря, изначально я написал, что едва ли могу предложить, как именно может быть поправлена описанная путаница. Но потом подумал, что это же ведь раздел "Предложить идею", потому тут как-то не очень красиво будет "критиковать, не предлагая". Так что, совершенно не настаиваю на своих идеях. Основной целью поста было привлечь внимание к проблеме. А вы — большие молодцы, что-нибудь придумаете.  =)

Добавлено спустя 1 час 43 минуты 33 секунды:
Касательно вот этого момента:
Появляется окно редактирования текста, совершенно не похожее внешне на поле "Добавить комментарий" — у него нет обрамляющей прямоугольной рамки и ограничено оно только появившейся панелью инструментов вверху и появившейся внизу жёлтой панелью расширенных свойств. Визуально, принадлежность этой жёлтой панели к создаваемому комментарию совершенно не очевидна — она имеет другой цвет фона и не имеет общей рамки с окном редактирования текста. 
шлёпнул себе в custom css вот такую нехитрую добавочку:

.task-card-wrapper > #action-create-div {
    border: #e0e0e0 solid 3px;
    border-radius: 7px;
    padding-left: 7px;
    padding-right: 7px;
    background-color: #FEFED9;
}
/* это для отступов внутри окна редактирования, чтобы отодвинуть текст от жёлтых бордюров */
#newActionForm #cke_ActionDescription > .cke_inner > .cke_contents {
    padding-left: 10px;
    padding-right: 10px;
}
/* убираем серую черту под формой — она не нужна, т.к. есть рамка */
.task-card-wrapper > #action-create-div > #newActionForm {
  padding-bottom: 0;
  border-bottom: none;
}

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

Добавлено спустя 18 минут 42 секунды:
А для полноты и единообразия можно ещё добавить вот такое, для псевдо-поля "Добавить комментарий":

.actions-quick-add-block > .actions-quick-add-target {
    border: #e0e0e0 solid 3px !important;
    border-radius: 7px;
    background-color: #FEFED9;
}

чтобы оно выглядело единообразно с развёрнутым видом.

Светло-жёлтый цвет тут, кстати, мнемонически уместен, потому что речь идёт о создании нового действия.

 

Добавлено спустя 42 минуты 33 секунды:
Добавил gif-скринкаст, показывающий, как это выглядит в динамике (содержимое формы уже "подпрыгнуло" вверх).
UPD: Сразу незаметил, что в результате сжатия gif из поля исчезла надпись "Добавить комментарий". На самом деле она там есть. ))
 

Добавлено спустя 2 часа 34 минуты 40 секунд:
А если в порядке эксперимента решительно плюнуть на все нормы приличного использования css и добавить вот такое (в отличие от css, приведенных выше, я совершенно не предлагаю включать нижеследующую жуть в код сайта — это просто визуальная проба, хоть и полностью работоспособная):

.task-card-wrapper > #action-create-div {
    padding-top: 50px;
    position: relative;
}

.tr-action-commit > td.td-item {
    position: absolute;
    top: 5px;
    left: 0px;
}

#newActionForm tr.action-change-dates + tr > td:first-child {
    display: none;
}

#newActionForm tr.action-change-dates + tr > td.td-item-second {
    position: absolute;
    top: 16px;
    left: 356px;
}

то можно увидеть, как будет выглядеть форма, когда кнопки "Добавить", "Отмена", "Сохранить как черновик" и добавления опций переедут вверх. Примерно вот так: http://prntscr.com/berndi (уже надоело с порядком скриншотов бороться )) )

 
Вложения
NewAction_AlteredCSS.png
NewActionClickField_AlteredCSS.png
NewActionClickField_AlteredCSS.png (5.67 КБ) 1877 просмотров
NewAction_AlteredCSS_animation.gif
Скринкаст превращений поля ввода
Последний раз редактировалось Кирилл Панькин 11.06.2016 23:44, всего редактировалось 1 раз.

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

11.06.2016 18:41

После некоторых раздумий, глядения глазами и кликанья мышкой...

Предлагаю:
— оформить псевдо-поле "Добавить комментарий" и форму добавления комментария/действия так, как описано в посте выше (единообразные светло-жёлтый фон и заметная жирная рамка);
— переместить в форме добавления комментария пиктограммы дополнительных опций (добавление файла, чек-листа, метрики, напоминания, сроков, пользователя) на место справа от ссылки "Сохранить как черновик" для экономии вертикального пространства и для большей визуальной преемственности формы полю, ведь в поле эти пиктограммы тоже находятся справа;
— возможно, превратить ссылку "Сохранить как черновик" в кнопку "Черновик", каковой она и является — в чём смысл её особого визуального представления?
— отображать чек-лист задачи в форме добавления комментария только после клика на опцию "Добавить чек-лист";
— продублировать блок "Добавить", "Отмена", "Черновик" и пиктограммы опций вверху над областью редактирования, чтобы при длинном тексте комментария, наличии чек-листа или других дополнительных опций в комментарии, не было необходимости проматывать страницу вниз до основных кнопок (это же, кстати, касается и всплывающей формы добавления нового действия — в ней вверху доступна только кнопка закрытия формы с крестиком, аналогичная кнопке "Отмена", а вот кнопка "Добавить действие" есть только в самом низу формы).
 

Аватара пользователя
Алексей Сахоненко
Сообщения: 62
Зарегистрирован: 18.07.2012 10:51

18.06.2016 11:26

По поводу ввода аналитик внесу свои "5 копеек".
У меня не получилось ни одного человека убедить пользоваться этими аналитиками.
Если к планфиксу удаётся периодически кого-нить "приручить", то к аналитикам - не получается никак (

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

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

 
Вложения
analitika.png

Аватара пользователя
Евгений Якуба
Сообщения: 16
Зарегистрирован: 04.11.2016 22:55

11.11.2016 22:52

Еще одна похожая тема здесь: 
http://forum.planfix.ru/viewtopic.php?f=20&t=3842

Аватара пользователя
Александр Гордеев
Сообщения: 33
Зарегистрирован: 13.10.2012 02:10

07.12.2016 00:51

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

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

22.01.2017 19:53

Опубликовал описанные выше изменения формы добавления комментария (и ещё кое-что) в виде стилей на userstyles.org. Подробности здесь.

Аватара пользователя
Михаил Храпунов
Сообщения: 414
Зарегистрирован: 23.05.2013 21:46

26.01.2017 15:16

Да, добавить комментарий  в развернутом состоянии неудобен для постоянного использования. 
По моему нужно разделить: комментарии отдельно, аналитики отдельно, файлы отдельно, а чек-боксы тем более отдельно...
+100 к отдельно как то чекбоксы и подзадачи. Хочешь добавить комментарий, а в задаче 50 чекбоксов и давай проматывать простыни...

Ответить