Для сервиса электронного документооборота «Летограф» нужно было разработать концепции тем оформления интерфейса, чтобы пользователи могли настроить внешний вид под себя.
Темы должны менять настроение интерфейса, но не мешать работе с документами.
Темы нужны, чтобы компании могли подстроить интерфейс под фирменные цвета, а сотрудники — сделать рабочую среду приятнее.
В простых темах меняются цвета шапки и активных элементов. В цветных темах можно дополнительно менять фон.
В темах с фото-фоном пользователь выбирает фотографию для подложки — интерфейс становится более личным.
Для каждой темы оформления сделаны адаптивные версии.
Дизайн тем был передан клиенту для интеграции в сервис.
Сотрудники проводят в корпоративных сервисах по восемь часов в день. Возможность настроить внешний вид делает рабочий инструмент приятнее и снижает усталость от однообразного интерфейса.
Дизайн тем оформления интерфейса требует системного подхода. Мы определяем, какие элементы меняются в каждой теме, а какие остаются неизменными, чтобы функциональность и навигация не страдали.
Простые темы меняют акцентные цвета: шапку, кнопки и активные элементы. Это самый безопасный вариант кастомизации, который подходит большинству пользователей.
Цветные темы и темы с фото-подложкой дают больше свободы. Мы проверяем контрастность и читаемость текста на разных фонах, чтобы документы и таблицы оставались удобными.
Кастомизация интерфейса — часть UI/UX дизайна ЭДО и корпоративных продуктов. Она повышает лояльность пользователей и помогает продукту выделиться среди конкурентов.
Каждая тема должна работать на всех устройствах. Мы готовим адаптивные версии и передаём разработчикам систему цветовых переменных для простой интеграции.
Перед разработкой тем мы определили, какие элементы интерфейса остаются неизменными, чтобы функциональность сервиса не зависела от оформления.
Простые темы подходят компаниям, которым нужен фирменный акцент без изменения общего вида: меняются шапка и активные элементы.
Цветные темы дают больше выразительности, при этом мы следили за контрастом текста и таблиц на каждом фоне.
Темы с фото-подложкой делают интерфейс более личным. Мы подобрали затемнение и прозрачность панелей, чтобы фотография не мешала работе.
Адаптивные версии каждой темы гарантируют, что оформление одинаково работает на компьютере, планшете и телефоне.
Система цветовых переменных упрощает интеграцию тем в сервис и добавление новых вариантов в будущем.
Студия Onebanan из Калининграда проектирует интерфейсы корпоративных сервисов, систем ЭДО и CRM — лично и удалённо по всей России. Подробнее о том, как мы делаем дизайн систем ЭДО, — на странице услуги.
© Onebanan Digital Agency.
