Как российское ИТ-решение делает сложные операции интуитивно понятными
Российская ИТ-компания «Платформа» продолжает совершенствовать один из своих флагманских продуктов – отечественное приложение для работы с электронными таблицами. Как это происходит рассказали технический директор Дмитрий Авчухов и ведущий разработчик продукта Денис Сасин.
В настоящий момент ИТ-решением уже пользуются государственные структуры более чем 60 российских регионов. Фактически оно представляет собой переложенное на математический язык законодательство Российской Федерации, где нормативные акты переведены в набор формул. Продукт может быть полезен как организациям госсектора, так и бизнесу.
Разработчики рассказали, какие именно решения были применены в интерфейсе для эффективного взаимодействия пользователя с продуктом и наиболее полного анализа информации.
Внешне приложение напоминает привычные пользователям электронные таблицы. Но есть и отличия. Самое очевидное – особая цветовая разметка. Это не просто визуальное решение, а удобный функционал, облегчающий работу специалистов, вносящих в ячейки огромные массивы данных.
«Когда мы только начинали создавать приложения с табличными расчетами, мы столкнулись с теми же проблемами, что и большинство разработчиков: как выделить важное среди сотен похожих ячеек, сделать пользовательский путь оптимальным и интуитивно понятным. При этом было важно не перегрузить интерфейс, чтобы человек, работающий с таблицей, чувствовал себя наедине со своими данными. Интерфейс нашего табличного приложения сокращает расстояние между мыслью и действием и делает сложные операции очевидными и интуитивно понятными», – рассказывал ведущий разработчик продукта Денис Сасин.
Коммуникации – через цвет
Семантическая цветовая система – это полноценный канал коммуникации приложения с пользователем. Она помогает вводить данные в предназначенные для них поля без пропуска обязательных для заполнения ячеек, препятствует случайной замене формул, отделяет формулы, «зашитые» в математическую модель, от тех, что представлены справочно и могут быть заменены.
Такой подход к подаче данных – это собственное решение команды, которая с 2014 года работает с табличными пространствами.
Разработчики применили цветовое кодирование ячеек с четкими правилами:
- Белая заливка отображает структуру таблицы. Белые ячейки – информационные, они используются, как правило, для заголовков столбцов, описательных полей, структурных элементов и т.д.
- Желтая заливка предназначена для введения пользовательских данных с валидацией (в такую ячейку можно ввести только число в определенном формате). Данные вводятся напрямую с клавиатуры, ячейки могут содержать базовое значение или формулу, а могут оставаться пустыми.
- Голубая заливка предназначена для обязательных и критически важных данных. Ячейки обязательны к заполнению, они не могут оставаться пустыми. Если голубые ячейки не заполнены, таблица просто не уйдет организатору сбора данных.
- Темно-голубая заливка обозначает обязательные поля с выбором из внешних источников – справочников, классификаторов и т.д. Например, в такую ячейку может быть «зашита» ставка НДС.
- Зеленая заливка предназначена для ячеек с результатами вычислений, они заполняются автоматически. Зеленые ячейки заблокированы, все данные попадают туда либо в результате расчетов, либо импортируются из других источников.
Единая схема внедрена во всех табличных продуктах компании — от Excel-подобных редакторов до SPA-приложений (Single Page Application — одностраничные веб-приложения, которые обновляют контент в ответ на действия пользователя). Решения могут отличаться друг от друга структурно, но не по цветовой гамме.
«Наша система цветового кодирования ячеек значительно снижает количество ошибок, предотвращая случайное повреждение формул и критически важных данных. Пользователи сразу видят, какие поля требуют обязательного заполнения и не перегружают службу поддержки вопросами, почему они не могут изменить ту или иную ячейку. Поскольку все наши продукты говорят с пользователями на одном и том же цветовом языке, новые команды быстро осваивают единые принципы работы, а бизнес-процессы легко переносятся между различными табличными приложениями без необходимости переобучения», – отметил Денис Сасин.
Пользователи отмечают, что именно предсказуемость делает взаимодействие с системой комфортной и для пользователя, и для технического специалиста. Сразу понятно, какие ячейки обаятельны к заполнению, какие можно изменить, а какие – заблокированы. Это ускоряет разработку новых табличных решений и делает поддержку существующих систем менее трудоемкой.
Вывод:
Через введение цветовых категорий решены ключевые проблемы табличных интерфейсов: бизнес-логика защищена от случайных изменений, обязательность заполнения полей – очевидна, валидация данных стандартизирована, а система навигации интуитивно понятна.
Больше предсказуемости – больше свободы
В таблицах предусмотрена возможность добавления строк и столбцов с предустановленной цветовой схемой ячеек и настроенной валидацией. Это позволяет создавать структурированные блоки данных с сохранением бизнес-логики: математическая модель таблиц учитывает вносимые изменения и подстраивается под них.
В табличных SPA управление работой приложения, не связанное с данными, вынесено в верхнюю часть таблицы, чтобы не загромождать рабочее поле.
«Мы сознательно отказались от кнопок в рабочем поле таблицы, – рассказывает Денис Сасин. – Вместо этого мы используем интерактивные заштрихованные ячейки с синим текстом «Добавить…», которые активируются двойным кликом. Так можно добавить, например, строку или набор строк, в зависимости от потребностей пользователя. Даже тысячу строк можно добавить буквально в несколько кликов. Таким образом, мы избегаем загромождения интерфейса большим количеством кнопок. Сама ячейка становится не просто контейнером для данных, а интерактивным элементом управления».
Также система позволяет оперативно проводить сортировку данных или сверку информации. Например, выделять из общего списка строки, соответствующие (или не соответствующие) определенным категориям.
Вывод:
Дополнение цветовой системы интерактивными ячейками вместо традиционных кнопок и четкое разделение функций работы с данными и управления приложением создает среду, способствующую концентрации пользователя на выполнении рабочих задач. Пользователи, работающие с отечественными электронными таблицами, отмечают их удобство, функциональность и эргономичность.
«Зачастую пользователи, которые собирают информацию в таблицу, при формировании набора значений не до конца понимают структуру табличного пространства. Наш набор расширений позволяет предоставить пользователю продукт в таком виде, чтобы ему было проще заполнять и проще анализировать. Когда вся информация структурирована, ее можно считывать прямо с листа вместо того, чтобы строить сложные аналитические модули. Мы поставили перед собой задачу стать полностью импортозамещенными «Google Таблицами», которые решают определенные задачи пользователя. Наши сегменты – b2g и b2b. У нас есть есть интеграции со сторонними системами, и мы постоянно добавляем новые, в том числе проприетарные», – подчеркнул ведущий разработчик продукта Денис Сасин.