Обзор интерфейса панели

Панель состоит из трёх зон: верхняя панель (настройки и сервисы), список диалогов слева и окно диалога справа. На телефоне список и диалог показываются по очереди (кнопка «←» возвращает к списку).

На компьютере ширину боковых колонок можно подогнать под себя: наведите курсор на границу между колонками — он станет двусторонней стрелкой — и потяните. Двойной клик по той же границе возвращает ширину по умолчанию. Список диалогов вдобавок сворачивается целиком — кнопка ▣ слева от логотипа; она же его возвращает. Настройка личная и запоминается в этом браузере: у коллег своя. На телефоне колонки всегда во весь экран, там этих ручек нет.

Верхняя панель #

Схема верхней панели (компьютер). На телефоне все эти кнопки собраны в меню-«бургер» ☰ слева от логотипа — см. 3.4.

1. Ваш аватар. Клик — загрузить фотографию: её можно подвинуть и приблизить (колесо мыши или ползунок), затем «Сохранить». Посетители будут видеть это фото рядом с вашими ответами — ставьте настоящее, доброжелательное. Без фото показывается цветной кружок с вашим инициалом. «Убрать аватар» возвращает инициал.
2. «Кто на сайте». Список тех, кто прямо сейчас находится на сайте: страница, город, браузер. Нажмите на карточку посетителя. Если у него есть настоящая переписка (рядом метка «диалог») — откроется этот диалог; если он просто гуляет по сайту (даже если открывал окошко чата, но ничего не написал) — откроется окно сообщения: вы сами начинаете диалог, ваше сообщение всплывёт у него в чате. Используйте деликатно (см. раздел 9.7). Если вы работаете с несколькими сайтами и посетители есть сразу на двух и больше, над списком появляются вкладки: «Все» и по вкладке на каждый сайт, на каждой — число посетителей. Выбранная вкладка запоминается, пока вы сами не вернётесь на «Все».
3. «Настройки» (видны только администратору). Открывают отдельный экран вместо списка диалогов: слева разделы, справа выбранный раздел — места хватает и на длинные списки. «Операторы» — управление командой: завести нового оператора (имя/логин/пароль), переименовать, сменить пароль, выдать/забрать права администратора, отключить доступ, назначить каждому свой цвет (им окрашивается полоска ведущего в списке, см. 3.2); «Статистика» — сколько диалогов принято, передано, закрыто, скорость первого ответа; «Оповещение» — разослать объявление операторам своей команды (см. 3.2); «Сайты» — подключение сайта и оформление виджета (сайты перечислены под разделом, у каждого своя страница); «Аналитика» — воронка виджета; «Заготовленные сообщения» — сообщение посетителю при заходе на нужную страницу; «Фото на медаль» — картинки для игры в виджете. Кнопка «К диалогам» слева вверху возвращает к переписке; адрес раздела сохраняется, так что обновление страницы открывает его же.
4. МАКС — привязка вашего аккаунта МАКС, чтобы отвечать с телефона (раздел 7).
5. Колокольчик — push-уведомления о новых сообщениях, когда панель свёрнута (раздел 8).
6. Звук — включить/выключить звуковые сигналы (новый диалог и новое сообщение звучат по-разному).
7. Тема — светлая/тёмная.
8. Выйти / Выйти везде — см. раздел 2.

Список диалогов (слева) #

Цветная полоска слева на карточке — цвет ведущего оператора: персональный цвет, назначенный администратором («Операторы»), или автоматический цвет по имени — тот же, что у кружка-аватара. Ничейный (новый) и закрытый диалог — без полоски: нет полоски у свежего диалога = его ещё никто не взял. В правом углу карточки — время последней активности (сегодня — просто время, вчера — «Вчера», раньше — дата).

• Непрочитанные помечены счётчиком; вкладка браузера при этом мигает красной иконкой.
• 💬 Обсуждение. Значок с числом на карточке — столько реплик внутреннего обсуждения вы ещё не прочитали (раздел 5). Значок без числа означает, что обсуждение в диалоге есть и вы его видели. Счётчик у каждого оператора свой.
• Группировка. Если посетитель обращался несколько раз, его диалоги собираются в «папку». Стрелка ▾ сворачивает/разворачивает. Двойной клик по названию группы — переименовать (название общее для всех операторов).
• Тема диалога. Вместо «Диалог #N» можно задать свободную тему, например «Возврат по заказу 1123»: в списке — двойной клик по названию (одиночный просто открывает диалог), в шапке открытого диалога — обычный клик по заголовку. Посетитель тему не видит, это ваша внутренняя пометка.
• Теги. Цветные ярлычки на диалогах («оплата», «жалоба», «VIP»…). Нажмите «+ тег» в шапке диалога — отметьте нужные или создайте новый (название + цвет → «Создать»). Теги общие для всей команды; удаление тега убирает его из всех диалогов сразу. Над списком — фильтр по тегам: можно выбрать несколько, покажутся диалоги со всеми выбранными сразу.
• Архив. Закрытый диалог сразу уходит в архив — список активных не засоряется. Посмотреть архив: на компьютере — кнопка «Показать архив» внизу списка, на телефоне — вкладка «Архив» в нижней навигации. Всё обратимо («Вернуть из архива»); при желании в архив можно вручную убрать и открытый диалог (кнопка в шапке).
• Ширина и сворачивание. Границу между списком и диалогом можно потянуть мышью, а сам список — свернуть кнопкой ▣ слева от логотипа, когда нужно место под длинную переписку. Свёрнутый список никуда не девается: новые сообщения по-прежнему приходят, со звуком и уведомлениями, — просто разверните его той же кнопкой, чтобы выбрать другой диалог.
• «Оповещение от администратора». Когда администратор рассылает объявление (например, «вышло обновление — переустановите приложение»), в списке появляется особый диалог-оповещение. Он только для чтения: прочитали — пункт уходит из списка в архив. Перечитать все оповещения можно в любой момент кнопкой «Оповещения» вверху экрана (на телефоне — в меню ☰); пока есть непрочитанные, на ней горит счётчик. Привязанным к МАКС объявление дублируется и туда, а с включёнными уведомлениями приходит и push.
• «📢 Новости сервиса». Так пишем вам мы, разработчики «Прямого Диалога»: что появилось нового, что изменилось в работе панели. Новость встаёт тем же особым пунктом вверху списка, подпись у неё «Прямой Диалог»; копия приходит в МАКС, если он привязан, и push-уведомлением. Ответить на новость нельзя, но под ней есть кнопка «Написать в поддержку»: она открывает окно «Поддержки» (3.5), и вопрос придёт прямо нам. Перечитать новость можно той же кнопкой «Оповещения». Если непрочитаны и новость, и объявление администратора, пункт называется «📢 Оповещения».

Окно диалога (справа) #

Шапка диалога: карточка посетителя, теги, действия. «Обсудить» открывает колонку для разговора с коллегами — посетитель её не видит (раздел 5). Внизу — строка ответа: 📎 вложение, 🙂 эмодзи, 📋 шаблоны.

В шапке открытого диалога — всё, что известно о посетителе:

• Гео · браузер · экран — определяется автоматически. Местоположение определяется по IP-адресу, поэтому у посетителя за VPN это город VPN-сервера.
• 🌐 Текущая страница — на какой странице сайта посетитель находится. Клик по названию страницы открывает историю переходов — какие страницы он смотрел до обращения, сгруппированные по дням (как история браузера). Иконка ↗ рядом открывает саму страницу в новой вкладке. Полезно: если он на странице оплаты — вопрос, скорее всего, об оплате.
• Другие чаты — прошлые обращения этого же посетителя, открываются кликом. Загляните туда прежде чем задавать вопросы, на которые он уже отвечал.
• Кнопка 🔐 N (если сайт передаёт данные о посетителе) — профиль посетителя: список сведений, которые сообщил сайт (например, сертификаты электронной подписи). Внутри — поиск по ФИО/организации и переключатель «Показывать просроченные»; активная запись подсвечена.
• Кто ведёт — имя ответственного оператора (на телефоне — строка «Ведёт: …»). Обновляется сразу, как только диалог закрепляется.

Если посетитель отправил один из готовых вопросов-подсказок из строки-приглашения виджета, над его сообщением стоит метка «✦ из подсказок» — это стандартный вопрос, а не свободный текст (на такие часто уже ответил автоответчик «Эксперт», см. 6.5).

В строке времени пузыря может стоять «изменено» — сообщение переписали после отправки. Посетитель правит свои сообщения прямо в виджете, и текст в ленте — уже новый; удалять свои сообщения он не может, поэтому «стереть» написанное у него получается только заменой на что-то короткое вроде точки. Метки над пузырём (та же «✦ из подсказок») относятся к моменту отправки и остаются от исходного текста — если метка спорит с тем, что вы читаете, смотрите на «изменено».

Панель на телефоне #

На телефоне панель устроена как мобильное приложение — тем более что её удобно и установить как приложение (раздел 8):

Сверху: ☰ меню — логотип — ваше имя и аватар. Снизу — навигация; активный раздел подсвечен.

• ☰ Меню (открывается слева): статус привязки МАКС («привязан» зелёным / «не привязан» красным), уведомления, звук, тема, «Настройки» для администратора, «Поддержка» (см. 3.5), «Оповещения» — все объявления и новости сервиса (см. 3.2); внизу — «Выйти», «Выйти везде» и номер сборки (пригодится при обращении к администратору «у меня что-то не так»). Красная точка на ☰ — пришёл ответ от поддержки, который вы ещё не прочитали.
• Нижняя навигация: «Диалоги» — список; «Архив» — архивные; «Теги» — фильтр по тегам (шторка снизу: отметьте один или несколько, закрыть — крестик или свайп вниз); «Кто на сайте» — кто сейчас на сайте. Разделы открываются экраном между шапкой и навигацией — шапка и навигация всегда на месте.
• Свайпы по карточке диалога: вправо — в архив (в архиве — обратно из архива), влево — закрыть (панель переспросит). Быстрая уборка списка без открытия диалога.
• В диалоге: «←» — назад к списку, ⋮ — действия (Обсудить / Передать / Закрыть / Заблокировать / В архив / + тег). Свайп по сообщению влево — ответить цитатой, двойной тап по своему — редактировать (см. 4.4–4.5), долгое нажатие — меню с «Ответить» и «Обсудить».
• Обсуждение с коллегами открывается отдельным экраном поверх переписки; крестик возвращает в диалог. В отличие от компьютера оно не открывается само — только кнопкой (раздел 5).
• «Настройки» (у администратора) открываются сначала списком разделов; выбранный раздел занимает экран целиком, стрелка в его шапке возвращает к списку, «К диалогам» — к переписке.

Поддержка: написать разработчикам #

Если «Прямой Диалог» подключён к вашему сайту, в верхней панели есть кнопка «Поддержка» (на телефоне — в меню ☰). Через неё пишут нам, разработчикам сервиса: вопрос по работе панели, ошибка, предложение по улучшению — всё, что хочется сказать про сам сервис.

• Кнопка открывает окошко чата — такое же, как у посетителей вашего сайта. Пишите в нём, как в обычный чат; приложить скриншот можно скрепкой или вставить из буфера.
• Представляться не нужно: мы сразу видим ваше имя и сайт.
• Ответ придёт в это же окошко. Пока вы его не прочитали, на кнопке «Поддержка» горит счётчик, на телефоне — ещё и красная точка на ☰. Окно можно закрыть и вернуться к работе: переписка сохранится.
• Чтобы получать ответы, даже когда панель закрыта, перенесите переписку в МАКС ссылкой под полем ввода.
• Переписка хранится в этом браузере и она личная: коллега, который войдёт в панель на этом же компьютере, её не увидит. На другом устройстве окно откроется пустым — пишите смело, у нас вся история ваших обращений под вашим именем.
• В обратную сторону мы пишем вам «Новостями сервиса» (3.2): о новых возможностях и изменениях. Под каждой новостью есть кнопка «Написать в поддержку».