Панель состояния сетей для компании с множеством площадок
Одна панель для сотен сетей
Моя роль
Старший UX-дизайнер
- Работодатель
- World Wide Technology
- Команда
- Asynchrony Labs, подразделение WWT по разработке программного обеспечения
- Где
- Сент-Луис
- Когда
- 2018
- Я взял на себя продуктовый дизайн панели: от сценариев и прототипов до написания тестов и контроля за разработкой.
- Я спроектировал карту, с которой начинается продукт: каждая сеть на ней точка, а цвет точки задаёт модель статусов по загрузке с явными порогами.
- Я спроектировал провизионер, который превратил настройку новой сети в четыре последовательных шага, и редактор captive-портала для гостевого Wi-Fi.
- Провёл ревью сборки ноября 2018 года, и каждая красная пометка стала вопросом для следующей итерации.
- 483 сетей на одной карте в тестовой сборке, с платформ двух вендоров и под одной моделью состояния
- 5 статусов в модели: норма при загрузке ниже 75%, наблюдение, предупреждение, критично выше 94% и не настроено
- 4 шага, чтобы запустить новую сеть: её данные, устройства по отсканированным серийным номерам, ручные шаги, затем запуск
- 3–4 корпоративных клиента пользовались им после запуска; дальше них он так и не вырос
Кратко
Компании с множеством площадок держат свои филиалы на оборудовании того вендора, который достался каждой площадке, а у каждого вендора своя панель и своё понимание того, что такое «в порядке». Команда эксплуатации, которая следит за сотнями площадок, не могла с одного взгляда ответить на единственный важный вопрос: каким площадкам нужно внимание прямо сейчас? Продукт должен был свести телеметрию двух вендоров к одной понятной модели статусов и превратить подключение следующей площадки из проекта в чек-лист.
Я взял на себя продуктовый дизайн панели, которая отвечала на этот вопрос для всего парка сетей. Она показала все управляемые сети на одной карте, свела телеметрию двух вендоров к одной модели статусов, дала каждой площадке свой уровень детализации и сделала подключение следующей площадки чек-листом. Его запустили, и им пользовались три-четыре корпоративных клиента, хотя дальше них он так и не вырос. Сохранились материалы дизайн-ревью тестовой сборки ноября 2018 года: снимки экранов с пометками, и каждая красная пометка была вопросом для следующей итерации.
Кто участвовал
- Asynchrony Labs Подразделение WWT по разработке программного обеспечения, инженеры которого построили продукт.
- Клиент Поставщик управляемых сетей для компаний с множеством площадок. Здесь я называю его только по отрасли.
- Я Продуктовый дизайн: сценарии, карта и модель статусов, провизионер, редактор captive-портала и дизайн-ревью.
Читать материалы .
С чего всё началось
Продукт создавался в Asynchrony Labs, подразделении WWT по разработке программного обеспечения, для поставщика управляемых сетей для компаний с множеством площадок. В 2018 году я взял на себя его продуктовый дизайн: от планирования сценариев и прототипирования до написания тестов и разработки. Задача состояла в том, чтобы свести телеметрию двух вендоров к одной понятной модели статусов и превратить подключение следующей площадки из проекта в чек-лист.
Одна карта, одна модель статусов
Панель начинается с карты: каждая сеть на ней точка, а цвет задаёт модель статусов по загрузке с явными порогами. Норма ниже 75 процентов, наблюдение до 84, предупреждение до 94, выше уже критично, а «не настроено» является отдельным статусом, а не серой догадкой. Каждый статус можно включить или скрыть на карте, так что оператор может убрать здоровое большинство и видеть только то, что требует внимания.
Первый вопрос ревью касается самой карты: можно ли сделать легенду видимой всегда? Оператор не должен открывать панель, чтобы узнать, что означает цвет.
У каждой площадки своя глубина
На страницах площадок собраны подробности по каждой из них: загрузка каналов, состояние аплинков и история пропускной способности в часовом поясе самой площадки, так что пик в филиале читается по местному времени этого филиала. В списке площадок видно, платформа какого вендора управляет каждой из них. Пометка ревью на странице площадки спрашивает, не стоит ли показывать статусы, требующие действий, прямо в списке, уровнем выше, там, куда оператор смотрит в первую очередь.
Настройка сети как чек-лист
Провизионер превратил настройку сети в пошаговый процесс: данные сети, её устройства, добавленные по отсканированным серийным номерам, шаги, которые всё ещё нужно сделать вручную, а затем запуск. Он незаметно для пользователя привязывал шаблоны вендора и записывал в журнал каждый шаг, так что подключение следующей площадки было чек-листом, а не проектом. Ревью спрашивало, куда внутри этого процесса пропала основная навигация.
Гостевой Wi-Fi без консоли
Редактор captive-портала позволил сотрудникам, которые не являются сетевыми инженерами, управлять страницей входа в гостевой Wi-Fi и её условиями: шаблонами, текстом и цветами кнопок, с предпросмотром в том виде, в каком страницу покажет устройство. Так люди, которые пишут условия, не заходили в сетевую консоль.
Результаты
В моём архиве сохранились материалы дизайн-ревью: восемнадцать снимков тестовой сборки ноября 2018 года, датированных 19 и 20 ноября, с красными пометками. Можно ли сделать легенду карты видимой всегда; куда пропала навигация в провизионере; не место ли статусам, требующим действий, в списке площадок; нужна ли разделу Admin вкладка в основной навигации. Я оставил пометки на снимках, потому что они показывают, как ревью делало свою работу.
Продукт запустили, и им пользовались три-четыре корпоративных клиента, но дальше них он так и не вырос. В моих файлах нет цифр по внедрению или производительности, а на экранах тестовые данные.
Если бы я делал это снова
Я бы записывал вопросы ревью туда, где на них можно ответить письменно. Красные пометки задают хорошие вопросы, но сохранились они только на снимках; что команда решила по каждому из них, обсуждалось в разговоре и там и осталось.