Маршрут документа: четыре концепции
Автономные интерактивные макеты вкладки «Маршрут». Рабочая v10, её исходники и сборка не менялись. Данные сценариев демонстрационные и одинаковые во всех вариантах. За основу выбран A, вариант D добавлен как самостоятельное предложение проектировщика.
Правки в варианте A по замечаниям
- Рецензий без этапа нет. Запись «к документу» убрана из данных. Блок «этап не определён» остался только в режиме «REST 1.32.5», где сервер отдаёт одно название группы этапа.
- Ширина панели. По умолчанию 400 px, уже не сужается. Разделитель по-прежнему расширяет панель до 640 px. Проверочные ширины теперь 400, 520 и 640.
- Правило завершения видно у каждого этапа. В свёрнутом этапе оно стоит в строке итога: «Завершён · Решили 4 из 4 · нужны решения всех». В раскрытом над участниками стоит подпись «Параллельно · нужны решения всех» либо «достаточно одного решения».
Ответ на вопрос о первом этапе сложного сценария: участники одного этапа всегда действуют параллельно, последовательно идут сами этапы. В первом согласовании действовало правило «нужны решения всех», поэтому там четыре решения из четырёх и заключение эксперта. Раньше правило показывалось только у текущего и будущих этапов, это была недоработка макета.
Вариант D: какую задачу я поставил бы себе сам
Задача
Вкладку открывают три человека с разными вопросами. Согласующий: что от меня нужно и что уже сказали другие. Автор: у кого документ и какие замечания придётся учесть. Делопроизводитель или контролёр: кто, когда и за кого действовал.
В обычном маршруте большинство строк — «Согласовано» без текста. Они нужны для учёта, но не помогают принять решение. Содержание маршрута находится в замечаниях, заключениях и в списке тех, кого ждут.
Цель. За несколько секунд ответить на три вопроса: кого ждём, что сказано, где мы в маршруте. Полный поимённый список остаётся в одном нажатии.
Критерии, которые я себе задал
- Ожидающие и собственное место пользователя видны сразу при открытии.
- Замечание читается без нажатий, его файл открывается одним нажатием.
- Согласования без замечаний не занимают отдельных строк.
- Ничего не теряется: режим «Все» показывает каждого участника строкой.
- Ориентир по этапам всегда на экране и не отнимает высоту.
- Повторная отправка начинается с причины прошлого возврата.
План и что получилось
- Узкая рейка этапов слева: показывает положение, по нажатию переходит к этапу.
- Внутри этапа три группы по порядку внимания: «Ждём», «Замечания и заключения», «Без замечаний».
- Замечание оформлено карточкой с решением, текстом и файлами.
- Блок «Предыдущие отправки» с исходом и причиной каждой.
- Переключатель «Суть / Все» вместо раскрытия по одному.
- Панель открывается на текущем этапе, автор закреплён вверху.
Проверено: файл рецензии открывается сразу из карточки, после закрытия фокус возвращается на тот же файл; переход по рейке и предыстория работают; горизонтальной прокрутки нет на 400 и 640 px на четырёх языках.
Чем варианты различаются
| A · Иерархический список | B · Процессная шкала | C · Оглавление и этап | D · Суть маршрута |
|---|
| Компоновка | Один плотный список: этап, под ним строки участников. | Вертикальная линия всего прохождения. Участники этапа висят на общей скобке. | Оглавление этапов сверху, панель выбранного этапа снизу. От 560 px области встают рядом. | Рейка этапов слева и лента этапов. Внутри этапа группы «Ждём», «Замечания и заключения», «Без замечаний». |
|---|
| Что главное | Последовательность этапов и состояние каждой строки. | Ход событий во времени. | Обзор всех этапов со счётчиками. | Кого ждут и что сказано. Молчаливые согласования сжаты. |
|---|
| Как работать | Раскрывать этапы и участников на месте. | Читать сверху вниз, сворачивать этапы. | Выбирать этап, отбирать участников. | Читать замечания подряд, переходить по рейке, переключать «Суть / Все». |
|---|
| Отправки | Переключатель «Отправка 3 из 3». | Все отправки на одной линии, прошлые свёрнуты. | Переключатель, исход отдельной строкой оглавления. | Переключатель и блок «Предыдущие отправки» с причинами возврата и отзыва. |
|---|
| Рецензии | Цитата под строкой участника, полный текст в окне. | Цитата до четырёх строк под решением. | Цитата под участником, отбор «С рецензиями». | Карточка с текстом и файлами. Файл открывается из маршрута одним нажатием. |
|---|
| Раскрытие «всё» | Одна кнопка для этапов и участников. | То же. | Участники выбранного этапа. | Режим «Все» вместо кнопки. Этап сворачивается нажатием на заголовок. |
|---|
Сильные и слабые стороны в панели 400 px
A · Иерархический список
- + Самый плотный. Простой маршрут занимает 630 px при высоте панели 575 px, сложный по умолчанию 910 px.
- + Ближе всего к прежнему маршруту и к строкам
TRouteTimeline, самый дешёвый перенос.
- + Автор и заголовок листаемого этапа закреплены, порядок участников постоянный.
- − Много текста одного веса. Рецензия в свёрнутой строке обрезана до одной строки.
- − При «Развернуть всё» сложный маршрут занимает 3780 px.
B · Процессная шкала
- + Хорошо читается, параллельность показана скобкой, отправки складываются в одну историю.
- + Свёрнутый этап информативен: инициалы со знаками состояния.
- − Линия, скобка и аватар забирают около 35 px ширины по сравнению с A.
- − Сложный маршрут по умолчанию занимает 1320 px, на первом экране один участник.
- − Самый дорогой перенос в Delphi.
C · Оглавление и этап
- + Обзор не теряется: длинный список листается в своей области.
- + Счётчики всех этапов в одном столбце, отборы, стрелки ↑ ↓.
- − Видны участники только одного этапа.
- − При высоте окна 720 px и семи этапах подробностям остаётся около 180 px.
- − Этап выбирается, а не раскрывается на месте.
D · Суть маршрута
- + При открытии сложного сценария на экране текущий этап целиком: трое ожидающих и замечание полным текстом.
- + Замечания читаются подряд, как переписка. Файл открывается из маршрута.
- + 37 ознакомившихся свёрнуты в счётчик и раскрываются по нажатию, ожидающие стоят списком.
- + Рейка даёт положение и переход без затрат высоты, 32 px ширины.
- − Длиннее A: сложный маршрут занимает 1920 px против 910 px, потому что тексты показаны.
- − Участники разнесены по группам. Вопрос «все по порядку» решается режимом «Все».
- − Должность и дата согласовавших без замечаний в режиме «Суть» видны только в подсказке.
- − Рейка — постоянный индикатор этапов. Она вертикальная и служит переходом, но это близко к шкале, от которой вы отказались сверху.
Маршрут и История: что где
- Маршрут показывает состояние: кто на каком этапе, что решил и когда, что написал, кто кого заменил или кому передал решение и почему, чем закончилась отправка. Сведения привязаны к этапу и участнику и относятся к выбранной отправке.
- История остаётся журналом всего документа по времени, общим для всех отправок: создание, изменения полей, файлы, доступ, просмотры, уведомления, регистрация. Решения в журнале тоже есть, но как события, без состава этапа и без рецензий.
- Следы замены и передачи в маршруте повторяют события журнала намеренно: без них непонятно, почему в строке стоит этот человек. Внизу каждого варианта есть ссылка на вкладку «История».
Раскрытие по умолчанию
- Маршрут до 12 участников открывается полностью раскрытым, как вы просили.
- Текущая отправка сложного сценария в полном раскрытии занимает на панели 400 px около 3780 px в A и 2720 px в B при высоте панели 575 px. Это пять–семь экранов.
- Правило для маршрутов крупнее 12 участников: раскрыты текущий этап и этапы с возвратом, отказом или прерыванием, остальные свёрнуты до строки с итогом. Та же отправка занимает 910 px в A и 1320 px в B, текущий этап начинается на первом экране.
- Списки длиннее 8 человек открываются с отбором: сначала те, от кого ждут действия, затем «Показать всех». Короткие списки не обрезаются.
- В D вместо этого правила работает сама компоновка: строки занимают только ожидающие и замечания.
Оценка по критериям
Баллы от 1 до 5, выше лучше. Это оценка проектировщика по макетам на ширинах 400, 520 и 640 px и шести сценариях. Пользовательских проверок не было.
| Критерий | A | B | C | D | Основание |
|---|
| Читаемость | 4 | 5 | 4 | 5 | В B и D у строк разный вес. A и C плотнее, читаются построчно. |
| Информационная насыщенность | 5 | 3 | 4 | 3 | Первый экран сложного сценария, 400 × 575 px: A — автор, 2 этапа, 4 участника; B — 2 этапа, 1 участник; C — автор, 6 этапов, 3 участника; D — текущий этап, 3 ожидающих, 1 замечание. |
| Использование узкой панели | 5 | 3 | 4 | 4 | A не тратит ширину на оформление. C тратит высоту, D 32 px ширины, B и ширину, и высоту. |
| Скорость понимания текущего состояния | 4 | 4 | 5 | 5 | В C текущий этап выделен в столбце всех этапов. D открывается на группе «Ждём». |
| Просмотр участников и рецензий | 4 | 5 | 4 | 5 | B и D показывают текст без нажатия, D ещё и файлы. Единый список участников у D только в режиме «Все». |
| Масштабируемость | 4 | 2 | 5 | 4 | 52 читателя: C держит список в своей области, D сжимает ознакомившихся в строку, A закрепляет заголовок этапа, в B лента очень длинная. |
| Соответствие приложению | 5 | 4 | 4 | 4 | A продолжает нынешний маршрут. Аватары и скобка в B, двухчастная панель в C, рейка и карточки в D для карточки новые. |
| Простота реализации | 5 | 2 | 3 | 3 | A расширяет существующие строки. C требует двух связанных областей, D — группировки, карточек и рейки с отслеживанием прокрутки, B — новой отрисовки. |
| Сумма | 36 | 28 | 34 | 33 | |
Рекомендация
A остаётся основой, как вы и выбрали. D не обгоняет его по сумме: он лучше в чтении замечаний и в ответе «кого ждём», но длиннее, дороже и меняет привычный поимённый список.
Три решения из D можно перенести в A по отдельности, не меняя его устройства. Первое: файлы рецензии кнопками прямо под цитатой в раскрытой строке участника. Второе: блок «Предыдущие отправки» с причиной возврата над этапами повторной отправки. Третье: на текущем этапе ставить ожидающих первыми. Каждое требует вашего решения, в макет A они не внесены.
Что подтверждено, а что есть только в макете
- Соответствует REST 1.32.5: группы этапов согласование, исполнение, ознакомление; состояния этапа и срок; роли участников; правило «все» или «достаточно одного»; неактивные строки участников с причиной; перечень и снимок отправок; рецензии с вложениями и признаком «связана с решением»; квитанции ознакомления.
- Только в HTML-имитации: точная связь рецензии с отправкой, этапом и решением (предложение S40); результат решения в списке рецензий; причина отзыва как рецензия. Переключатель «Рецензии: REST 1.32.5» показывает, что остаётся без этих полей: при одной отправке и уникальном названии этапа рецензии стоят на этапе с пометкой «привязка по названию», иначе попадают в блок «этап не определён» и участнику не приписываются.
- Демонстрационные данные, а не новые правила: ФИО, тексты, примечание пропущенного этапа, отправка документа замещающим сотрудником.
- Намеренно не показано: решение по телефону, дополнительное согласование, сравнение содержимого после возврата. В материалах клиента они отмечены как предложения.
Отступления от формулировок задания. В карточке нет вкладки «Атрибуты», макет повторяет действующие «Маршрут», «Файлы», «История». Создание и редактирование не являются типами этапов маршрута, поэтому показаны шагом автора в каждой отправке. Команды решений, меню участника и добавление рецензии показаны как точки входа и ничего не выполняют. Масштаб Windows 125 и 150 % и перенос в Delphi макетом не проверяются.
Что попробовать
- Простой: открыть рецензию у участника, открыть файл, закрыть окно клавишей Esc. Фокус возвращается на ту же строку. В D файл открывается прямо из карточки.
- Сложный: перейти к отправке 1 и 2, увидеть возврат и отзыв с причиной и режим «только просмотр». В отправке 3 найти замещение, передачу решения, замену участника и эксперта. В A свернуть и раскрыть первый этап и сравнить подпись правила.
- Длинный: пропущенный этап, решение по замещению, 52 читателя. В D перейти по рейке к третьему этапу и вернуться к седьмому.
- Отклонён, черновик после возврата, новый черновик: три разных состояния без активного маршрута.
- Ширина 520 и 640, тёмная тема, немецкий язык. В меню «⋯» панели включается показ удалённых рецензий.