С самого начала знакомства с ПланФикс этот момент был для меня, пожалуй, самым режущим глаз. Думал, что это с непривычки, притрётся. Не притёрлось.
Указанный элемент управления имеет совершенно анти-интуитивное и даже просто отталкивающее поведение.
Визуально он представляет собой поле ввода — вот сейчас кликну по нему мышью, там появится курсор и я введу туда нужный комментарий.
Но после клика мышью происходит неожиданное для глаз и мозга: такое лаконичное и понятное поле "Добавить комментарий" исчезает, заголовок задачи уезжает вверх и скрывается. Появляется окно редактирования текста, совершенно не похожее внешне на поле "Добавить комментарий" — у него нет обрамляющей прямоугольной рамки и ограничено оно только появившейся панелью инструментов вверху и появившейся внизу жёлтой панелью расширенных свойств. Визуально, принадлежность этой жёлтой панели к создаваемому комментарию совершенно не очевидна — она имеет другой цвет фона и не имеет общей рамки с окном редактирования текста. Для пущей радости, если задача имеет чек-лист, то он будет отображён внутри жёлтой панели (подозреваю, что на то есть фундаментальные причины, но с позиции обычного человеческого восприянтия это выглядит всё равно дико). Если окно браузера небольшое и есть чек-лист, то кнопки "Добавить" и "Отмена" легко могут оказаться ниже видимой области экрана.
Отдельным ярким моментом является реакция на клик по иконкам добавления файла, напоминания и аналитики в поле "Добавить комментарий". Во всех трёх случаях поведение интерфейса совершенно разное. Добавление файла вызывает реакцию, описанную выше, с дополнительным блоком "Файл". Добавление напоминания отображает аккуратную формочку, всплывающую прямо около поля "Добавить комментарий". Добавление аналитики затеняет окно браузера и отображает самостоятельную всплывающую форму "Добавление аналитики".
Всё это вместе производит категорически дезориентирующее действие, даже не смотря на понимание происходящего, так как не имеет ни единообразия, ни интуитивности. Это всё при том, что добавление комментариев и действий — это одна из основных активностей, проявляемых пользователями в системе.
Касательно идей, приходящих тут в голову. Может быть, стоит поле "Добавить комментарий" (которое на самом деле совсем не поле) заменить на кнопку, а само добавление комментария/действия выполнять во всплывающей форме, как это делается при редактировании задачи. Так же для единообразия можно сделать похожими всплывающими формами действия добавления файла, напоминания и аналитики. А может быть, стоит сделать поле "Добавить комментарий" действительно полем, которое по клику может немного менять форму, но не так драматически, как сейчас, а дополнительные функции "спрятать" под соответствующую кнопку "Дополнительно", открывающую полновесную форму редактирования комментария/действия. Ну, и вот этот момент с чеклистом задачи, "запрыгивающим" в комментарий — это просто непостижимо.
С глубоким уважением и надеждой.
:)
Поведение поля "Добавить комментарий"
-
- Сообщения: 248
- Зарегистрирован: 30.03.2016 16:58
-
- Сообщения: 4123
- Зарегистрирован: 06.06.2012 13:54
Я не могу оценить предлагаемые решения, но с описанием проблемы согласен - есть такое дело, а у нас просто глаз замылился. Развивался интерфейс итерационно и накопил в процессе развития много мусора, от которого надо избавляться. Так что поставлю по этому поводу задачу у нас, пусть не дает расслабляться.
-
- Сообщения: 248
- Зарегистрирован: 30.03.2016 16:58
Честно говоря, изначально я написал, что едва ли могу предложить, как именно может быть поправлена описанная путаница. Но потом подумал, что это же ведь раздел "Предложить идею", потому тут как-то не очень красиво будет "критиковать, не предлагая". Так что, совершенно не настаиваю на своих идеях. Основной целью поста было привлечь внимание к проблеме. А вы — большие молодцы, что-нибудь придумаете. =)Я не могу оценить предлагаемые решения
Добавлено спустя 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 (уже надоело с порядком скриншотов бороться )) )
- Вложения
-
- NewActionClickField_AlteredCSS.png (5.67 КБ) 3818 просмотров
Последний раз редактировалось Кирилл Панькин 11.06.2016 23:44, всего редактировалось 1 раз.
-
- Сообщения: 248
- Зарегистрирован: 30.03.2016 16:58
После некоторых раздумий, глядения глазами и кликанья мышкой...
Предлагаю:
— оформить псевдо-поле "Добавить комментарий" и форму добавления комментария/действия так, как описано в посте выше (единообразные светло-жёлтый фон и заметная жирная рамка);
— переместить в форме добавления комментария пиктограммы дополнительных опций (добавление файла, чек-листа, метрики, напоминания, сроков, пользователя) на место справа от ссылки "Сохранить как черновик" для экономии вертикального пространства и для большей визуальной преемственности формы полю, ведь в поле эти пиктограммы тоже находятся справа;
— возможно, превратить ссылку "Сохранить как черновик" в кнопку "Черновик", каковой она и является — в чём смысл её особого визуального представления?
— отображать чек-лист задачи в форме добавления комментария только после клика на опцию "Добавить чек-лист";
— продублировать блок "Добавить", "Отмена", "Черновик" и пиктограммы опций вверху над областью редактирования, чтобы при длинном тексте комментария, наличии чек-листа или других дополнительных опций в комментарии, не было необходимости проматывать страницу вниз до основных кнопок (это же, кстати, касается и всплывающей формы добавления нового действия — в ней вверху доступна только кнопка закрытия формы с крестиком, аналогичная кнопке "Отмена", а вот кнопка "Добавить действие" есть только в самом низу формы).
Предлагаю:
— оформить псевдо-поле "Добавить комментарий" и форму добавления комментария/действия так, как описано в посте выше (единообразные светло-жёлтый фон и заметная жирная рамка);
— переместить в форме добавления комментария пиктограммы дополнительных опций (добавление файла, чек-листа, метрики, напоминания, сроков, пользователя) на место справа от ссылки "Сохранить как черновик" для экономии вертикального пространства и для большей визуальной преемственности формы полю, ведь в поле эти пиктограммы тоже находятся справа;
— возможно, превратить ссылку "Сохранить как черновик" в кнопку "Черновик", каковой она и является — в чём смысл её особого визуального представления?
— отображать чек-лист задачи в форме добавления комментария только после клика на опцию "Добавить чек-лист";
— продублировать блок "Добавить", "Отмена", "Черновик" и пиктограммы опций вверху над областью редактирования, чтобы при длинном тексте комментария, наличии чек-листа или других дополнительных опций в комментарии, не было необходимости проматывать страницу вниз до основных кнопок (это же, кстати, касается и всплывающей формы добавления нового действия — в ней вверху доступна только кнопка закрытия формы с крестиком, аналогичная кнопке "Отмена", а вот кнопка "Добавить действие" есть только в самом низу формы).
-
- Сообщения: 104
- Зарегистрирован: 18.07.2012 10:51
По поводу ввода аналитик внесу свои "5 копеек".
У меня не получилось ни одного человека убедить пользоваться этими аналитиками.
Если к планфиксу удаётся периодически кого-нить "приручить", то к аналитикам - не получается никак (
В этой связи предложение -
где-нить в настройках аналитик сделате флажок "отображать непосредственно в форме добавления комментария" и
если у аналитики этот флажок установлен, то тогда при вводе нового комментария к задаче, эта аналитика отображалась бы непосредственно под полем ввода текста (где-нить рядом с "изменить статус задачи на..."
Во вложении попробовал нарисовать как мне было бы удобно.
Может не самый оптимальный вариант, но он существенно бы облегчил ввод этих самых аналитик
У меня не получилось ни одного человека убедить пользоваться этими аналитиками.
Если к планфиксу удаётся периодически кого-нить "приручить", то к аналитикам - не получается никак (
В этой связи предложение -
где-нить в настройках аналитик сделате флажок "отображать непосредственно в форме добавления комментария" и
если у аналитики этот флажок установлен, то тогда при вводе нового комментария к задаче, эта аналитика отображалась бы непосредственно под полем ввода текста (где-нить рядом с "изменить статус задачи на..."
Во вложении попробовал нарисовать как мне было бы удобно.
Может не самый оптимальный вариант, но он существенно бы облегчил ввод этих самых аналитик
-
- Сообщения: 16
- Зарегистрирован: 04.11.2016 22:55
Еще одна похожая тема здесь:
http://forum.planfix.ru/viewtopic.php?f=20&t=3842
http://forum.planfix.ru/viewtopic.php?f=20&t=3842
-
- Сообщения: 34
- Зарегистрирован: 13.10.2012 02:10
-
- Сообщения: 460
- Зарегистрирован: 23.05.2013 21:46
+100 к отдельно как то чекбоксы и подзадачи. Хочешь добавить комментарий, а в задаче 50 чекбоксов и давай проматывать простыни...Да, добавить комментарий в развернутом состоянии неудобен для постоянного использования.
По моему нужно разделить: комментарии отдельно, аналитики отдельно, файлы отдельно, а чек-боксы тем более отдельно...