Перейти к содержанию

Интерфейс мессенджера

Полноэкранный мессенджер со списком чатов

Мессенджер доступен в двух режимах: полноэкранная версия по адресу /#/messenger и компактный виджет в правом нижнем углу экрана.

Полноэкранная версия

Полноэкранный мессенджер открывается при переходе по плитке «Мессенджер» на главном экране или при нажатии на FAB-кнопку на мобильных устройствах.

Структура экрана

Полноэкранный мессенджер — чат с сообщениями

  • Строка поиска — вверху, поиск по содержимому всех сообщений
  • Список чатов — все активные групповые чаты и личные сообщения, отсортированные по времени последнего сообщения
  • Секция «Коллеги» — сотрудники, с которыми ещё не начат диалог
  • Кнопка «+» — создание нового группового чата
  • Область чата — открывается при выборе чата из списка

Навигация

При выборе чата из списка открывается область переписки с:

  • Кнопкой «Назад» — возврат к списку чатов
  • Названием чата — имя собеседника для личных сообщений или тема для группового чата
  • Кнопкой настроек (шестерёнка) — только для администратора группового чата
  • Кнопкой выхода из чата — покинуть групповой чат
  • Кнопкой уведомлений (колокольчик) — включить/выключить уведомления для этого чата
  • Полем ввода сообщения — закреплено внизу экрана
  • Кнопкой отправки — синий круг с иконкой самолётика (активна только при введённом тексте)

Виджет

Виджет мессенджера — список чатов

Виджет открывается по фиолетовой FAB-кнопке в правом нижнем углу на всех страницах, кроме страницы самого мессенджера.

  • Размер окна: 400×520px
  • Закрытие: по клику на крестик в заголовке или вне области виджета
  • Полноэкранный режим: иконка open_in_full в заголовке виджета перенаправляет в полноэкранную версию, сохраняя контекст (текущий чат или список)

Виджет мессенджера — чат с сообщениями

Функциональность виджета полностью идентична полноэкранной версии: список чатов, коллеги, диалоги, настройки, уведомления, поле ввода.

Статусы сообщений

  • done_all серого цвета — сообщение доставлено на сервер
  • done_all синего цвета — сообщение прочитано получателем

Уведомления

Для каждого чата можно независимо включить или выключить уведомления. При выключенных уведомлениях иконка меняется на перечёркнутый колокольчик. Непрочитанные сообщения отображаются красным бейджем на иконке чата и на FAB-кнопке виджета.

На мобильных устройствах виджет не открывается — вместо этого происходит переход в полноэкранную версию мессенджера.