User Experience в мобильных приложениях СЭД

• 
  Сергей Пуцин
• 23 июля 2019
• Статьи

Когда в вашей компании начались разработки мобильных приложений, что сейчас представляет собой линейка мобильных приложений вашей компании?

Разработка стартовала в начале 2010-х. Приложение было ориентировано на пользователей Apple iPad. Продукт пользовался большим спросом, быстро развивался, основные требования предъявлялись к интерфейсу: так в 2012 году появилась новая версия продукта Top-Manager для iPad, потом и для iPhone – он просуществовал более 5 лет.

С растущими требованиями к интерфейсу и функциональности мы поддерживали оба форм-фактора для нового продукта. Кроме того, время диктовало свои законы - большая часть работы уходила в мобильные устройства, мы столкнулись с новыми требованиями к объемам информации, которая должна быть доступна на устройствах и актуальной. Данных становилось больше, число пользователей росло. Кроме того, более гибкой становилась сама платформа, с данными которой работали наши приложения, и мы пришли к выводу, что необходимо полностью переработать не только само приложение, но и его скелет – архитектуру.

Мы начали разрабатывать мобильное приложение, назвали его «Пульс». В приложение мы заложили гибкость в поддержке сценариев работы и масштабируемость по количеству пользователей и данных, передаваемых на устройство. Кроме того, полностью пересмотрели интерфейс, изменив его в современном ключе; важным требованием была и кроссплатформенность - поддержка на устройствах на базе Android, iOS.

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

Насколько важным представляется сейчас User Experience в мобильных приложениях?

UX сейчас, как и несколько лет ранее, необходимо учитывать в самом обширном и серьезном смысле как при проектировании, так и при разработке любых приложений. Многое из пользовательского опыта формирует сама ОС, на базе которой работает приложение.

Как известно, у Android и iOS есть свои гайдлайны – это правила размещения отдельных элементов, а также их формы, цвета, шрифты на экране мобильного устройства. Нередко складывается впечатление, что все приложения похожи друг на друга - всё это именно благодаря гайдлайнам. 

При проектировании Пульса мы, разумеется, учитывали общие особенности поведения и привычки пользователя, но в целом он получился «не такой, как все», ведь он создавался не по картинкам интерфейсов в Sketch и не по кликабельным прототипам в Axure или Figma. Это было практически полноценное мобильное приложение, написанное во fusetools. Код прототипа компилировался в нативный и устанавливался на мобильные устройства, при этом можно было использовать все родные компоненты и анимации обеих платформ.

Именно на прототипе мы проводили предварительное тестирование всех продуктовых гипотез и собирали пользовательский feedback. Это оказало огромную поддержку в ходе проектирования и реализации приложения.

Как знание о User Experience делает работу комфортней, как интерфейс помогает пользователю в работе? Интересные примеры.

Интерфейс призван облегчать работу, делать её приятной и комфортной. В нашем приложении, например, реализован «многослойный» подход в окнах – это принципиально новое отношение к документам и заданиям, а не привычный подход «как в почте» - папки слева, письма справа.

 
Рис. 1. Три уровня навигации в приложении Пульс

У нас реализованы на трёх слоях приложения две относительно независимых ленты - список папок и список элементов в папках.

Можно перемещаться как между папками, так и между карточками простым и привычным пролистыванием. Для открытия следующей карточки не нужно возвращаться в папку и т.д. 

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

Рис. 2. Вид папки с выставленным фильтром «Новые»

 
Рис. 3. Вид папки с выставленным фильтром «Измененные»

Возможности персонификации интерфейса и функционала? Насколько гибко можно настроить приложение индивидуально для каждого пользователя?

Возможна настройка отображаемого контента, оформления и виджетов, причём как для всех пользователей, так и для группы или отдельного пользователя. Элементы, настроенные на сервере, могут быть также скрыты/изменены непосредственно на устройстве. Вот примеры настроек интерфейса без программирования:

Рис. 4. Пример внешнего вида интерфейса - экран «Обзор»

Рис. 5. Пример внешнего вида интерфейса - экран «Обзор»

Настройка брендированного интерфейса - с индивидуальным логотипом и фоном - занимает несколько минут. Кроме того, фон можно менять непосредственно на устройстве.

Рис. 6. Пример брендированного интерфейса

Какие варианты организации работы совместно с помощником (секретарь, референт) можно организовать?

Секретарь может, к примеру, подготовить шаблоны поручений, которые использует руководитель при создании в мобильном устройстве. Буквально в один клик заполняются все необходимые данные и поручение отправляется исполнителю.

Рис. 7. Использование быстрых шаблонов при создании

Еще один востребованный сценарий для работы в офлайне: директор уезжает в командировку, по пути хочет изучить документы к важному совещанию. Интернет-соединение в дороге отсутствует. Секретарь добавляет необходимые документы в нужную папку, которая синхронизируется для офлайн-режима.

Возможности сквозной работы? Например, если пользователь начал создавать поручение в вебе, может ли он завершить работу над ним в приложении и наоборот?

Сквозная работа возможна в разрезе состояний и операций: например, можно взять в работу в вебе, а завершить уже с мобильного устройства.

Дальнейшие планы по развитию возможностей User Experience?

Есть много планов по улучшению функциональных возможностей и настройки. Например, синхронизация со списком контактов в телефоне: если у вас остались вопросы по срочному поручению, можно будет в пару кликов связаться с исполнителем любым удобным способом - телефон, мессенджер, соц.сети.

Также из ближайших планов - поддержать Notification Dots, которые стали доступны, начиная с Android 8.0. Эта возможность заложена непосредственно в ОС - при длинном тапе по иконке приложения появляется список быстрых операций и событий, доступных без запуска приложения! Таким образом мы планируем показывать кратко информацию о новых карточках и команду «Создать новое поручение».

Сергей Пуцин

Заместитель генерального директора