Кабинет удобнее на телефоне: проверены все страницы

Мы прошли все страницы кабинета на ширине 390 пикселей — это обычный смартфон — и убрали всё, что вылезало за экран или заставляло листать вбок. Карточки перегруженного фандинга в «Моментуме» больше не раздвигают колонку, карта сюрпризов в отчётностях укладывается в ширину экрана, а водопад изменения остатка в выписке теперь виден и на телефоне.

Карточки «Перегруженные лонги» и «Перегруженные шорты» в разделе «Моментум и фандинг» показывают монеты, у которых фандинг отклоняется от собственной нормы монеты на 2 сигмы и больше. Это справка о положении рынка, а не сигнал: торговля такими контрактами связана с риском потери средств, а материал не является инвестиционной рекомендацией.

Раздел «Выписка и расшифровка» на телефоне показывает водопад изменения остатка: остаток на начало, затем движения по категориям полосами и итоговая полоса — изменение за период. Категория с движением ведёт в операции за тот же период, чтобы список совпал с суммой. Прогноз выплаты в водопад не входит.

Меньше 768 пикселей боковое меню скрывается, а в верхней панели появляется кнопка меню: она открывает выдвижную панель шириной до 300 пикселей или 85% экрана. Поля содержимого — не меньше 16 пикселей, с учётом вырезов экрана, а карточки показателей идут в два столбца, на самых узких экранах, до 419 пикселей, — в один.

Где графику не хватало места, он перестроен. Релиз в экономическом календаре на телефоне идёт столбиком — инструмент, график во всю ширину и значения с подписями. У оси чемпионов в стратегиях остались только крайние подписи, а подпись под ожидаемым движением в отчётностях вынесена отдельной строкой и не налезает на крайние значения.

Блок «Чемпионы рядом» на телефоне показывает ось результата и итог, а колонки просадки и фолдов скрыты: они появляются с ширины 640 пикселей. Те же сведения остаются на карточке каждой стратегии: просадка цифрой, фолды метками и числом. Подписи оси сокращены до крайних, чтобы промежуточные не слипались.

Не всё сведено в одну колонку. Широкие таблицы, например сводка реакций рынка в календаре «Экономика США» и лента прошедших релизов, остаются шире экрана и прокручиваются внутри своей карточки, а не уводят в сторону всю страницу. Сводка реакций не уже 620 пикселей, лента релизов — не уже 800.

Подсказки у графиков на сенсорном экране теперь говорят «нажмите на точку», а не «наведите»: на телефоне навести некуда.

Подсказка «нажмите на точку» вместо «наведите» выбирается по устройству ввода, а не по ширине окна: если у устройства нет наведения, показывается текст для касания. Замена делается одним общим компонентом подсказки, поэтому одинакова на всех графиках, где он стоит, а на телефоне и на компьютере с мышью один и тот же график подскажет разное.

Вёрстка сверяется со списком из двадцати ширин настоящих окон, от 320 до 1920 пикселей: от самого узкого из ещё встречающихся телефонов до монитора Full HD. В список входят точки, где раскладка меняется: 640, 768, 1024, 1280 и 1536 пикселей. Между крайними значениями лежат места, где вёрстка ломается чаще всего: граница планшета и настольной раскладки и переход от одной колонки к нескольким.