Этот чек-лист универсален, так как можно использовать при оформлении задач не только разработчику, но и другому специалисту команды (дизайнер, маркетолог, продуктолог, контент-менеджер, и даже руководитель).
Чек-лист оформления задачи
- 1 проблема = 1 задача. В одной задаче должна решаться конкретная узкая проблема.
- Название задачи должно кратко и точно отражать суть того, что нужно сделать.
- Заголовок задачи должен начинаться с глагола. Например: “Обновить шаблон метаданных страниц специализаций”, ”Удалить ссылку на странице N», «Настроить 301-редирекст со страницы N на страницу K», “Настроить автоматическую генерацию sitemap.xml с обновлением данных”.
- В 1-3 предложениях объясняем, для чего нужна эта задача. Почему плохо сейчас, и почему это изменение важно для проекта.
- Кратко описываем, в чём заключается ошибка или проблема. Прикладываем скриншот или фрагмент кода, который нужно изменить. Показываем конкретное место, где ошибка. Хорошо выделять такие места в скриншоте красным цветом.
- Чётко прописываем, что нужно сделать. Описываем пошагово: куда смотреть, что добавить, удалить или изменить, и как должно выглядеть в итоге. Идеально показать в формате БЫЛО – СТАНЕТ.
- Указываем, как будет проверяться выполненная задача. Указываем инструмент или метод проверки.
- Прикладываем пример с другого сайта или страницы, где эта ошибка уже исправлена. Это поможет разработчику лучше понять, как должен выглядеть итог задачи.
- Указываем приоритет задачи.
Не обязательно, но желательно, в зависимости от проекта и вашего уровня взаимодействия с командой клиента (если вам такие права дали):
- Указываем срок, к которому задача должна быть выполнена.
- Указываем, кто именно отвечает за выполнение задачи.
Примеры оформления задач
Пример 1
Заголовок задачи:
Заменить в карточке врача текст кнопки “Записаться онлайн” на “Онлайн-консультация”
Описание задачи:
Сейчас в карточках врачей, которые принимают онлайн пациентов, написано “Записаться онлайн”. Этот текст может вводить в забруждение, так как есть два варианта приема – запись на прием и посещение врача в клинике и онлайн-консультация. Пользователи могут понять текст “Записаться онлайн” на кнопке записи на онлайн-консультацию как запись на прием в клинике с походом далее в мед.центр, а не онлайн-консультацию без похода в мед.центр.
Нужно:
Заменить в карточке врача текст кнопки “Записаться онлайн” на “Онлайн-консультация”
Как в итоге должно выглядеть прикреплено в скриншоте ниже.
Совет
В браузере Google Chrome в консоли есть возможность редактировать страницу в реальном времени с помощью команды document.designMode=”on”;.
Так можно отредактировать нужную страницу, показать наглядно для исполнителя задачи, как в итоге должно всё выглядеть без использования Figma и других инструментов для рисования. Работы на 5 минут).
Пример 2
Заголовок задачи:
Вывести стоимость первичного, вторичного приема, онлайн консультации (страница врача)
Описание задачи:
Сейчас в карточке врача нет информации по стоимости вторичного приема и онлайн-консультации. Эти данные являются коммерческими факторами, которые напрямую влияют на позиции страницы врача в выдаче.
Нужно:
- в верхней части карточки врача вывести блок информации по стоимости первичного, вторичного приема, стоимость онлайн-консультации, если такую услугу предоставляет врач.
- если онлайн-консультация не предоставляется, не выводить этот пункт.
- визуальное оформление по дизайну на усмотрение дизайнера с учетом дизайн-системы проекта.
Смотреть как пример реализации на [ссылка на страницу карточки врача на сайте конкурента с примером блока цен]
Как в итоге должно выглядеть прикреплено в скриншоте ниже [добавляем скриншот с примером ка должно получиться].
Пример 3
Как в итоге может выглядеть оформленная задача, например, в Trello.
