FORMA / РУКОВОДСТВО

Как пользоваться трекером

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

Источник: uixtouch.ru/ui/ux. Снимки сделаны в отдельном браузере на демоданных. Учебный макет добавлен только для показа согласований.

Данные локальные: регулярно скачивайте резервную копию. Защищённых гостевых ссылок и автоматической синхронизации между устройствами в этой версии нет.

Содержание

1. Ориентируемся в трекере

1. Ориентируемся в трекере
  1. ① Меню слева переключает разделы. «Сегодня» показывает срочные задачи, загрузку дня и ожидание клиента.
  2. ② «Новая задача» открывает карточку создания. ③ Показатели сверху ведут к связанным разделам.
  3. ④ График недели: жёлтый — запланированные часы, фиолетовый — фактические. Пунктир — дневная ёмкость из настроек.
  4. Начните с настроек, затем создайте проект и первую задачу. На снимках используются демоданные отдельного браузера — не ваши личные записи.
К содержанию ↑

2. Настройки и безопасность данных

2. Настройки и безопасность данных
  1. ① Введите своё имя и рабочую ёмкость дня, например 8 часов. Нажмите «Сохранить настройки». Имя используется в комментариях и истории.
  2. ② «Резервная копия» скачивает JSON с проектами, задачами, временем и файлами. Делайте копию после важной работы.
  3. ③ «Восстановить» заменяет текущее пространство данными из JSON. Это не объединение двух баз.
  4. ④ «Очистить пространство» удаляет текущие данные. Используйте для удаления демо только после сохранения нужной информации.
  5. Данные хранятся в конкретном браузере. Другой телефон, профиль или браузер не получит их автоматически. Не работайте одновременно в нескольких вкладках. CSV — таблица задач, не полная резервная копия.
К содержанию ↑

3. Проекты и шаблоны

3. Проекты и шаблоны
  1. ① Нажмите «+ Проект», чтобы объединить задачи одного клиента.
  2. ② Шаблоны «Лендинг», «Логотип», «Презентация», «Айдентика» создают одну задачу с чек-листом и примерной оценкой времени. Это не набор автоматически созданных задач.
  3. ③ На карточке проекта «Изменить» открывает параметры, «Задачи ↗» — доску с фильтром по проекту.
  4. Процент выполнения считается по готовым задачам. Дедлайн проекта не переносится автоматически в сроки задач.
К содержанию ↑

4. Заполняем проект

4. Заполняем проект
  1. ① Укажите понятное название: например «Сайт Botanica». ② Введите имя клиента или название компании.
  2. Добавьте описание, общий дедлайн и цвет. ③ Нажмите «Сохранить проект».
  3. Чтобы изменить данные, вернитесь в «Проекты» и нажмите «Изменить». При удалении проекта его задачи остаются без привязки к проекту.
К содержанию ↑

5. Управляем задачами на доске

5. Управляем задачами на доске
  1. ① Поиск находит задачи по названию, описанию, клиенту и проекту. ② Фильтр проекта ограничивает список; рядом доступен приоритет.
  2. ③ Этапы: «Новая задача» → «В работе» → «На согласовании» → «Правки» → «Готово». На компьютере карточку можно перетащить в другую колонку.
  3. Нажмите на карточку, чтобы открыть её. Кнопка «+» в заголовке колонки создаёт задачу сразу на этом этапе.
  4. На телефоне меняйте этап внутри карточки. Раздел «Ждём клиента» показывает только задачи на согласовании. Если задача пропала из вида, проверьте фильтры.
К содержанию ↑

6. Создаём и редактируем задачу

6. Создаём и редактируем задачу
  1. ① Введите название и описание результата. Выберите проект; клиента можно указать отдельно, если он отличается от клиента проекта.
  2. ② Установите этап, приоритет, дедлайн и оценку в часах. Ниже, при прокрутке карточки, доступны бриф, ТЗ и чек-лист результата.
  3. ③ Вкладки: «Задача», «Материалы», «Время», «Комментарии», «История». Во вкладке комментариев можно добавлять, изменять и удалять записи.
  4. ④ Нажмите «Сохранить». Изменения в карточке не следует считать сохранёнными до этого действия. При закрытии изменённой карточки появляется подтверждение.
  5. «Копия» создаёт новую задачу без накопленного времени, файлов и версий. «Удалить» удаляет задачу вместе с её данными.
К содержанию ↑

7. Добавляем Figma, референсы и файлы

7. Добавляем Figma, референсы и файлы
  1. ① «+ Ссылка»: введите название и полный адрес https://… Затем сохраните карточку. Ссылку можно изменить или удалить.
  2. ② Нажмите область загрузки, чтобы добавить PNG, JPG, WebP или PDF. Максимум — 8 МБ на файл. У вложений есть скачивание и удаление.
  3. ③ «Сохранить и открыть ↗» переводит к согласованию макетов.
  4. Вложение в карточке и версия макета — разные сущности. Чтобы оставить метки и зафиксировать согласование, загрузите макет именно в разделе «Согласования».
К содержанию ↑

8. Учитываем фактическое время

8. Учитываем фактическое время
  1. ① Во вкладке «Время» нажмите «Запустить». Завершив работу, нажмите «Остановить» в карточке или на полосе таймера.
  2. Таймер один на всё пространство. Закрытие страницы не останавливает отсчёт: после возвращения учитывается прошедшее время.
  3. ② «+ Запись» позволяет вручную указать дату, часы и описание работы. Запись можно изменить или удалить. После ручных изменений сохраните карточку.
  4. ③ «+ Запланировать» создаёт рабочий блок расписания. План не добавляет часы в факт — для факта нужен таймер или ручная запись.
  5. Оценка — предполагаемая трудоёмкость, факт — уже записанные часы, план — распределённое по календарю время.
К содержанию ↑

9. Следим за дедлайнами

9. Следим за дедлайнами
  1. ① Стрелки переключают месяцы, кнопка «Сегодня» возвращает текущий месяц.
  2. ② Жёлтым выделены дедлайны задач, фиолетовым — рабочие блоки. Нажатие на задачу открывает её карточку.
  3. Нажмите свободную область дня, чтобы открыть расписание выбранной даты. Если задач много, в ячейке показывается количество дополнительных записей.
  4. Дедлайн не назначает рабочее время автоматически: для работы над задачей добавляйте блоки отдельно.
К содержанию ↑

10. Планируем загрузку дня

10. Планируем загрузку дня
  1. ① Выберите дату или переключите день стрелками. ② Нажмите «+ Рабочий блок».
  2. На временной шкале блоки расположены по времени начала. Прокрутите страницу до нужного часа. Нажмите существующий блок для изменения или удаления.
  3. ③ Справа — загрузка дня, задачи к сдаче и недельный график. Если при ёмкости 8 часов запланировано 10, загрузка составит 125%.
  4. Пересекающиеся блоки выделяются и располагаются рядом. Их длительности суммируются: показатель загрузки не равен числу уникальных занятых часов.
К содержанию ↑

11. Добавляем рабочий блок

11. Добавляем рабочий блок
  1. ① Выберите задачу и дату. ② Укажите время начала. ③ Введите длительность в часах, например 1.5.
  2. ④ Нажмите «Сохранить блок». Пример: 10:00 и 2 часа создают интервал до 12:00.
  3. Один блок не может пересекать полночь — разделите его на два дня. Пересечения с другими задачами разрешены, но будут подсвечены.
  4. Для изменения нажмите блок на шкале. В открывшемся окне доступна кнопка удаления.
К содержанию ↑

12. Оставляем замечания и согласуем

12. Оставляем замечания и согласуем
  1. Выберите задачу и загрузите макет через область «Загрузить новую версию». Допустимы PNG, JPG, WebP, PDF до 8 МБ. На снимке — специально созданный учебный макет.
  2. ② «+ Метка» → нажмите область изображения → напишите замечание → «Добавить». Без метки комментарий будет общим. Для PDF доступны общие комментарии, без точечных меток.
  3. ③ Меняйте статус замечания: новая правка, в работе, исправлено, проверено. «→ В задачу» создаёт отдельную задачу; её статус не синхронизируется со статусом замечания.
  4. ④ «Согласовать» фиксирует имя и время для выбранной версии. Последняя согласованная версия переводит задачу в «Готово». «На доработку» переводит последнюю версию и задачу в правки.
  5. Согласованная версия закрывается для редактирования замечаний. Для следующего раунда загрузите новый файл. При двух версиях появляется сравнение «До / после». ① «Файл клиенту» скачивает автономную HTML-копию.
К содержанию ↑

13. Получаем ответ клиента

13. Получаем ответ клиента
  1. Дизайнер: в «Согласованиях» нажмите «Файл клиенту» и отправьте скачанный HTML. В него входят все версии выбранной задачи — проверьте конфиденциальность материалов.
  2. Клиент: скачайте HTML и откройте в браузере. ① Введите имя. Добавьте комментарии и при необходимости нажмите ③ «Согласовать» или «На доработку».
  3. ② Нажмите «Скачать ответ» до закрытия страницы. Отправьте полученный JSON дизайнеру. Без скачивания ответа изменения клиентской копии могут быть потеряны.
  4. Дизайнер: нажмите «↑ Ответ клиента» в согласованиях или настройках, выберите JSON и подтвердите импорт.
  5. Это обмен файлами, не защищённая гостевая ссылка и не онлайн-синхронизация. Имя вводится вручную. Удаление замечания в клиентской копии не удаляет ранее импортированную запись дизайнера.
К содержанию ↑

14. Работаем с телефона

14. Работаем с телефона
  1. Снимок сделан при ширине окна 300 px. Верхнее меню разделов прокручивается горизонтально.
  2. Колонки доски также прокручиваются по горизонтали. Для изменения этапа откройте карточку, выберите новое значение и сохраните — перетаскивание не требуется.
  3. Окно задачи занимает ширину экрана. Вкладки карточки прокручиваются; длинную форму нужно пролистать.
  4. На телефоне открывается отдельное локальное пространство. Для переноса данных используйте резервную копию и восстановление; это заменяет данные, а не синхронизирует их.
К содержанию ↑
Увеличенный скриншот