Элтекс
Интерфейсы управления сервисным маршрутизатором.
Telecom
B2B
Web
Компания
Элтекс
Роль
Продуктовый дизайнер
Сервисный маршрутизатор — это продукт для настройки, мониторинга и администрирования сетевого оборудования.
Основными пользователями системы являлись сетевые инженеры.
Моей задачей было преобразовать сложную техническую конфигурацию и инженерные сценарии работы в понятные графические интерфейсы.
Главный вызов проекта
Проект требовал работы со сложной предметной областью: большим количеством параметров, взаимосвязанных настроек и высокой информационной плотностью. Одной из ключевых задач было сохранить привычную для сетевых инженеров логику работы, представив её в удобном и понятном графическом интерфейсе.
Ограничения
Проект стартовал до моего прихода. Я продолжил развитие продукта, проектируя новые разделы и сценарии с нуля, при этом соблюдая уже сформированные принципы интерфейса и ограничения существующей системы.
Корпоративная дизайн-система
Интерфейсы создавались на базе корпоративной дизайн-системы Protocol UI. Система построена на дизайн-токенах и включает библиотеку компонентов, сторибук и гайды по использованию паттернов интерфейса.
Управление физическими интерфейсами
Задача: предоставить инженеру быстрый доступ к настройке, мониторингу и диагностике интерфейсов.
Список интерфейсов
Инженеру необходимо одновременно контролировать большое количество физических и вложенных интерфейсов и быстро находить проблемные состояния. Поэтому основой раздела стала таблица с фильтрацией, визуальными статусами и поддержкой иерархии интерфейсов.
Настройка интерфейса
Конфигурация интерфейса включает большое количество связанных параметров. Вместо распределения настроек по нескольким экранам я объединил их в единую форму, чтобы инженер мог последовательно настроить интерфейс без лишних переходов.
Мониторинг и диагностика
Для диагностики инженеру важно видеть состояние интерфейса, технические показатели и динамику нагрузки в одном месте. Поэтому я объединил оперативные данные, статусы и графики в едином экране, чтобы основные проверки можно было выполнять без перехода в CLI.
Управление пользователями
Задача: управление доступом к устройству и настройка методов аутентификации.
Список пользователей
Для управления доступом инженеру необходимо быстро видеть состояние учётной записи, уровень доступа и используемый метод аутентификации. Поэтому основные параметры и статусы были вынесены непосредственно в таблицу.
Карточка пользователя
Настройки учётной записи зависят от выбранного метода аутентификации, наличия пароля и SSH-ключа. Изменение одного параметра могло делать другие настройки обязательными, недоступными или приводить к конфликтному состоянию. Поэтому я спроектировал форму, которая меняется в зависимости от выбранного сценария и заранее показывает ограничения.
Для раздела управления пользователями я проработал около 20 сценариев, связанных с сочетанием методов аутентификации, состояния пароля, SSH-ключей и уровней доступа. Ниже — несколько примеров того, как интерфейс меняется в зависимости от конфигурации.
Метод аутентификации — пароль
Метод аутентификации — публичный ключ
Метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль
Настройка времени
Задача: управление синхронизацией времени через NTP.
Таблица серверов
Управление источниками времени и их параметрами.
Добавление и редактирование
Разные типы NTP-источников требуют разного набора параметров конфигурации. Вместо одной перегруженной формы я сделал интерфейс зависимым от выбранного типа: инженер видит только те параметры, которые относятся к текущему сценарию.
Результат
Спроектировал интерфейсы для настройки, мониторинга и администрирования сервисного маршрутизатора, сохранив привычную для сетевых инженеров логику работы. В рамках проекта проработал сложные конфигурационные сценарии, зависимости между параметрами и различные состояния интерфейса для управления физическими интерфейсами, пользователями и синхронизацией времени.
Элтекс
Интерфейсы управления сервисным маршрутизатором.
Telecom
B2B
Web
Компания
Элтекс
Роль
Продуктовый дизайнер
Сервисный маршрутизатор — это продукт для настройки, мониторинга и администрирования сетевого оборудования.
Основными пользователями системы являлись сетевые инженеры.
Моей задачей было преобразовать сложную техническую конфигурацию и инженерные сценарии работы в понятные графические интерфейсы.
Главный вызов проекта
Проект требовал работы со сложной предметной областью: большим количеством параметров, взаимосвязанных настроек и высокой информационной плотностью. Одной из ключевых задач было сохранить привычную для сетевых инженеров логику работы, представив её в удобном и понятном графическом интерфейсе.
Ограничения
Проект стартовал до моего прихода. Я продолжил развитие продукта, проектируя новые разделы и сценарии с нуля, при этом соблюдая уже сформированные принципы интерфейса и ограничения существующей системы.
Корпоративная дизайн-система
Интерфейсы создавались на базе корпоративной дизайн-системы Protocol UI. Система построена на дизайн-токенах и включает библиотеку компонентов, сторибук и гайды по использованию паттернов интерфейса.
Управление физическими интерфейсами
Задача: предоставить инженеру быстрый доступ к настройке, мониторингу и диагностике интерфейсов.
Список интерфейсов
Инженеру необходимо одновременно контролировать большое количество физических и вложенных интерфейсов и быстро находить проблемные состояния. Поэтому основой раздела стала таблица с фильтрацией, визуальными статусами и поддержкой иерархии интерфейсов.
Настройка интерфейса
Конфигурация интерфейса включает большое количество связанных параметров. Вместо распределения настроек по нескольким экранам я объединил их в единую форму, чтобы инженер мог последовательно настроить интерфейс без лишних переходов.
Мониторинг и диагностика
Для диагностики инженеру важно видеть состояние интерфейса, технические показатели и динамику нагрузки в одном месте. Поэтому я объединил оперативные данные, статусы и графики в едином экране, чтобы основные проверки можно было выполнять без перехода в CLI.
Управление пользователями
Задача: управление доступом к устройству и настройка методов аутентификации.
Список пользователей
Для управления доступом инженеру необходимо быстро видеть состояние учётной записи, уровень доступа и используемый метод аутентификации. Поэтому основные параметры и статусы были вынесены непосредственно в таблицу.
Карточка пользователя
Настройки учётной записи зависят от выбранного метода аутентификации, наличия пароля и SSH-ключа. Изменение одного параметра могло делать другие настройки обязательными, недоступными или приводить к конфликтному состоянию. Поэтому я спроектировал форму, которая меняется в зависимости от выбранного сценария и заранее показывает ограничения.
Для раздела управления пользователями я проработал около 20 сценариев, связанных с сочетанием методов аутентификации, состояния пароля, SSH-ключей и уровней доступа. Ниже — несколько примеров того, как интерфейс меняется в зависимости от конфигурации.
Метод аутентификации — пароль
Метод аутентификации — публичный ключ
Метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль
Настройка времени
Задача: управление синхронизацией времени через NTP.
Таблица серверов
Управление источниками времени и их параметрами.
Добавление и редактирование
Разные типы NTP-источников требуют разного набора параметров конфигурации. Вместо одной перегруженной формы я сделал интерфейс зависимым от выбранного типа: инженер видит только те параметры, которые относятся к текущему сценарию.
Результат
Спроектировал интерфейсы для настройки, мониторинга и администрирования сервисного маршрутизатора, сохранив привычную для сетевых инженеров логику работы. В рамках проекта проработал сложные конфигурационные сценарии, зависимости между параметрами и различные состояния интерфейса для управления физическими интерфейсами, пользователями и синхронизацией времени.
Элтекс
Интерфейсы управления сервисным маршрутизатором.
Telecom
B2B
Web
Компания
Элтекс
Роль
Продуктовый дизайнер
Сервисный маршрутизатор — это продукт для настройки, мониторинга и администрирования сетевого оборудования.
Основными пользователями системы являлись сетевые инженеры.
Моей задачей было преобразовать сложную техническую конфигурацию и инженерные сценарии работы в понятные графические интерфейсы.
Главный вызов проекта
Проект требовал работы со сложной предметной областью: большим количеством параметров, взаимосвязанных настроек и высокой информационной плотностью. Одной из ключевых задач было сохранить привычную для сетевых инженеров логику работы, представив её в удобном и понятном графическом интерфейсе.
Ограничения
Проект стартовал до моего прихода. Я продолжил развитие продукта, проектируя новые разделы и сценарии с нуля, при этом соблюдая уже сформированные принципы интерфейса и ограничения существующей системы.
Корпоративная дизайн-система
Интерфейсы создавались на базе корпоративной дизайн-системы Protocol UI. Система построена на дизайн-токенах и включает библиотеку компонентов, сторибук и гайды по использованию паттернов интерфейса.
Управление физическими интерфейсами
Задача: предоставить инженеру быстрый доступ к настройке, мониторингу и диагностике интерфейсов.
Список интерфейсов
Инженеру необходимо одновременно контролировать большое количество физических и вложенных интерфейсов и быстро находить проблемные состояния. Поэтому основой раздела стала таблица с фильтрацией, визуальными статусами и поддержкой иерархии интерфейсов.
Настройка интерфейса
Конфигурация интерфейса включает большое количество связанных параметров. Вместо распределения настроек по нескольким экранам я объединил их в единую форму, чтобы инженер мог последовательно настроить интерфейс без лишних переходов.
Мониторинг и диагностика
Для диагностики инженеру важно видеть состояние интерфейса, технические показатели и динамику нагрузки в одном месте. Поэтому я объединил оперативные данные, статусы и графики в едином экране, чтобы основные проверки можно было выполнять без перехода в CLI.
Управление пользователями
Задача: управление доступом к устройству и настройка методов аутентификации.
Список пользователей
Для управления доступом инженеру необходимо быстро видеть состояние учётной записи, уровень доступа и используемый метод аутентификации. Поэтому основные параметры и статусы были вынесены непосредственно в таблицу.
Карточка пользователя
Настройки учётной записи зависят от выбранного метода аутентификации, наличия пароля и SSH-ключа. Изменение одного параметра могло делать другие настройки обязательными, недоступными или приводить к конфликтному состоянию. Поэтому я спроектировал форму, которая меняется в зависимости от выбранного сценария и заранее показывает ограничения.
Для раздела управления пользователями я проработал около 20 сценариев, связанных с сочетанием методов аутентификации, состояния пароля, SSH-ключей и уровней доступа. Ниже — несколько примеров того, как интерфейс меняется в зависимости от конфигурации.
Метод аутентификации — пароль
Метод аутентификации — публичный ключ
Метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль и публичный ключ
Пароль удалён / метод аутентификации — пароль
Настройка времени
Задача: управление синхронизацией времени через NTP.
Таблица серверов
Управление источниками времени и их параметрами.
Добавление и редактирование
Разные типы NTP-источников требуют разного набора параметров конфигурации. Вместо одной перегруженной формы я сделал интерфейс зависимым от выбранного типа: инженер видит только те параметры, которые относятся к текущему сценарию.
Результат
Спроектировал интерфейсы для настройки, мониторинга и администрирования сервисного маршрутизатора, сохранив привычную для сетевых инженеров логику работы. В рамках проекта проработал сложные конфигурационные сценарии, зависимости между параметрами и различные состояния интерфейса для управления физическими интерфейсами, пользователями и синхронизацией времени.