На скриншоте — баннер с главной страницы сайта Сбера. 🪙 Этот баннер ведёт на лендинг в честь Дня клиента. Лендинг подготовила одна из наших команд. Обязательно переходите и участвуйте: День клиента!
После того как немного развлеклись на лендинге, я надеюсь, вы вернулись узнать про Кейс 2. Описание макетов экранных форм.
Продолжим прошлый кейс. Когда аналитик соберёт бизнес-требования, нужно либо с помощью прототипа, либо просто словами запросить у дизайнера макет. Наш магистр Figma, возвращается вот с неземной красотой. Далее аналитик описывает логику работы, чтобы фронтенд-разработчик смог корректно запрограммировать эту магию. 👋
Как правило, приходится потратить немного времени на создание табличек, разметку атрибутов и так далее.
И вот к нам на помощь приходит Giga.Chat.💬 Отдаём ему наш скриншот, добавляем немного вводных:
Я — системный аналитик на сайте. Я описываю фронтовые модули. Я приложил файл с макетом виджета, который мы разрабатываем. Мне нужно разметить данный файл атрибутами (кнопки, логотип, заголовок, подзаголовок, фон и т. д.). Описание атрибутов нужно, чтобы фронтенд-разработчик смог потом использовать мою документацию для вёрстки и создания логики. Сформируй список атрибутов в формате таблицы/JSON/YAML (можно просить любой формат, но лучше с примером).
Получаем ответ:
"participateButton": {
"type": "button",
"required": false,
"example": "Кнопка Играть",
"validationRule": "валидация на клик"
},
"cashbackLogo": {
"type": "image",
"required": true,
"example": "День клиента"",
"validationRule": "проверка наличия пути к изображению"
}
Профит!🚀 Мы сэкономили время на заполнение. Может показаться, что это несложно… А вы вспомните, сколько времени тратите на создание и заполнение таблиц.