Проектирование лайтбоксов для приложения Microsoft Teams
Лайтбокс — это компонент отображения, который подчеркивает важную информацию путем деактивации макета страницы за ней. Информация в лайтбоксе не является доступной и неинтерактивной. Представление lightbox позволяет пользователям просматривать содержимое мультимедиа, включая изображения, видео, аудиофайлы на большой поверхности в главном окне Teams.
Компонент lightbox предназначен для быстрой проверки, понимания или проверки. Он не поддерживает действия по редактированию или совместной работе. Пользователи могут инициировать лайтбокс в новом окне Teams или открыть его непосредственно в собственном приложении или браузере.
Структура
Представление lightbox включает заголовок, центральную сцену и карусели.
| Счетчик | Описание |
|---|---|
| 1 | Назад: кнопка для перехода к экрану previoius |
| 2 | Открыть в: кнопка (базовая или разбиение) для перехода во внешнее окно |
| 3 | Кнопки с действиями содержимого: увеличение или уменьшение масштаба, общий доступ, скачивание или открытие панели чата |
| 4 | Шевроны для слайд-шоу |
| A | Заголовок Lightbox: Actionable |
| Б | Центральный этап: основной контейнер содержимого |
| В | Карусель: actionable |
Определение размера компонентов
Ниже приведен размер по умолчанию для контейнера с основным содержимым:
Лучшие методики
Рекомендуемые рекомендации для Lightbox
Сделать: используйте компонент lightbox для предварительного просмотра файлов, которые представляют мультимедиа, такие как изображение, видео, аудио в полноэкранном режиме
Помогает сэкономить время при открытии файла. Открытие поверх основного содержимого. С простой навигацией по файлам и быстрым обратимым закрытием.
Не: используйте лайтбокс для редактирования содержимого или взаимодействия
Информация в лайтбоксе не является доступной и неинтерактивной. Укажите четкие параметры в меню "Открыть в ", где пользователи могут начать взаимодействовать с содержимым.
Сделать. Использование компонента Lightbox для предварительного просмотра документов
Документы, которые предназначены только для параметра предварительного просмотра или имеют параметр Предварительный просмотр из параметра Дополнительно.
Не используйте лайтбокс в средах совместной работы, где полезно видеть присутствие в реальном времени
Пользователи не смогут видеть, кто еще находится в файле и вносить изменения из лайтбокс.
Сделать: кнопка "Назад" в заголовке будет переходить на предыдущий экран и закрыть лайтбокс или щелкнуть по бокам от основного содержимого
Не используйте кнопку "Больше", чтобы закрыть лайтбокс
Вы можете выйти из лайтбокс, вернувшись к предыдущему экрану или коснувшись за его пределами.
Сделать: выделите панель чата, чтобы сообщить о предварительном просмотре файла.
Не делать: ссылка на комментарии в интерфейсе lightbox
Пользователи не могут комментировать в файлах lightbox.
Сделать. Откройте файл в новом окне, если файл требует больше времени для фокусировки и доступен для редактирования.
Нет: используйте lightbox для файлов Word, Excel, PowerPoint и PDF. Lightbox — хороший компонент для предварительного просмотра содержимого
Platform Docs