Реализация анкеты онбординга для мобильного приложения

Duolingo спрашивает «Зачем ты учишь язык?» и показывает разный контент в зависимости от ответа. Headspace — «Что тебя беспокоит?» и предлагает соответствующие медитации. Это не просто UX-паттерн — это механизм, который значительно увеличивает вероятность возврата пользователя: приложение с первых секунд релевантно именно ему. Без персонализации пользователь видит одинаковый интерфейс, а контент не соответствует его ожиданиям. Анкета решает эту проблему: она собирает ключевые данные и сразу настраивает приложение. В результате retention вырастает на 20–40%, а стоимость привлечения пользователя окупается быстрее.

С нами вы получаете 10+ лет опыта в мобильной разработке и более 50 реализованных проектов с персонализированным онбордингом.

Почему персонализированный онбординг важен для мобильного приложения?

По данным Localytics, персонализированный онбординг увеличивает retention на 25%. Когда пользователь видит релевантный контент с первого запуска, вероятность повторного визита растёт. Анкета — эффективный инструмент сбора данных: она занимает 30–60 секунд, но даёт профиль, который определяет поведение приложения на недели вперёд.

Архитектура анкеты

Анкета персонализации — это не просто набор экранов с кнопками «Далее». Это поток с ветвлением: ответ на вопрос 2 может определять, какой вопрос будет третьим. И результат — не просто сохранённые ответы, а набор параметров, влияющих на начальное состояние приложения.

Data-driven конфигурация. Каждый вопрос — объект с метаданными:

struct OnboardingQuestion {
    let id: String
    let type: QuestionType // .singleChoice, .multiChoice, .slider, .text
    let title: String
    let subtitle: String?
    let options: [QuestionOption]
    let nextQuestionId: [String: String] // optionId -> nextQuestionId, или "default"
    let analyticsKey: String
}

Логика ветвления через словарь nextQuestionId: если пользователь выбрал опцию «Снижение стресса» — следующий вопрос q_stress_level, если «Лучший сон» — q_sleep_problems. «default» — для вопросов без ветвления. Конфигурация загружается с сервера или бандлится в приложении как JSON-файл.

QuestionnaireCoordinator управляет стеком вопросов: history: [String] для поддержки кнопки «Назад», currentQuestionId: String, answers: [String: Any] для накопления ответов. При нажатии «Назад» — history.popLast() и переход к предыдущему вопросу с сохранением выбранного ответа.

Как реализовать ветвление вопросов на Swift?

В центре — QuestionnaireCoordinator. Он получает конфигурацию, управляет историей и определяет следующий вопрос. Пример:

class QuestionnaireCoordinator {
    private var history: [String] = []
    private var currentQuestionId: String = "q_goal"
    private var answers: [String: Any] = [:]
    private let configuration: [String: OnboardingQuestion]

    func goToNext(selectedOptionId: String) {
        guard let question = configuration[currentQuestionId],
              let nextId = question.nextQuestionId[selectedOptionId] ?? question.nextQuestionId["default"] else {
            return
        }
        history.append(currentQuestionId)
        currentQuestionId = nextId
    }

    func goBack() {
        guard let previous = history.popLast() else {
            return
        }
        currentQuestionId = previous
    }

    func currentQuestion() -> OnboardingQuestion? {
        configuration[currentQuestionId]
    }
}

UI анкеты

Навигация между вопросами

Переход между экранами вопросов — горизонтальная анимация. На iOS: UIPageViewController в .scroll стиле или UIView.transition(with:duration:options:animations:) с .transitionCurlUp для необычного ощущения. В SwiftUI — TabView с tabViewStyle(.page) при фиксированном selection не даёт автосвайп назад пользователем — это нужно контролировать через interactiveDismissDisabled.

Лучший вариант — кастомная анимация через withAnimation(.spring(response: 0.4, dampingFraction: 0.8)) с offset и opacity. Дает полный контроль: вперёд — слайд влево, назад — слайд вправо.

Типы вопросов

Single choice — список карточек или пунктов, тап немедленно переходит к следующему вопросу (без «Далее»). Haptic .selection при выборе. Выбранная карточка — анимированное изменение background и border.

Multi choice — чекбоксы или карточки с multiple selection. Кнопка «Далее» появляется после выбора хотя бы одного варианта. LazyVGrid / FlowLayout для карточек с тегами.

Slider — UISlider / Slider в SwiftUI для числовых значений (возраст, частота, уровень). Лейблы по краям для понятного контекста. Haptic .selection при кратных значениях.

Progress indicator

Прогресс-бар сверху показывает положение в анкете. Анимированный LinearProgressView / LinearProgressIndicator. Не показываем точный шаг («3 из 7») — пользователь видит конец и может бросить. Показываем только bar без числовых меток.

Сравнение линейной и ветвящейся анкеты

Компоненты UI по платформам

{
  "questions": [
    {
      "id": "q_goal",
      "type": "singleChoice",
      "title": "Зачем вы используете приложение?",
      "options": [
        {
          "id": "stress",
          "title": "Снижение стресса"
        },
        {
          "id": "sleep",
          "title": "Лучший сон"
        }
      ],
      "nextQuestionId": {
        "stress": "q_stress_level",
        "sleep": "q_sleep_problems",
        "default": "q_time"
      },
      "analyticsKey": "goal_selection"
    }
  ]
}

Персонализация результата и аналитика

После завершения анкеты собираем UserProfile из ответов:

struct UserProfile {
    let primaryGoal: Goal // из вопроса q_goal
    let experienceLevel: Level // из вопроса q_experience
    let preferredTopics: [Topic] // из вопроса q_topics (multi)
    let availableTime: Int // минут в день из вопроса q_time
}

Этот профиль определяет: какой контент показывается на главном экране, какие push-уведомления отправляются, какие разделы скрыты/показаны, с каким уровнем сложности начинается пользователь. Профиль сохраняется локально (UserDefaults / DataStore) и синхронизируется с сервером — чтобы при переустановке или смене устройства пользователь не проходил анкету снова.

Аналитика. Firebase Analytics: questionnaire_started, questionnaire_step_completed (с step_id и time_spent), questionnaire_skipped (с at_step), questionnaire_completed. По этим данным видно — на каком вопросе пользователи уходят, какие ответы самые популярные, как влияет анкета на retention. Firebase Analytics — рекомендуемый инструмент для мониторинга.

Пропуск анкеты и редактирование

Кнопка «Пропустить» — всегда. Не все хотят рассказывать о себе. Пропустившим показываем дефолтный контент и периодически (через 3–7 дней) ненавязчиво предлагаем заполнить «для лучших рекомендаций».

Возможность изменить ответы позже — в настройках профиля. Не запирать пользователя в первоначальном выборе. OnboardingQuestionnaireView переиспользуется в settings с режимом edit — те же компоненты, но с pre-filled ответами и другим completion-action (обновление профиля вместо перехода к главному экрану).

Что входит в работу

• Конфигурационный JSON-файл анкеты с поддержкой ветвления
• QuestionnaireCoordinator на Swift или Kotlin
• UI-компоненты (SingleChoice, MultiChoice, Slider, ProgressBar)
• Интеграция аналитики Firebase
• Возможность редактирования профиля в настройках
• Документация по использованию

Срок: 2–3 дня. Линейная анкета из 5–7 вопросов с simple choice и применением результата к начальному контенту — 2 дня. Анкета с ветвлением, server-driven конфигурацией, несколькими типами вопросов, аналитикой и редактированием в профиле — 3 дня. Свяжитесь с нами для оценки проекта. Получите консультацию по онбордингу.