Контакты
Вайбкодинг
Использовал AI для прототипирования сложных сценариев и исследований
Claude в работе над задачами
Некоторые задачи было очень сложно запрототипировать в Figma. Здесь помог Claude — с его помощью удалось быстро собрать прототипы, удобно презентовать решения команде и проверить их на Pathway. Ниже расскажу поподробнее
Придумал
как
сообщить
о
скрытой
функции
Контекст
С легендами чартов Datalens есть два типа взаимодействия: обычный клик, который раскрывает выбранный элемент, и клик с зажатым cmd, который работает наоборот. В интерфейсе об этом нигде рассказывается, хотя это удобно для сравнения графиков.
Хотелось аккуратно подсветить эту возможность и предложить ненавязчивое, но полезное решение для пользователя.
Как решал
Были сомнения, что без состояний при наведении на легенду неясно, раскроется элемент или скроется. Происследовал, и ответы оказались 50/50.
Поэтому добавил состояния при наведении на легенду: для обычного клика и для сценария с зажатым cmd. Это подняло понимание до 85%.
Чтобы объяснить сочетание клавиш, сделал сценарный тултип: первый появляется с низкой задержкой, последующие — с большой. Подсказку можно скрыть навсегда.
Придумал
как
улучшить
режим
редактирования
Контекст
В режиме редактирования дашбордов элементы можно как добавлять по клику, так и сразу перетаскивать в нужное место. Но сценарий с перетаскиванием был неочевиден, хотя он удобнее.
При клике элемент улетал
в самый низ дашборда, из-за чего было непонятно, добавился ли он вообще. А если хотелось потом передвинуть его, мешали баги
при перетаскивании
Как решал
Полностью переработал панель: сделал её компактнее и контрастнее, чтобы меньше перекрывать дашборд.
Чтобы подсветить возможность перетаскивания, добавил состояния при наведении — элементы приподнимаются, появляется тень и курсор grab. За счёт этого ощущение, что элемент можно взять.
Также улучшил взаимодействие с дашбордом: после добавления по клику экран автоматически скроллится до виджета, а для удобного перемещения добавил управление со стрелок клавиатуры.
