Революция «плиточек», или как в Спринтхост менялся дизайн Панели управления

Около полугода назад в Спринтхост обновился дизайн Панели управления — он стал «плиточным». В статье рассказываем, как наши дизайнеры к этому пришли и как отреагировали клиенты.

1111

То, что я вижу на скринах, скорее относится не к системе плиток, а все-таки карточек. Наиболее ярко концепция плиточного интерфейса проявилась в интерфейсе windows 10 mobile, где каждый логический блок находится в четко ограниченном пространстве и может легко изменять свои параметры адаптивности, влияя при этом на сетку построения соседних блоков. Из этого формируется цельное полотно блоков, разделенных единой системой равноудаленных отступов.

А здесь обычный интерфейс, где посередине просто какие-то карточки с каким-то текстом - один из стандартных вариантов формирования композиции дизайн системы.

2
Ответить

Мне нравится дизайн 10 винды, да и в целом на дизайне Metro построилась очень вкусная актуальная дизайн система микромягих Fluent.

Плитки, карточки, плашки, ярлыки, виджеты или даже строки в таблице строятся на дизайне модульных сеток который круто работал еще в 60-х. Сегодня это самое оптимальное решение и поэтому очень популярное в современных интерфейсах. YouTube, Yandex Go, Сбербанк, Авито, Spotify, дизайн macOS, Twitter, VK, PornHub — все они так или иначе имеют плитки. Однако не все они имеют возможность персонализации этих плиток.

На хостинге нет возможности устанавливать сторонние приложения, набор ссылок у всех пользователей одинаковый. На хостинг не требуется ежедневно заходить что бы иметь глубокую погружённость в дизайн систему, в отличии от операционной системы. Поэтому и требования к персонализации такого интерфейса ниже. Гораздо важнее чтобы люди смогли настроить свой сайт, чем настроить блоки по своему вкусу. А адаптивность, персонализацию и интерактивность можно запустить в любой момент — главное чтобы от этого не страдали другие важные элементы продукта.

3
Ответить