Функционал, позволяющий упростить
и ускорить заполнение отчета
и ускорить заполнение отчета
Ускорение заполнения
форм отчетности
форм отчетности
Цель: дать возможность пользователям создавать отчет в один клик и сразу начинать его редактировать. Обеспечить подробную расшифровку по источникам заполнения. Привести все титульные листы разных форм к единому стандарту.
Расшифровка источников заполнения:
показываем, из каких данных будет заполнен отчет, с возможностью перехода к странице с исходными данными.
показываем, из каких данных будет заполнен отчет, с возможностью перехода к странице с исходными данными.
### Кейс: Проектирование интерфейса формы электронной отчетности 6-НДФЛ для экосистемы бизнеса СБИС
#### Клиент
СБИС — экосистема для бизнеса, предоставляющая различные сервисы для управления, аналитики и бухгалтерии. Один из ключевых элементов платформы — электронная отчетность, через которую пользователи отправляют различные формы налоговых и бухгалтерских отчетов, таких как 6-НДФЛ.
#### Задача
Создать интерфейс формы 6-НДФЛ, которая позволит бухгалтерам и предпринимателям быстро и без ошибок заполнять отчетность и отправлять её в налоговые органы. Основными требованиями были:
1. Обеспечить удобство и скорость заполнения формы, избегая избыточной нагрузки на пользователя.
2. Уменьшить количество ошибок при заполнении за счет валидации данных в реальном времени и подсказок.
3. Сохранить стилистическую и функциональную преемственность с другими продуктами в экосистеме СБИС.
#### Решение
1. **Анализ UX-потребностей**: Я провел исследование пользовательских сценариев и обратной связи от бухгалтеров и предпринимателей. Было выявлено, что пользователи часто сталкиваются с ошибками в расчетах и требуют большего количества подсказок по полям формы.
2. **Прототипирование и тестирование**: На основе собранной информации был создан интерактивный прототип формы с фокусом на упрощении интерфейса и добавлении автоматических проверок данных. Прототип прошел этапы тестирования с фокус-группой, состоящей из представителей целевой аудитории, что позволило уточнить и улучшить ключевые аспекты UX.
3. **Интерфейс и визуальный дизайн**:
- **Простая структура**. Форма была разделена на понятные блоки, каждый из которых соответствует определенному разделу отчетности, что снизило визуальную нагрузку и позволило пользователям сосредоточиться на текущем этапе заполнения.
- **Пошаговое заполнение**. Пользователь движется от одного блока к другому с помощью пошаговой навигации, что минимизирует возможность пропуска обязательных полей.
- **Валидация в реальном времени**. Интерфейс проверяет корректность введенных данных на каждом этапе заполнения, предоставляя подсказки и предупреждения при обнаружении ошибок.
- **Информативные подсказки**. Встроенные советы и примеры рядом с полями для сложных формулировок помогли снизить количество вопросов со стороны пользователей.
4. **UI и интеграция в экосистему СБИС**: Использованы элементы дизайна, типичные для экосистемы СБИС, чтобы пользователи чувствовали преемственность интерфейса. Это включало фирменные цвета, шрифты, иконки, а также элементы для поддержки быстрого и легкого восприятия информации.
#### Результаты
Благодаря улучшениям, время на заполнение формы 6-НДФЛ сократилось на 20%, а количество ошибок на этапе проверки отчетности — на 30%. Повышение удобства и интуитивности интерфейса также способствовало росту положительных отзывов пользователей на 40%.
#### Клиент
СБИС — экосистема для бизнеса, предоставляющая различные сервисы для управления, аналитики и бухгалтерии. Один из ключевых элементов платформы — электронная отчетность, через которую пользователи отправляют различные формы налоговых и бухгалтерских отчетов, таких как 6-НДФЛ.
#### Задача
Создать интерфейс формы 6-НДФЛ, которая позволит бухгалтерам и предпринимателям быстро и без ошибок заполнять отчетность и отправлять её в налоговые органы. Основными требованиями были:
1. Обеспечить удобство и скорость заполнения формы, избегая избыточной нагрузки на пользователя.
2. Уменьшить количество ошибок при заполнении за счет валидации данных в реальном времени и подсказок.
3. Сохранить стилистическую и функциональную преемственность с другими продуктами в экосистеме СБИС.
#### Решение
1. **Анализ UX-потребностей**: Я провел исследование пользовательских сценариев и обратной связи от бухгалтеров и предпринимателей. Было выявлено, что пользователи часто сталкиваются с ошибками в расчетах и требуют большего количества подсказок по полям формы.
2. **Прототипирование и тестирование**: На основе собранной информации был создан интерактивный прототип формы с фокусом на упрощении интерфейса и добавлении автоматических проверок данных. Прототип прошел этапы тестирования с фокус-группой, состоящей из представителей целевой аудитории, что позволило уточнить и улучшить ключевые аспекты UX.
3. **Интерфейс и визуальный дизайн**:
- **Простая структура**. Форма была разделена на понятные блоки, каждый из которых соответствует определенному разделу отчетности, что снизило визуальную нагрузку и позволило пользователям сосредоточиться на текущем этапе заполнения.
- **Пошаговое заполнение**. Пользователь движется от одного блока к другому с помощью пошаговой навигации, что минимизирует возможность пропуска обязательных полей.
- **Валидация в реальном времени**. Интерфейс проверяет корректность введенных данных на каждом этапе заполнения, предоставляя подсказки и предупреждения при обнаружении ошибок.
- **Информативные подсказки**. Встроенные советы и примеры рядом с полями для сложных формулировок помогли снизить количество вопросов со стороны пользователей.
4. **UI и интеграция в экосистему СБИС**: Использованы элементы дизайна, типичные для экосистемы СБИС, чтобы пользователи чувствовали преемственность интерфейса. Это включало фирменные цвета, шрифты, иконки, а также элементы для поддержки быстрого и легкого восприятия информации.
#### Результаты
Благодаря улучшениям, время на заполнение формы 6-НДФЛ сократилось на 20%, а количество ошибок на этапе проверки отчетности — на 30%. Повышение удобства и интуитивности интерфейса также способствовало росту положительных отзывов пользователей на 40%.
При заполнении отчета по учету стало удобно видеть, что сделано, а что еще нет. Можно сразу же закрыть, поправить или перепроверить расчет перед заполнением отчета. Также нравится, что в отчете появились основные показатели, которые можно сразу посмотреть после заполнения отчета.
— Главный бухгалтер
2021
дата разработки
2021
дата разработки
Проблема: большое количество времени у бухгалтера или директора небольшой организации уходит на заполнение отчета, где в большинстве случаев имеют место быть повторяющиеся данные.
11 мес.
время разработки
237
форм отчетности переведено на новый механизм Wasaby к моменту завершения проекта
42%
именно на такое количество времени в среднем сократилось заполнение форм отчетности (в зависимости от типа отчета)
Расшифровка источников заполнения:
показываем, из каких данных будет заполнен отчет, с возможностью перехода к странице с исходными данными.
Возможны 3 варианта заполнения в зависимости от отчета:
показываем, из каких данных будет заполнен отчет, с возможностью перехода к странице с исходными данными.
Возможны 3 варианта заполнения в зависимости от отчета:
- по данным учёта,
- по данным предыдущего периода,
- данными другого отчета.
Отказ от промежуточного окна при создании отчета:
открываем сразу заполненную карточку отчета, что позволяет пользователям сразу приступить к редактированию.
открываем сразу заполненную карточку отчета, что позволяет пользователям сразу приступить к редактированию.
Создание нового раздела "Главная" в отчетах:
отображение реквизитов и источников заполнения в этом разделе. Здесь же разместился подписант и ответственный за отчет, ранее он располагался в шапке отчета. Выбор организации, за которую сдаётся отчет переехал в шапку панели.
отображение реквизитов и источников заполнения в этом разделе. Здесь же разместился подписант и ответственный за отчет, ранее он располагался в шапке отчета. Выбор организации, за которую сдаётся отчет переехал в шапку панели.
### Кейс: Проектирование интерфейса приложения SABY Resident для экосистемы бизнеса СБИС
#### Клиент
СБИС (SABY) — экосистема цифровых решений для бизнеса, предлагающая обширные возможности автоматизации и управления данными в различных сферах. Приложение SABY Resident было разработано для автоматизации и упрощения процесса регистрации постояльцев в отелях, исправительных учреждениях и медицинских учреждениях, таких как госпитали и приемные покои.
#### Задача
Создать универсальный интерфейс для регистрации и учета постояльцев, который:
1. Обеспечивает удобную и быструю регистрацию и учет постояльцев в разных учреждениях (гостиницы, госпитали, пенитенциарные учреждения).
2. Позволяет автоматически отправлять данные в МВД с минимизацией ручного ввода и ошибок.
3. Гарантирует безопасность хранения и передачи данных, а также поддерживает строгие стандарты конфиденциальности.
4. Поддерживает высокую степень адаптации под различные пользовательские сценарии и виды учреждений.
#### Решение
1. **Исследование и анализ требований**:
- Я провел интервью и брифинг с представителями целевой аудитории (администраторами отелей, сотрудниками госпиталей и пенитенциарных учреждений), что помогло выявить ключевые особенности в регистрации и отчетности для разных категорий пользователей.
- Изучены требования к форме передачи данных в МВД, а также выявлены необходимые поля и порядок заполнения для граждан РФ и иностранных граждан.
2. **Прототипирование и тестирование**:
- На основе исследовательских данных был создан интерактивный прототип, включающий ключевые элементы интерфейса: панель управления постояльцами, формы регистрации, истории и статуса регистрации, интерфейсы отправки данных в МВД.
- Прототип прошел юзабилити-тестирование с конечными пользователями, что позволило выявить и исправить сложности в процессе заполнения форм и отправки данных.
3. **Дизайн интерфейса**:
- **Единая структура интерфейса**: Приложение спроектировано так, чтобы минимизировать время на регистрацию, используя пошаговую навигацию, интуитивно понятные элементы управления и оптимизированное количество полей.
- **Персонализированные сценарии**: Каждый тип учреждения имеет предустановленные сценарии регистрации (например, госпиталь — приемный покой, стационар; отель — временное проживание), чтобы пользователи видели только необходимые для конкретной ситуации поля.
- **Валидация данных и подсказки**: Встроенные подсказки и валидация на уровне каждого шага помогают избежать ошибок. Например, при заполнении данных иностранного гражданина подсвечиваются обязательные поля, связанные с миграционными документами.
- **Автоматизация отправки в МВД**: После завершения регистрации данные о постояльце автоматически преобразуются в необходимые форматы для отправки в МВД. Разработан модуль подтверждения успешной отправки и отслеживания статуса заявки в системе.
4. **UI и интеграция в экосистему СБИС**: Дизайн интерфейса выполнен с учетом фирменного стиля СБИС, что делает его узнаваемым и интуитивно понятным для пользователей, знакомых с экосистемой. Использование стандартных цветовых схем, шрифтов и иконок помогло создать связанный с другими продуктами пользовательский опыт.
#### Результаты
- **Скорость регистрации** постояльцев увеличилась на 25%, что помогло сократить очереди и ускорить обработку данных.
- **Снижение ошибок при заполнении** и отправке форм в МВД: ошибки сократились на 40% благодаря пошаговой валидации данных и подсказкам.
- **Повышение удобства использования** и позитивной обратной связи от пользователей, что подтвердили результаты тестирования и внедрения приложения в пилотных учреждениях.
#### Клиент
СБИС (SABY) — экосистема цифровых решений для бизнеса, предлагающая обширные возможности автоматизации и управления данными в различных сферах. Приложение SABY Resident было разработано для автоматизации и упрощения процесса регистрации постояльцев в отелях, исправительных учреждениях и медицинских учреждениях, таких как госпитали и приемные покои.
#### Задача
Создать универсальный интерфейс для регистрации и учета постояльцев, который:
1. Обеспечивает удобную и быструю регистрацию и учет постояльцев в разных учреждениях (гостиницы, госпитали, пенитенциарные учреждения).
2. Позволяет автоматически отправлять данные в МВД с минимизацией ручного ввода и ошибок.
3. Гарантирует безопасность хранения и передачи данных, а также поддерживает строгие стандарты конфиденциальности.
4. Поддерживает высокую степень адаптации под различные пользовательские сценарии и виды учреждений.
#### Решение
1. **Исследование и анализ требований**:
- Я провел интервью и брифинг с представителями целевой аудитории (администраторами отелей, сотрудниками госпиталей и пенитенциарных учреждений), что помогло выявить ключевые особенности в регистрации и отчетности для разных категорий пользователей.
- Изучены требования к форме передачи данных в МВД, а также выявлены необходимые поля и порядок заполнения для граждан РФ и иностранных граждан.
2. **Прототипирование и тестирование**:
- На основе исследовательских данных был создан интерактивный прототип, включающий ключевые элементы интерфейса: панель управления постояльцами, формы регистрации, истории и статуса регистрации, интерфейсы отправки данных в МВД.
- Прототип прошел юзабилити-тестирование с конечными пользователями, что позволило выявить и исправить сложности в процессе заполнения форм и отправки данных.
3. **Дизайн интерфейса**:
- **Единая структура интерфейса**: Приложение спроектировано так, чтобы минимизировать время на регистрацию, используя пошаговую навигацию, интуитивно понятные элементы управления и оптимизированное количество полей.
- **Персонализированные сценарии**: Каждый тип учреждения имеет предустановленные сценарии регистрации (например, госпиталь — приемный покой, стационар; отель — временное проживание), чтобы пользователи видели только необходимые для конкретной ситуации поля.
- **Валидация данных и подсказки**: Встроенные подсказки и валидация на уровне каждого шага помогают избежать ошибок. Например, при заполнении данных иностранного гражданина подсвечиваются обязательные поля, связанные с миграционными документами.
- **Автоматизация отправки в МВД**: После завершения регистрации данные о постояльце автоматически преобразуются в необходимые форматы для отправки в МВД. Разработан модуль подтверждения успешной отправки и отслеживания статуса заявки в системе.
4. **UI и интеграция в экосистему СБИС**: Дизайн интерфейса выполнен с учетом фирменного стиля СБИС, что делает его узнаваемым и интуитивно понятным для пользователей, знакомых с экосистемой. Использование стандартных цветовых схем, шрифтов и иконок помогло создать связанный с другими продуктами пользовательский опыт.
#### Результаты
- **Скорость регистрации** постояльцев увеличилась на 25%, что помогло сократить очереди и ускорить обработку данных.
- **Снижение ошибок при заполнении** и отправке форм в МВД: ошибки сократились на 40% благодаря пошаговой валидации данных и подсказкам.
- **Повышение удобства использования** и позитивной обратной связи от пользователей, что подтвердили результаты тестирования и внедрения приложения в пилотных учреждениях.