Маленькое окно в большой рынок: как мы спроектировали дизайн виджета облигаций
для Т-Инвестиций
Интерфейс для облигаций – это десятки параметров, миллисекунды на принятие решений и вечная борьба с информационным шумом. Мы в Zhirnov Studio спорили с каждым пикселем, чтобы один виджет в терминале «Т-Инвестиций» заменил трейдеру пять открытых вкладок. Рассказываем, как это было.
Над чем работали
Терминал в «Т-Инвестициях» – это веб-сервис для биржевой торговли с компьютера. Он выступает альтернативой мобильному приложению и дает более гибкую и профессиональную среду для сделок. Главная фишка продукта – интерфейс в нем можно собирать из виджетов, анализировать графики, работать с «биржевым стаканом» и быстро совершать сделки. Если вы далеки от мира ценных бумаг, биржевой стакан – это не рюмка бренди в подарок от сервиса за потраченные нервы на сделках, а один из ключевых инструментов терминала. Таблица, которая показывает в реальном времени лимитные заявки на покупку и продажу актива и помогает оценить ликвидность, увидеть баланс спроса и предложения и понять поведение рынка.
Терминал вообще щедрый на аналитику: акции, облигации, фонды, индексы, идеи аналитиков – бери не хочу. А виджет именно для облигаций в свое время делали мы в Zhirnov Studio. Признаться, это было давно – когда «Т-Банк» еще назывался по имени своего основателя. Но работа вышла настолько классной, что мы наконец созрели ей поделиться.
Один виджет – а работы на несколько недель
Виджет облигаций нужен, чтобы помогать пользователям быстро ориентироваться в этом классе активов и находить подходящие инвестиционные возможности.
Важно: искать и покупать облигации сложнее, чем акции, потому что они требуют учета сразу нескольких параметров: доходности, срока погашения, валюты и гео.
Поэтому в виджете нужно было предусмотреть:
1. быстрый доступ к актуальным котировкам;
2. понятный просмотр и сравнение облигаций;
3. фильтры по ключевым параметрам: сроку, доходности, валюте и стране;
4. готовые подборки, например, топ облигаций по России и другим рынкам.
Задача была в том, чтобы интегрировать огромный пласт сложной информации в компактный инструмент. И при этом сделать так, чтобы он органично вписался в терминал, а не выглядел как отдельный инопланетный модуль.
Наша аналитика Дикаприо и не снилась
Начали с изучения, как люди вообще принимают инвестиционные решения и чем при этом пользуются. Даже «Волка с Уолл-стрит» пересмотрели, но исключительно в рабочих целях.
Потом провели конкурентный анализ. Заглянули на Investing.com: посмотрели, как там подают гособлигации, топы и карточки бумаг. На TradingView глянули, как устроены графики и технический анализ именно по облигациям.
И на десерт – более широкая оптика. Нашли референсы в визуализации рыночных движений: как показывают рост и падение активов, где глаз цепляется первым, а где интерфейс начинает перетягивать одеяло на себя.
Собрать инвестпортфель без аналитики не выйдет. Пользователю нужны новости, обзоры, графики, котировки, объемы – все и сразу.
Раньше трейдеры прыгали между сервисами и тратили на это часы. Но у «Т-Банка» подход такой: инвестиции должны быть доступны не только профессионалам, а всем.
Значит, нам нужно было не просто вывалить все показатели в один виджет, а сделать его удобным. Чтобы за пару секунд понял ситуацию на рынке, а если захотел, нырнул в детали. Особое внимание – доступности. Искали примеры даже за пределами финтеха. То же табло аэропорта: десятки рейсов, задержки, выходы на посадку – а пассажир все понимает с первого взгляда. Нам нужно было так же.
Терминал – продукт для своих. Случайных людей там почти нет. Но даже подготовленный пользователь не должен спотыкаться об интерфейс. Хороший инструмент сразу дает ответы на базовые вопросы: что растет, что падает, куда смотреть в первую очередь.
Поэтому за время аналитики мы прошерстили все графики виджета. Искали понятные способы показывать данные. Так, например, открыли для себя «японские свечи» – стандарт в трейдинге, который позволяет мгновенно считывать динамику рынка.
И разумеется, досконально изучили сам дашборд терминала «Т-Банка». Чтобы каждое наше предложение органично вписывалось в общую логику, а механики не конфликтовали друг с другом.
Наконец-то переходим к дизайну
Виджет задумывался как главная точка входа в мир облигаций. Сразу видишь текущие курсы, можешь перейти к обзору рынка, посмотреть топы по России и другим странам – все под рукой.
Отдельная история фильтрация. Сделали ее гибкой и ненавязчивой: настраивай выдачу по сроку погашения, доходности, валюте, любым другим параметрам. А хочешь увидеть динамику – переключи временной период. Месяц назад, год назад – сравнивай и делай выводы.
Визуализация рынка – отдельный мощный блок. В виджете можно не просто смотреть на цифры, а реально анализировать динамику, отслеживать тренды, работать с графиками и техническим анализом. Находить уровни поддержки и сопротивления, оценивать точки входа.
Для целостной картины сделали несколько уровней погружения:
1. быстрый обзор (топы облигаций);
2. динамика и тренды;
3. элементы технического анализа.
Главное преимущество – агрегация. Обычно инвестор сидит в нескольких сервисах одновременно: там графики, там новости, там аналитика. Мы собрали все в единую сводку. Быстрый срез по рынку – и время на принятие решения сокращается в разы.
Плюс заложили потенциал для роста. Еще на этапе концепции предусмотрели место для прогнозов и инвестиционных идей: тематические подборки, саммари по рынку, сигналы к покупке или продаже. Это следующий логичный шаг – помогать пользователю не только анализировать, но и интерпретировать данные. Сейчас наши гипотезы отлично мэтчатся с развивающимися ИИ-ассистентами.
Даже без полноценного внедрения прогнозов и идей мы частично закрыли эту потребность с помощью столбца «Рейтинг». Простая штука – а дает пользователю быстрый ориентир: какие облигации выглядят привлекательно, а какие скорее заслуживают внимания к продаже.
Вместо итогов
Наша задача была – задать направление и собрать фундамент, на который команда «Т-Инвестиций» сможет опираться дальше. С этим справились.
А дальше случилось кое-что особенное: одна из наших дизайнеров после завершения проекта перешла в команду продукта и продолжила развивать виджет уже изнутри. Контекст не потерялся, логика решений не развалилась – редкий сценарий, когда все сложилось.
Что стало с тем самым виджетом дальше, точно неизвестно. Скорее всего, функциональность облигаций в итоге внедрили, но в переработанном виде – под новые приоритеты и развитие.
Сейчас терминал заметно вырос. Там появились AI-инструменты, которые помогают с анализом и принятием решений – то самое направление, которое мы набрасывали гипотезами еще на старте. Приятно, когда твои идеи не умирают, а материализуются через годы.
А мы не прощаемся! Продолжить знакомство с нами можно в Dprofile, на нашем сайте или в телеграм-канале. Уже скоро выпустим новый материал, так что stay tuned.
