Обновили дизайн настроек SmartShell: настройка клуба стала легче
Система управления клубом SmartShell предлагает множество инструментов, и с каждым обновлением добавляются новые фичи. Из-за этого количество настроек растёт, а экран не резиновый. Мы решили полностью переработать дизайн настроек, чтобы управление клубом стало ещё проще и удобнее. В этой статье расскажем, как мы подошли к редизайну и почему эти изменения — важный шаг вперёд.
Какая проблема была в старом дизайне?
Главная проблема предыдущего интерфейса — отсутствие четкой структуры настроек. Они были распределены по разделам без чёткой логики, из-за чего даже разработчикам было сложно быстро найти нужную опцию. Места на экране не хватало, поэтому заголовки и дополнительную информацию убирали или заменяли всплывающими подсказками.
Постоянное добавление новых функций привело к нарушению структуры и порядка. Настройки для одной и той же фичи могли оказаться разбросаны по разным разделам. Мы регулярно задавались вопросом: куда добавить настройку нового функционала?
Что вдохновило на редизайн?
Нужно было добавить новую опцию так, чтобы владелец клуба легко находил её в нужном разделе, а не тратил время на поиски.
Нам удалось сделать процесс настройки системы управления максимально простым и интуитивно понятным. Логичная структура нового дизайна облегчит работу администраторов и ускорит процесс настройки системы.
При разработке нового дизайна команда ориентировалась на принципы Google и Apple:
✅ минимализм
✅ логика
✅ удобство
Что мы сделали, чтобы настройка клуба стала проще и логичнее
Теперь весь процесс работы с настройками — это слаженная и логичная система. Вот, что мы сделали:
- Логика группировки
Объединили настройки по смыслу/действиям и присвоили соответствующие заголовки, для более удобной навигации. Ранее настройки добавлялись стихийно и были разбросаны по разделам. - Новый порядок и названия
Настройки больше не разбросаны, а структурированы. Разделы получили чёткие названия, понятные владельцам.
- Простота формулировок
Переосмыслили сами формулировки. Практически избавились от всех тултипов (всплывающих подсказок), теперь вся основная информация о настройке сформулирована в подзаголовке.
- Информативность
Теперь у настройки сразу видны все дополнительные поля, ранее эти поля появлялись только после включения настройки. Мы сделали это для того, чтобы пользователь сразу понимал, какие данные ему потребуется ввести или какие уже стоят по дефолту.
- Показ всех возможностей
Ранее некоторые настройки, недоступные на Free и Starter, были полностью спрятаны под плашки, где было написано, что настройка недоступна и ссылка на базу знаний. В текущем дизайне мы полностью показываем настройку, чтобы пользователи на любом тарифе могли с ней ознакомиться. Теперь рядом с заголовком появился замочек, сообщающий, что настройка недоступна на вашем тарифе и ссылка в ЛК владельца, где можно улучшить тариф.
Мы не просто обновили что-то одно — это был комплексный подход, где каждая деталь была пересмотрена и улучшена.
Заключение
Теперь настройка клуба — это не сложный процесс, а эффективный инструмент для оптимизации работы и улучшения клиентского опыта. Мы сделали её удобной, логичной и доступной для всех.
Если у вас есть идеи или предложения по дальнейшим улучшениям, делитесь с нами — вместе сделаем систему ещё лучше!
