История создания интерфейса Bpium 2.0

Первая версия Бипиума выглядела так:

Задача: увеличить рабочую зону

Зарождение идеи — надо перенести разделы вверх, чтобы сократить размер меню:

А что если и каталоги тоже перенести вверх:

Дальше начался долгий этап поиска оптимального расположения навигации и данных.

Выбор был остановлен на варианте с горизонтальным расположением разделов и каталогов:

Это решение было выпущено в первой альфа-версии, которая попала на тестирование близким партнерам. Тестирование показало, что горизонтальное расположение каталогов оказалось непривычно и неудобно в работе. Перегруженность элементов навигации сверху приложения часто приводила к ошибкам. Слишком слабый контраст между навигацией и данными не помогал сфокусироваться на работе с информацией — главной задаче Бипиума.

Второй подход

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

Вторая идея — объединить навигацию в отдельный от информации слой. Работа с данными сгруппирована в отдельное окно, которое лежит на рабочей области с навигацией:

Третья идея напросилась сама — вернуть привычный фон Бипиума.
Фаталити — сделать панель фильтров сворачиваемой.

Так, пройдя круг, мы вернулись к привычному на первый взгляд виду, но имеющему на 40% большую рабочую зону.

Поделиться
Отправить