Менеджер лицензий

Задача: создать страницу для работы с лицензиями для IT-интегратора.

Через эту форму можно продлить существующие лицензии или заказать новое ПО.

Заказчик ожидает увидеть:

  • поиск с автоматической подстановкой результатов;
  • сумму за единицу лицензии и общую сумму;
  • кнопку «Добавить в заказ»;
  • кнопку «Отправить заказ».

Взаимодействие с прототипом

Поиск и каталог

Обязательное условие задачи — форма с автоматической подстановкой запросов. Но как узнать, что есть, а чего нет в каталоге? Так можно несколько раз не попасть по запросу и это начнёт раздражать.

Я решил добавить олдскульную навигацию похожую на меню пуск в Windows или панель задач в Linux.

Поиск по категориям
Поиск по ключевому слову

Уведомления

Этого в задании не было, но уведомления отличный способ взаимодействия пользователя с интерфейсом.

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

уведомления

UI

Сразу стоит сказать про шрифты.

Основной интерфейсный шрифт — Gotham Pro с различными начертаниями.

Табличный шрифт — Roboto Mono. Я его выбрал за моноширинность и отличное считывание цифровых данных.

Система для применения цвета в интерфейсе.

Управление текущими лицензиями

Этот блок самая сложная работа в интерфейсе. Он прост на первый взгляд и сложен внутри. И это САМЫЙ ВАЖНЫЙ блок во всём интерфейсе.

Так, что же важно?

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

Проблемные места.

Раз. Нередкий случай когда кампания закупает, скажем, 100 лицензий на ОС, 40 на офис, что-то дизайнерам, что-то разработчикам. И как этим всем управлять? Если вывести это всё длинной простынёй — это будет ужасный и перегруженный интерфейс. Значит нужно группировать.

Два. Если не показать, сколько стоит продление, то как об этом узнать? Связаться с менеджером, выставить счёт? Это тупо. Надо сразу показать цену за продление ОДНОЙ лицензии, чтобы можно прикинуть ДО выставления счёта сколько это будет стоить. ИМХО — это важно.

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

Четыре. Только бы не забыть про основное назначение — продажа лицензий, значит надо показать лицензионный ключ. И… незабыть про секьюрность. И сделать этот пунктик удобным.

Пять. Показать все возможные статусы в подробном просмотре. Типа: «АКТИВНА», «НЕАКТИВНА», «ИСТЕКЛА».

И шесть. Кнопка быстрого обновления всех устаревших лицензий. Это точно будет найс.

Вид по умолчанию

Вид по умолчанию

Детализированный вид

детализированный вид

Оформление заказа

Шаг 1

Шаг 2

Шаг 3

Документация и бухгалтерия

Ничего в этом не понимаю — скучно…