Дизайн экрана настроек мобильного приложения

TRUETECH занимается разработкой, поддержкой и обслуживанием мобильных приложений iOS, Android, PWA. Имеем большой опыт и экспертизу для публикации мобильных приложений в популярные маркеты Google Play, App Store, Amazon, AppGallery и другие.
Разработка и поддержка любых видов мобильных приложений:
Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Предлагаемые услуги
Показано 1 из 1 услугВсе 1735 услуг
Дизайн экрана настроек мобильного приложения
Простая
~1 рабочий день
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    756
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    624
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1052
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    947
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    862
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    445

Дизайн экрана настроек мобильного приложения

Настройки — самый недооценённый экран в мобильном приложении. Их делают в последнюю очередь, накидывают всё, что не вписалось в другие разделы, и считают задачу выполненной. Результат: support-обращения «где отключить уведомления», пользователи, которые случайно удаляют данные из-за неочевидного расположения опции, и отклонения в App Store за отсутствие обязательных пунктов.

Структура настроек

Настройки организуются по смысловым группам, а не по порядку добавления функций. Типовая группировка:

  • Аккаунт — имя, email, пароль, авторизованные устройства
  • Уведомления — глобальный переключатель + настройки по типам уведомлений
  • Конфиденциальность — аналитика, трекинг, управление данными
  • Внешний вид — тема (авто/светлая/тёмная), язык, размер текста
  • Помощь и поддержка — FAQ, связь с поддержкой, версия приложения
  • Опасная зона — выйти из аккаунта, удалить аккаунт

Порядок имеет значение: часто используемые настройки — выше, разрушительные действия — внизу.

iOS vs Android: паттерны настроек

На iOS нативный паттерн — UITableView grouped style с секциями и disclosure indicators. Пользователи знают этот паттерн из системных настроек. Отклонение от него без веской причины создаёт ощущение «неродного» приложения.

На Android — List с dividers и Leading icons. Material Design 3 Settings pattern подробно описывает поведение каждого типа настройки: Switch, Radio Group, Slider, Text field.

Для обеих платформ: переключатели (Toggle/Switch) для бинарных настроек, не checkbox. Checkbox — для выбора нескольких элементов из списка, не для включения/выключения.

Уведомления — отдельная тема

Экран настроек уведомлений часто недопроектирован. Пользователь хочет отключить «рекламные» уведомления, но оставить «важные». Если в приложении нет такой градации — он выключает все и уходит в неохваченных.

Правильная структура: глобальный переключатель сверху (выключает всё), ниже — категории с индивидуальными переключателями. При выключенном глобальном — категории визуально недоступны (disabled), но их состояния сохраняются на случай повторного включения.

Отдельный момент — permission. Если системное разрешение на уведомления не выдано, нужно показывать это явно с кнопкой «Включить в настройках», которая открывает UIApplication.openSettingsURLString (iOS) или Settings.ACTION_APP_NOTIFICATION_SETTINGS (Android).

Обязательные пункты

С 2022 года App Store обязывает приложения предоставлять возможность удаления аккаунта напрямую в приложении. Не «написать в поддержку», а кнопку с подтверждением. Отсутствие — причина отклонения при ревью.

Ссылки на Privacy Policy и Terms of Service — обязательны. Не спрятанные в About → Legal → третий пункт, а в разделе настроек с очевидным названием.

Сроки

Дизайн экрана настроек с полной группировкой, всеми состояниями переключателей и экраном уведомлений — 1 рабочий день.