Революция «плиточек», или как в Спринтхост менялся дизайн Панели управления
Около полугода назад в Спринтхост обновился дизайн Панели управления — он стал «плиточным». В статье рассказываем, как наши дизайнеры к этому пришли и как отреагировали клиенты.
То, что я вижу на скринах, скорее относится не к системе плиток, а все-таки карточек. Наиболее ярко концепция плиточного интерфейса проявилась в интерфейсе windows 10 mobile, где каждый логический блок находится в четко ограниченном пространстве и может легко изменять свои параметры адаптивности, влияя при этом на сетку построения соседних блоков. Из этого формируется цельное полотно блоков, разделенных единой системой равноудаленных отступов.
А здесь обычный интерфейс, где посередине просто какие-то карточки с каким-то текстом - один из стандартных вариантов формирования композиции дизайн системы.
Мне нравится дизайн 10 винды, да и в целом на дизайне Metro построилась очень вкусная актуальная дизайн система микромягих Fluent.
Плитки, карточки, плашки, ярлыки, виджеты или даже строки в таблице строятся на дизайне модульных сеток который круто работал еще в 60-х. Сегодня это самое оптимальное решение и поэтому очень популярное в современных интерфейсах. YouTube, Yandex Go, Сбербанк, Авито, Spotify, дизайн macOS, Twitter, VK, PornHub — все они так или иначе имеют плитки. Однако не все они имеют возможность персонализации этих плиток.
На хостинге нет возможности устанавливать сторонние приложения, набор ссылок у всех пользователей одинаковый. На хостинг не требуется ежедневно заходить что бы иметь глубокую погружённость в дизайн систему, в отличии от операционной системы. Поэтому и требования к персонализации такого интерфейса ниже. Гораздо важнее чтобы люди смогли настроить свой сайт, чем настроить блоки по своему вкусу. А адаптивность, персонализацию и интерактивность можно запустить в любой момент — главное чтобы от этого не страдали другие важные элементы продукта.