Как впихнуть невпихуемое: проектируем B2B‑интерфейс для управления 10 000+ ПК
<img src="https://habrastorage.org/getpro/habr/upload_files/a78/09a/a7d/a7809aa7d14352612622b2065a3998af.png" /><p>Большинство энтерпрайз‑интерфейсов выглядят так, будто их верстали в 2003 году под дулом пистолета. Хотя кто знает, может это не так уж далеко от правды… Знакомая картина: вы открываете панель управления инфраструктурой, где нас встречает таблица на 40 колонок с горизонтальной прокруткой, пачка модальных окон, перекрывающих друг друга, и кнопка «Сохранить», клик по которой может случайно положить сетку целого филиала.</p><p>В продуктовом B2B‑дизайне, когда речь идет про IaaS, СХД или управление флотом ПК, мы боимся не за условный <abbr class="habraabbr" title="Retention — это метрика, которая показывает долю пользователей или клиентов, вернувшихся к использованию продукта." data-title="<p>Retention — это метрика, которая показывает долю пользователей или клиентов, вернувшихся к использованию продукта.</p><p></p>" data-abbr="ретеншен">ретеншен</abbr>, а за то что сотня серверов одномоментно ляжет. Исходя из этого важно серьезнее отнестись к <abbr class="habraabbr" title="Error Prevention — это принцип проектирования интерфейсов и систем, при котором дизайн заранее исключает или затрудняет совершение пользователем ошибочных действий." data-title="<p>Error Prevention — это принцип проектирования интерфейсов и систем, при котором дизайн заранее исключает или затрудняет совершение пользователем ошибочных действий.</p>" data-abbr="Error Prevention">Error Prevention</abbr>. Наш юзер не просто меняет картриджи, это инженер инфраструктуры. А значит мы не можем ограничиться удобством для пользователя с условными <abbr class="habraabbr" title="Call to Action — это элемент, который побуждает пользователя совершить конкретное целевое действие." data-title="<p>Call to Action — это элемент, который побуждает пользователя совершить конкретное целевое действие.</p>" data-abbr="Call to Action">Call to Action</abbr>. Инфраструктура должна быть превентивной, а не просто комфортной. </p><p>Недавно передо мной как раз встала задача: спроектировать веб‑панель мониторинга и планировщик задач для парка из 10 000+ устройств. Я еще не начала, но уже устала. Так как до того, как открывать фигму, пришлось перелопатить добрый десяток <abbr class="habraabbr" title="Best practices — это самые надежные и эффективные методы, правила и подходы." data-title="<p>Best practices — это самые надежные и эффективные методы, правила и подходы.</p>" data-abbr="Best Practice">Best Practice</abbr> и паттернов, расщепив их на атомы, молекулы и сценарии. Аналоги вроде Microsoft Endpoint Manager и VMmanager были декомпозированы. В общем, все по классике. </p><p> </p> <a href="https://habr.com/ru/articles/1081534/?utm_source=habrahabr&utm_medium=rss&utm_campaign=1081534#habracut">Читать далее</a>