Панель состояния сетей для компании с множеством площадок

Продукт создавался в Asynchrony Labs, подразделении WWT по разработке программного обеспечения, для поставщика управляемых сетей для компаний с множеством площадок. Когда в 2018 году я принял его продуктовый дизайн, мой предшественник потратил время, отведённое на исследование, на повторное документирование Material Design и определение ограничений, хотя дизайн-концепции, способной кого-то увлечь, ещё не было. Полевое исследование застопорилось, потому что людям не на что было по-новому реагировать.

Владельцы продукта пытались решать реальные проблемы собственными концепциями, а сборка выросла из простых просьб переставить части интерфейса. Задача по-прежнему состояла в том, чтобы свести телеметрию двух вендоров к одной понятной модели статусов и превратить подключение следующей площадки из проекта в чек-лист. Но сначала нужно было что-то, о чём людям захотелось бы говорить.

Я воссоздал интерфейс в виде прототипа. Я знал, на что способен каталог компонентов Material, и ограничил прототип новым стилем поверх него. Новый стиль был намеренным: он ясно показывал, что продукт экспериментальный, и давал будущим пользователям повод для энтузиазма.

Этим приёмом пользуются опытные полевые исследователи, а мне нужны были их отзывы. Ещё я хотел, чтобы они увидели: Material Design нас не ограничивает. Во всей дизайн-организации это ограничение считалось само собой разумеющимся.

Доставшаяся мне сборка уже начиналась с карты: каждая сеть на ней точка, а цвет задаёт модель статусов по загрузке с явными порогами. Норма ниже 75 процентов, наблюдение до 84, предупреждение до 94, выше уже критично, а «не настроено» является отдельным статусом, а не серой догадкой. Каждый статус можно включить или скрыть на карте, так что оператор может убрать здоровое большинство и видеть только то, что требует внимания.

Первый вопрос моего ревью доставшейся сборки касался самой карты: можно ли сделать легенду видимой всегда? Оператор не должен открывать панель, чтобы узнать, что означает цвет.

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

В доставшейся мне сборке провизионер превратил настройку сети в пошаговый процесс: данные сети, её устройства, добавленные по отсканированным серийным номерам, шаги, которые всё ещё нужно сделать вручную, а затем запуск. Он незаметно для пользователя привязывал шаблоны вендора и записывал в журнал каждый шаг, так что подключение следующей площадки было чек-листом, а не проектом. Моё ревью спрашивало, куда внутри этого процесса пропала основная навигация.

В доставшейся мне сборке редактор captive-портала позволял сотрудникам, которые не являются сетевыми инженерами, управлять страницей входа в гостевой Wi-Fi и её условиями: шаблонами, текстом и цветами кнопок, с предпросмотром в том виде, в каком страницу покажет устройство. Так люди, которые пишут условия, не заходили в сетевую консоль.

В моём архиве сохранились обе половины этой передачи. Первая половина состоит из моего ревью доставшейся сборки: восемнадцать снимков от 19 и 20 ноября 2018 года с красными пометками. Можно ли сделать легенду карты видимой всегда; куда пропала навигация в провизионере; не место ли статусам, требующим действий, в списке площадок; нужна ли разделу Admin вкладка в основной навигации. Вторая половина состоит из прототипа в Sketch: 66 артбордов, от Network Health в пяти видах до подробных страниц площадок, провизионера, captive-портала и аналитики посетителей.

Продукт запустили, и им пользовались три-четыре корпоративных клиента, но дальше них он так и не вырос. В моих файлах нет цифр по внедрению, производительности или отзывам, а на экранах тестовые данные.

Я бы записывал вопросы ревью туда, где на них можно ответить письменно. Красные пометки задают хорошие вопросы, но сохранились они только на снимках; что команда решила по каждому из них, обсуждалось в разговоре и там и осталось.