interface
UX
2025
Дизайн модуля опционных стратегий
для разных уровней опыта
interface
UX
2025
Дизайн модуля опционных стратегий
для разных уровней опыта
контекст
У заказчика стояла задача увеличить число опционных сделок. В продукте не было отдельного слоя «стратегии»: пользователи с разным опытом попадали на один перегруженный веб-экран.
Команда
- Я —UX/UI дизайнер
- Продакт-менеджер
- Внутренние разработчики команды банка
- Старший дизайнер-ментор (ревью и утверждение макетов)
Срок
9 недель
При внедрении готовых опционных стратегий как отдельный инструмент я разложила их на три сценария:
simple
для новичков
Hedging
защита портфеля
Complex
мультилег для профи + мобильная аналитика для быстрого выбора
Как будем мерить успех
Таргеты первой версии
- не меньше 6–8% переходов из карточек/графиков в оформление стратегии
- 15–20% завершённых заявок «начал → отправил стртегию»
- среднее время сборки сложной стратегии ≤ 60–75 сек
- не больше 35% отказов на этапе выбора и настроек
- минимум половина опционных сделок через готовые шаблоны
simple
← desktop
mobile →
mobile
↓
↓
проблема
Новичкам сложно «с чего начать»: один экран с графиком/таблицами не объяснял, что именно покупать и каков риск
суть решения
Дать пользователю «готовую точку входа» через карточки стратегий и упростить переход от тикера/аналитики к сделке.
ключевые решения в интерфейсе
1. Единая CTA: «Оформить стратегию» вместо «Купить» к каждому опциону
2. Карточка стратегии с payoff и короткой «Суть стратегии» простым языком
3. Мини-P/L для быстрого понимания на мобайле
что закрывает из таргетов
1. Рост CTR по кнопке «Инвестировать».
2. Увеличение числа начатых сделок.
Hedging
проблема
Инвесторы не видят, как PUT-стратегия реально покрывает просадку портфеля; боятся «покупать непонятное».
Суть решения
Показать связь портфеля с индексом и дать простой инструмент настройки хеджирования через визуальные элементы.
ключевые решения в интерфейсе
1. Карточка хеджа: портфель vs бенчмарк, корреляция, историческая просадка.
2. Редактор: ползунок премии, список экспираций, шкала страйков, интерактивный payoff.
3. Простые формулировки: «Корреляция — это насколько портфель движется вместе с индексом».
что закрывает из таргетов
1. Конверсия «карточка → отправка хеджа» растет
2. Количество отказов при работе с редактором
проблема
Инвесторы не видят, как PUT-стратегия реально покрывает просадку портфеля; боятся «покупать непонятное».
Суть решения
Показать связь портфеля с индексом и дать простой инструмент настройки хеджирования через визуальные элементы.
ключевые решения в интерфейсе
1. Карточка хеджа: портфель vs бенчмарк, корреляция, историческая просадка.
2. Редактор: ползунок премии, список экспираций, шкала страйков, интерактивный payoff.
3. Простые формулировки: «Корреляция — это насколько портфель движется вместе с индексом».
что закрывает из таргетов
1. Конверсия «карточка → отправка хеджа» растет
2. Количество отказов при работе с редактором
Market Analytics
complex
проблема
Пользователи тратят много времени на переключения между графиками и доской, и им не хватает данных для уверенного выбора опциона.
Суть решения
Объединить аналитику и доску в один экран, с режимами отображения параметров и возможностью разворота в горизонталь.
ключевые решения в интерфейсе
1. Крупный переключатель режимов (PRICE / GREEKS / INFO).
2. Акцентированный переключатель PUT / CALL.
3. Подсказка о том, что график можно развернуть на весь экран.
что закрывает из таргетов
1. CTR из аналитики/доски в старт оформления растет·
2. Тратиться меньше времени от открытия до выбора позиции
проблема
Пользователи тратят много времени на переключения между графиками и доской, и им не хватает данных для уверенного выбора опциона.
Суть решения
Объединить аналитику и доску в один экран, с режимами отображения параметров и возможностью разворота в горизонталь.
ключевые решения в интерфейсе
1. Крупный переключатель режимов (PRICE / GREEKS / INFO).
2. Акцентированный переключатель PUT / CALL.
3. Подсказка о том, что график можно развернуть на весь экран.
что закрывает из таргетов
1. CTR из аналитики/доски в старт оформления растет·
2. Тратиться меньше времени от открытия до выбора позиции
Multi-leg Strategies
complex
проблема
Профессиональные трейдеры хотели собирать стратегии из нескольких ног, но старый процесс был слишком длинным и требовал много переключений, что приводило к потерям концентрации и ошибкам в параметрах.
Суть решения
Внедрить готовые опционные стратегии (пресеты) и редактор мультилега в одном окне: пользователь может выбрать стратегию из списка и получить сразу заполненные ноги, а при необходимости изменить параметры и отправить заявку.
ключевые решения в интерфейсе
1. Добавление и редактирование ног в одной таблице.
2. Отображение payoff-графика стратегии прямо в редакторе.
3. Перетаскивание ног для изменения порядка.
4. Явная кнопка «Отправить стратегию».
что закрывает из таргетов
Профи собирают стратегии быстрее:
1. пресеты заполняют ноги
2. payoff и сводка видны сразу
3. явный CTA исключает путаницу