Дизайн-брифы и визуальная коммуникация

Бесплатный генератор текста для вайрфреймов.

План разделов и элементов низкой детализации.

Создайте понятный текст интерфейса до завершения дизайна и разработки.

Нужны расширение Chrome и аккаунт.
25 бесплатных задач автоматизации в месяц суммарно для всех инструментов. Действуют ограничения провайдера в браузере.

ЧТО НУЖНО ПОДГОТОВИТЬ

Задача страницы, аудитория и нужные действия.

ОТПРАВНАЯ ТОЧКА

Задача, которую можно настроить под себя.

Скопируйте здесь. Вставьте в WebAct, когда будете готовы.

Эта страница подготавливает промпт. Задача выполняется в WebAct.

01

Настройте задачу под себя.

Проверьте промпт выше. Добавьте свою цель и важные требования.

02

Перенесите задачу в WebAct.

Откройте WebAct, вставьте задачу и предоставьте исходные материалы. Начните с Chat для черновика или пояснения; используйте Task для одобренного действия в браузере или файла.

03

Проверьте полезную часть.

Используйте результат как редактируемый черновик или анализ. Сверьте его с предоставленными фактами и целевой аудиторией, прежде чем полагаться на него или делиться им.

ПРАКТИЧЕСКОЕ РУКОВОДСТВО

Как писать понятный текст для каркаса интерфейса.

Уточните задачу и доступное действие. Используйте реалистичные метки и длину текстов; отличайте заглушки от обещаний, требующих подтверждения продуктом.

Адаптируйте процесс под свою задачу.

Определите задачу и реальное поведение экрана, затем напишите правдоподобные заголовки, метки, действия и отклики. Добавьте пустые и ошибочные состояния. Не вставляйте неподтверждённые обещания скорости, доступа или успеха.

Что вы предоставляете
Задача страницы, аудитория и нужные действия.
Что вы получите
План разделов и элементов низкой детализации.

Посмотрите входные данные и результат.

Иллюстративные входные и выходные данные · учебный пример, а не реальный запуск WebAct

Полей ввода: Пример

Signup wireframe needs a heading, email label, submit action and an error message for an invalid address.

Готовый пример

Heading: Create your account.
Label: Email address. Button: Continue.
Error: Enter an email address in the format name@example.com.
Confirm the actual signup behavior before adding promises about timing or access.
Скачать этот пример

Добавьте эти данные в промпт и скопируйте его в WebAct, чтобы попробовать задачу. Ваш результат может отличаться от примера.

Решения и устранение проблем.

Стоит ли везде ставить кнопку вроде «Отправить»?

Укажите реальное действие, например «Создать аккаунт» или «Продолжить», когда поведение подтверждено.

Почему ошибка называет проблему, но не помогает исправить?

Не хватает конкретного исправления. Добавьте следующий шаг согласно правилу проверки.

Попробуйте на собственном источнике.

Замените пример своим материалом в промпте. Сохраните нужные требования и скопируйте задачу в WebAct.

Настроить и скопировать задачу ↑
ПЕРЕД НАЧАЛОМ

Использование WebAct.

Промпт и пример доступны здесь. Выполните задачу в расширении WebAct для Chrome.

Этот инструмент бесплатный?

Здесь можно бесплатно копировать и редактировать промпт. Для использования с WebAct установите расширение Chrome, создайте и подтвердите аккаунт и подключите доступную сессию ChatGPT в браузере. План Free включает 25 задач автоматизации, запускаемых пользователем, за календарный месяц суммарно для всех инструментов. Обычный браузерный Chat учитывается отдельно; действуют ограничения провайдера.

Узнайте об общем контексте в нашем политике конфиденциальности и о выборе между Chat и Task.

ОТ ПРОМПТА К ВАШЕЙ РАБОТЕ

Перенесите задачу на свою страницу.

Установите WebAct, добавьте исходные материалы и адаптируйте результат.

Установить WebAct