---
title: Инструменты и технологии UX
seo:
  description: >-
    Тема «Инструменты и технологии UX» для собеседования UI/UX Designer. Каким
    программным обеспечением для UX-дизайна вы владеете? Как выбрать инструмент
    для дизайнерской задачи?
  title: Инструменты и технологии UX — UI/UX Designer
---

[Все темы UI/UX Designer](/prep/ui-ux-designer)

## <strong>Каким программным обеспечением для</strong> <code>UX</code><strong>-дизайна вы владеете?</strong> [#q-14bee738d69b81499773cb604a7277e3]

Назовите инструменты, которыми действительно владеете, и задачи, которые решали&#58; макеты, интерактивные прототипы, совместная работа, передача разработчикам. Уточните уровень владения и приведите пример результата. Не перечисляйте сервисы только потому, что они встречаются в вакансиях.

:::note[Ссылки для изучения]

1. [Макеты и интерактивные прототипы в Figma: опыт проекта — КОРУС](https://habr.com/ru/companies/korus_consulting/articles/828790/)
   :::

---

## Как выбрать инструмент для дизайнерской задачи? [#q-14bee738d69b8125946dd0c9a32f8432]

Сначала определяют задачу&#58; статический макет, проверка сценария, прототип со сложной логикой или совместная работа. Затем сравнивают нужные функции, интеграции, доступ команды, стоимость и ограничения хранения данных. Небольшой пробный сценарий помогает проверить пригодность инструмента; универсально лучшего варианта нет.

:::note[Ссылки для изучения]

1. [Выбор инструмента под сложность сценария: нелинейный прототип в Figma — Альфа-Банк](https://habr.com/ru/companies/alfa/articles/795357/)
   :::

---

## <strong>Знакомы ли вы с</strong> <code>HTML</code> <strong>,</strong> <code>CSS</code> <strong>и</strong> <code>JS</code> <strong>и тем, как они влияют на дизайн пользовательского опыта?</strong> [#q-14bee738d69b811c8798f8065e504395]

HTML задаёт структуру и семантику страницы, CSS — оформление и адаптацию, JavaScript — интерактивное поведение. Дизайнеру это помогает обсуждать доступность, состояния компонентов и ограничения реализации. В ответе о себе укажите реальный уровень&#58; чтение кода, создание прототипов или участие в разработке.

:::note[Ссылки для изучения]

1. [Роли HTML, CSS и JavaScript в интерфейсе — MDN](https://developer.mozilla.org/ru/docs/Learn_web_development/Core/Scripting/What_is_JavaScript)
   :::

---

## <strong>Как вы осуществляете контроль версий файлов дизайна?</strong> [#q-14bee738d69b811a84cae3162cf11cc9]

Используют историю версий выбранного редактора, именованные контрольные версии и согласованные правила работы с изменениями. Перед передачей в разработку фиксируют утверждённый вариант, а существенные правки сопровождают описанием. Если инструмент поддерживает ветки, заранее определяют порядок их проверки и объединения.

:::note[Ссылки для изучения]

1. [История версий и ветвление макетов в Figma: опыт 2021 года — Arcadia](https://habr.com/ru/companies/arcadia/articles/567530/)
   :::

---

## <strong>Можете ли вы описать свой опыт работы с инструментами прототипирования?</strong> [#q-14bee738d69b81afa87ccd834b6c94f2]

Расскажите о прототипе, который действительно создавали&#58; какую гипотезу проверяли, почему выбрали этот инструмент и уровень детализации, как моделировали взаимодействие и что узнали на тестировании. Если опыт учебный, обозначьте это.

:::note[Ссылки для изучения]

1. [Как прототип помог проверить сценарии до разработки — КОРУС](https://habr.com/ru/companies/korus_consulting/articles/828790/)
   :::