Дизайн экрана профиля пользователя мобильного приложения
Экран профиля — один из самых насыщенных по состояниям. Здесь пересекаются: аватар (загружен / заглушка / инициалы), данные пользователя (заполнены полностью / частично), верификация аккаунта, настройки уведомлений, история действий, управление подпиской. Неправильно спроектированный профиль — источник постоянных поддержку-обращений «где найти настройки», «как поменять фото».
Структура профиля
Типовая архитектура: header с аватаром и основными данными, секции с настройками и действиями, footer с выходом/удалением аккаунта. Но «типовая» — не значит «единственно правильная»: для social-приложений профиль — публичная страница с контентом; для b2b SaaS — управление аккаунтом и биллингом; для фитнес-приложения — прогресс и достижения.
Выбор layout зависит от назначения профиля в конкретном продукте.
Аватар. Три состояния: загружен (фото), инициалы (если фото нет, но имя есть), default icon (если имени тоже нет). Тап по аватару — action sheet с «Загрузить фото», «Удалить фото». Загрузка — progress indicator прямо на аватаре (circular progress).
Редактирование. Inline edit (тап по полю → редактирование прямо в профиле) vs. отдельный экран Edit Profile. Для длинных форм — отдельный экран; для 2–3 полей — inline. В обоих случаях: состояние «несохранённых изменений» (confirmation alert при попытке уйти).
Верификация / уровень аккаунта. Badge с иконкой верификации рядом с именем. Неверифицированный аккаунт — заметный call-to-action «Подтвердить аккаунт» без агрессивности.
Danger zone. Выход из аккаунта и удаление аккаунта — всегда в конце экрана, всегда с confirmation dialog. GDPR и App Store требуют возможности удаления аккаунта прямо в приложении (с iOS 15 — обязательное требование App Store).
Состояния, которые часто забывают
Пустой профиль — только что зарегистрированный пользователь без заполненных данных. Не пустые поля, а подсказки: «Добавь фото, чтобы тебя узнавали» или просто заглушка без CTA-давления.
Профиль другого пользователя (если приложение социальное) — другой набор действий: подписаться / написать / пожаловаться вместо «Редактировать».
Сроки
Дизайн профиля пользователя (просмотр + редактирование + все состояния) — 1 рабочий день.