Прототип строительного сайта в Figma: как связать экраны и передать рабочий сценарий
Команда согласовала картинки будущего сайта, но ещё не проверила, что произойдёт после выбора дома. Откроется карточка, появится форма или посетитель потеряет выбранный вариант? Статичные экраны показывают содержание по отдельности. Кликабельный прототип позволяет соединить их в модель взаимодействия до разработки рабочего сайта.
Ниже — сборка простого сценария в Figma из подготовленных экранов. Результат: редактируемый файл, заданный вход, действующие переходы и ссылка, по которой коллега самостоятельно проходит путь. Прототип не отправляет заявку в CRM и не подтверждает доступность готового сайта. Он помогает проверить предложенное поведение, пока его ещё можно изменить в макете.
Содержание
Ограничьте первую модель одной задачей
Выберите законченный путь: открыть каталог домов, изучить комплектацию, перейти к запросу консультации и вернуться к выбору. Для агентства недвижимости это может быть переход от списка объектов к карточке и обсуждению просмотра. Это условные примеры, а не проверенные результаты конкретной компании.
Запишите начальное состояние, действия и ожидаемый конец. Укажите, что будет имитацией: выбранный объект, заполненные поля, ошибка или подтверждение. Если экран «Заявка получена» существует только в макете, назовите его демонстрационным. Нельзя давать участнику впечатление, что он действительно связался с отделом продаж.
Подготовьте перечень состояний до соединения экранов. Пустой результат, закрытие окна и возврат часто обнаруживаются позднее, когда красивый основной путь уже собран. Не требуется моделировать весь сайт: нужен достаточный набор, чтобы проверить выбранное решение без постоянной помощи автора.
Проверьте доступный аккаунт и способ передачи
Базовое прототипирование Figma документировано для всех планов; создание связей требует права редактирования файла. Сначала убедитесь, что ответственный действительно может открыть и изменить рабочий файл компании. Возможность читать справку не подтверждает доступ к конкретному аккаунту.
У сервиса есть существенное ограничение применимости. В официальной политике для России и Беларуси указаны ограничения санкционных аккаунтов и отсутствие новых платных услуг для клиентов из России, включая повышение бесплатного плана. Не стройте процесс на обещании будущего платного обновления и не ищите обход оплаты.
На Starter ссылка из режима показа оставляет зрителю возможность открыть исходный файл. Отдельная передача только прототипа предусмотрена платными планами. Поэтому заранее согласуйте состав видимых материалов и права: ссылка на показ сама по себе не изолирует внутренние экраны, заметки и черновики от получателя.
Подготовьте экраны как отдельные фреймы
Для простого сценария создайте или используйте отдельные фреймы верхнего уровня: каталог, карточку дома, состояние запроса и демонстрационное завершение. Дайте им названия по смыслу и состоянию. Названия «Экран 1 копия 8» затрудняют выбор назначения, особенно когда рядом несколько похожих карточек.
Фрейм верхнего уровня расположен непосредственно на холсте. По руководству соединений назначение обычного перехода обычно должно быть таким фреймом; действие Scroll to имеет другую область и позволяет переход внутри текущего фрейма. Не пытайтесь исправлять неверную структуру случайным переносом стрелки на вложенный текст.
Отделите рабочий сценарий от альтернатив, которые не должны участвовать в проходе. Для мобильной модели подготовьте соответствующие размеры и содержание. Масштабирование широкого экрана не заменяет отдельной проверки того, что читатель увидит на телефоне.
Соедините действие с правильным назначением
Откройте вкладку Prototype справа. Выберите объект, который станет активной областью: кнопку, карточку или ссылку. Перетащите узел соединения к нужному фрейму либо добавьте взаимодействие через раздел Interactions.
В деталях задайте три вещи: Trigger, Action и Destination. Для простого нажатия выберите соответствующий триггер и переход к следующему экрану. Затем проверьте назначение по названию и содержанию. Стрелка, ведущая к похожему фрейму другого дома, создаёт работающий технически, но неверный по смыслу маршрут.
| Исходное действие | Ожидаемая связь | Контроль в показе |
|---|---|---|
| Выбрать дом А | Карточка дома А | Название и комплектация совпали |
| Открыть условия | Экран или окно условий | Понятен способ закрытия |
| Запросить консультацию | Демонстрационная форма | Сохранился контекст выбранного дома |
| Вернуться | Предусмотренное предыдущее состояние | Нет неожиданного перехода в начало |
На узком экране таблицу можно прокрутить вбок.
Не назначайте действие всему экрану ради удобной демонстрации, если в будущем нажиматься должна конкретная кнопка. Иначе участник случайно найдёт переход там, где реальный интерфейс его не предусматривает. Проверяется модель поведения, поэтому активные области тоже должны соответствовать замыслу.
Добавьте окно и понятное закрытие
Если форма должна появляться поверх карточки, подготовьте её отдельным фреймом и задайте действие Open overlay. Инструкция по overlays позволяет настроить положение, фон и закрытие нажатием вне окна. Выберите поведение явно, а затем проверьте его в показе.
Добавьте предусмотренный путь закрытия внутри окна. Проверьте, что после него человек остаётся в нужном контексте. Окно с формой не должно превращать каждый отказ от отправки в возврат к началу каталога, если команда не планировала такого поведения.
У overlay настройки относятся к самому окну и могут использоваться несколькими связями. Изменение общего окна нужно повторно проверить из разных точек входа. Если применяется Swap overlay, учтите: Figma не записывает такую замену в историю прототипа; Back не означает возвращение к предыдущему overlay. Для первой модели не усложняйте цепочку без необходимости.
Задайте начало и пройдите сценарий
Figma может автоматически назначить начальный фрейм при первом соединении. Проверьте это назначение, а не полагайтесь на порядок своей работы. Во вкладке Prototype задайте Flow starting point на нужном фрейме и назовите поток, например «Выбор дома — мобильный».
В инструкции потоков описаны начальные точки, предварительный просмотр и копирование ссылки на конкретный flow. Откройте preview и последовательно выполните каждое действие. Затем повторите проход с начала: результат не должен зависеть от того, какой экран автор открыл перед показом.
Общий фрейм способен соединять несколько потоков. Ссылка на один старт не является запретом на переход в другие связанные сценарии. Если нужна отдельная исследовательская версия, проверьте все исходящие связи и доступный состав файла, а не только название отправляемого flow.
Передайте ссылку вместе с границами модели
В режиме показа выберите нужный поток, откройте Share prototype и проверьте доступ получателя. Справка передачи различает ссылку, приглашение и разрешения. Отсутствие публичного варианта может быть политикой организации; не обещайте, что любой файл обязательно откроется анонимно.
Попросите коллегу открыть ссылку в предусмотренной роли и пройти путь без подсказок сборщика. Зафиксируйте тупики, неверные назначения и отсутствующие состояния. Это техническая проверка модели; полноценное наблюдение за подходящими пользователями организуется отдельно и не превращается в расчёт будущей конверсии.
В передачу включите файл, точную ссылку входа, список реализованных действий, имитаций и открытых вопросов. При изменении экранов повторите критические связи. Обсудить будущую посадочную и маркетинг строительной компании с Digitax можно с таким прототипом и перечнем решений, которые команда хочет проверить до разработки.
Политика в отношении обработки персональных данных
1. Общие положения
Настоящая политика обработки персональных данных составлена в соответствии с требованиями Федерального закона от 27.07.2006. №152-ФЗ «О персональных данных» и определяет порядок обработки персональных данных и меры по обеспечению безопасности персональных данных, предпринимаемые ИП Мальцевым Алексеем Александровичем (далее – Оператор).
1.1. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.
1.2. Настоящая политика Оператора в отношении обработки персональных данных (далее – Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта https://agency-digitax.ru
2. Основные понятия, используемые в Политике
2.1. Автоматизированная обработка персональных данных – обработка персональных данных с помощью средств вычислительной техники;
2.2. Блокирование персональных данных – временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных);
2.3. Веб-сайт – совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу https://agency-digitax.ru;
2.4. Информационная система персональных данных — совокупность содержащихся в базах данных персональных данных, и обеспечивающих их обработку информационных технологий и технических средств;
2.5. Обезличивание персональных данных — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных;
2.6. Обработка персональных данных – любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных;
2.7. Оператор – государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и (или) осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными;
2.8. Персональные данные – любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта https://agency-digitax.ru;
2.9. Пользователь – любой посетитель веб-сайта https://agency-digitax.ru;
2.10. Предоставление персональных данных – действия, направленные на раскрытие персональных данных определенному лицу или определенному кругу лиц;
2.11. Распространение персональных данных – любые действия, направленные на раскрытие персональных данных неопределенному кругу лиц (передача персональных данных) или на ознакомление с персональными данными неограниченного круга лиц, в том числе обнародование персональных данных в средствах массовой информации, размещение в информационно-телекоммуникационных сетях или предоставление доступа к персональным данным каким-либо иным способом;
2.12. Трансграничная передача персональных данных – передача персональных данных на территорию иностранного государства органу власти иностранного государства, иностранному физическому или иностранному юридическому лицу;
2.13. Уничтожение персональных данных – любые действия, в результате которых персональные данные уничтожаются безвозвратно с невозможностью дальнейшего восстановления содержания персональных данных в информационной системе персональных данных и (или) уничтожаются материальные носители персональных данных.
3. Оператор может обрабатывать следующие персональные данные Пользователя
3.1. Фамилия, имя, отчество;
3.2. Электронный адрес;
3.3. Номера телефонов;
3.4. Также на сайте происходит сбор и обработка обезличенных данных о посетителях (в т.ч. файлов «cookie») с помощью сервисов интернет-статистики (Яндекс Метрика и Гугл Аналитика и других).
3.5. Вышеперечисленные данные далее по тексту Политики объединены общим понятием Персональные данные.
4. Цели обработки персональных данных
4.1. Цель обработки персональных данных Пользователя — информирование Пользователя посредством отправки электронных писем; предоставление доступа Пользователю к сервисам, информации и/или материалам, содержащимся на веб-сайте.
4.2. Также Оператор имеет право направлять Пользователю уведомления о новых продуктах и услугах, специальных предложениях и различных событиях. Пользователь всегда может отказаться от получения информационных сообщений, направив Оператору письмо на адрес электронной почты info@digitax-agency.ru с пометкой «Отказ от уведомлений о новых продуктах и услугах и специальных предложениях».
4.3. Обезличенные данные Пользователей, собираемые с помощью сервисов интернет-статистики, служат для сбора информации о действиях Пользователей на сайте, улучшения качества сайта и его содержания.
5. Правовые основания обработки персональных данных
5.1. Оператор обрабатывает персональные данные Пользователя только в случае их заполнения и/или отправки Пользователем самостоятельно через специальные формы, расположенные на сайте https://agency-digitax.ru. Заполняя соответствующие формы и/или отправляя свои персональные данные Оператору, Пользователь выражает свое согласие с данной Политикой.
5.2. Оператор обрабатывает обезличенные данные о Пользователе в случае, если это разрешено в настройках браузера Пользователя (включено сохранение файлов «cookie» и использование технологии JavaScript).
6. Порядок сбора, хранения, передачи и других видов обработки персональных данных
Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных.
6.1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц.
6.2. Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства.
6.3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомление на адрес электронной почты Оператора info@digitax-agency.ru с пометкой «Актуализация персональных данных».
6.4. Срок обработки персональных данных является неограниченным. Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты на электронный адрес Оператора info@digitax-agency.ru с пометкой «Отзыв согласия на обработку персональных данных».
7. Трансграничная передача персональных данных
7.1. Оператор до начала осуществления трансграничной передачи персональных данных обязан убедиться в том, что иностранным государством, на территорию которого предполагается осуществлять передачу персональных данных, обеспечивается надежная защита прав субъектов персональных данных.
7.2. Трансграничная передача персональных данных на территории иностранных государств, не отвечающих вышеуказанным требованиям, может осуществляться только в случае наличия согласия в письменной форме субъекта персональных данных на трансграничную передачу его персональных данных и/или исполнения договора, стороной которого является субъект персональных данных.
8. Заключительные положения
8.1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты info@digitax-agency.ru.
8.2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.
8.3. Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу https://agency-digitax.ru
Пользователь — любое лицо, оставляющее свои данные на Сайте: agency-digitax.ru
Оператор — Индивидуальный предприниматель Мальцев Алексей Александрович, адрес: РФ, 355045, СТАВРОПОЛЬСКИЙ КРАЙ, Г СТАВРОПОЛЬ, УЛ ПИРОГОВА, д. 64, корп. 4, кв. 101
1. Пользователь, присоединяясь к настоящему Соглашению и оставляя свои данные на Сайте Оператора по адресу в сети Интернет: agency-digitax.ru (далее — Сайт), путем заполнения персональных данных в специальных полях на Сайте:
1.1. Подтверждает, что все указанные им данные принадлежат лично ему;
1.2. Подтверждает и признает, что им внимательно в полном объеме прочитано настоящее Согласие, Политика конфиденциальности, расположенная по адресу agency-digitax.ru, текст и условия ему понятны.
1.3. Выражает согласие с условиями Политики конфиденциальности, расположенной по адресу agency-digitax.ru
1.4. Дает согласие Оператору на обработку персональных данных и возможность передачи им таких персональных данных третьим лицам, с использованием машинных носителей информации, по каналам связи с соблюдением мер, обеспечивающих их защиту от несанкционированного доступа.
1.5. Согласие дается на обработку следующих персональных данных:
- Имя, номер телефона, адрес электронной почты
1.6. Согласие Пользователя на обработку и передачу третьим лицам персональных данных является конкретным, информированным и сознательным.
2. Оператор осуществляет автоматизированную обработку персональных данных с получением и/или передачей полученной информации по информационно-телекоммуникационным сетям или без таковой.
3. В ходе обработки с персональными данными Пользователя могут быть совершены следующие действия: сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), использование, передачу (распространение, предоставление, доступ), обезличивание, удаление и уничтожение персональных данных.
4. Оператор не осуществляет обработку специальных категорий персональных данных, касающихся расовой, национальной принадлежности, политических взглядов, религиозных или философских убеждений, состояния здоровья, интимной жизни, за исключением случаев, предусмотренных законодательством РФ.
5. Срок согласия на обработку и передачу третьим лицам персональных данных ограничен сроком необходимым для достижения цели сбора и обработки персональных данных.
6. Согласие может быть отозвано Пользователем путем направления письменного заявления на электронную почту: info@digitax-agency.ru
7. Оператор имеет право вносить изменения в настоящее Согласие. При внесении изменений в актуальной редакции указывается дата последнего обновления. Новая редакция Согласия вступает в силу с момента ее размещения, если иное не предусмотрено новой редакцией Согласия.
