Arsis

Разработка программного обеспечения

RU EN

Плиточный интерфейс на примере UMAK Dashboard

Плиточный интерфейс – удобно ли для пользователя ?

В 2012 году Microsoft представила новую версию операционной системы для компьютеров и планшетов Windows 8. Исполнительный директор Стив Балмер назвал Windows 8 "эрой новых возможностей для пользователей, корпорации и ее партнеров".

На сколько же удобен «плиточный интерфейс» для конечного пользователя ? Предоставляет ли он больше возможностей по сравнению с другими способами отображения информации и взаимодействием с пользователем?

Когда к нам обратились с заказом на создания приложения под платформы IOS/Android, использующее идею «плиточного интерфейса» для отображения информации, было интересно понять на сколько функционально можно нагрузить каждую плитку.

О приложении «Umak Dashboard»

Собрав и проанализировав требования Заказчика, стало ясно, что каждая плитка должна реализовывать до 5-6 различных операций, но в тоже время интерфейс должен оставаться легким для восприятия, а работа с приложением легкой для осознания.

Интерфейс приложения принял следующий вид:

Приложение позволяет по загруженной выписке мобильного оператора, анализировать используемые услуги мобильной связи за определенный период в зависимости от анализируемого показателя:

  • рубли (стоимость всех предоставляемых услуг, согласно тарифу мобильной связи)
  • минуты (длительность всех разговоров)
  • штуки (количество отправленных / принятых SMS / MMS)
  • мегабайты (количество использованного трафика мобильной связи)

Интерфейс приложение содержит:

  1. Главную плитку
  2. 6 плиток - фильтров (Контакты, Сервис, Регион, Направление)
  3. Плитку - период

Функциональная нагрузка на каждую плитку

Для реализации одного составного, легконастраиваемого фильтра каждая из плиток реализует следующее поведение:

  • swype to right
  • swype to left
  • swype to down
  • swype to up
  • zoom in
  • long tap

Основные показатели на главной плитке:

  1. Анализируемый мобильный номер
  2. Размерность периода (день, неделя, месяц)
  3. Тип показателя для анализа
  4. Суммарный показатель с учетом плиток фильтров

На главной плитке доступны следующие действия:

Выбор типа показателя/Смена анализируемого  номера телефона
Выбор типа показателя/Смена анализируемого номера телефона

Основные показатели на плитке - фильтр:

  1. Значение плитки
  2. Суммарный показатель в зависимости от типа показателя на главной плитке
  3. Показатель отклонения, как разница между суммарным показателем за текущий период и предыдущий
  4. Номер телефона, если тип плитки «Контакты»

На плитке - фильтр доступны следующие действия:

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

Отключение плитки
Отключение плитки. При дальнейшей работе значение данной плитки не будет учитываться при фильтрации данных.

Выбор значения по умолчанию в зависимости от типа плитки
Выбор значения по умолчанию в зависимости от типа плитки.

Выбор значения плитки из списка доступных значений в зависимости от типа плитки
Выбор значения плитки из списка доступных значений в зависимости от типа плитки.

Плитка - период задает временной диапазон для анализа данных. Доступны следующие воздействия:

Переключение периода на следующий/предыдущий временной интервал
Переключение периода на следующий/предыдущий временной интервал.

Изменение типа  временного интервала (день/неделя/месяц)
Изменение типа временного интервала (день/неделя/месяц).

При анализе выписки учитывается состояние плиток - фильтров и обрабатываются лишь те данные, которые попадают под выбранную фильтрацию.

На данный момент реализована нативная версия под платформу Android. Для работы приложения необходимо загрузить xml или xls выписку оператора мобильной связи.

Особое внимания было уделено скорости загрузки документов. Документ, содержащий 10 тыс. записей загружается и обрабатывается в течении 20-30 секунд. Также приложение интегрируется с адресной книгой устройства для извлечения информации о номерах, по которым происходит анализ загруженных данных. Доступно сохранение состояний плиток-фильтров в профиле приложения, таким образом при последующей загрузке приложения настройки плиток сохраняются.

Следующий рисунок демонстрирует состояние приложения при воздействии пользователя на плитки – фильтры

Не используя «плиточный интерфейс»

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

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