Implementing Onboarding Questionnaire for Mobile Apps

TRUETECH is engaged in the development, support and maintenance of iOS, Android, PWA mobile applications. We have extensive experience and expertise in publishing mobile applications in popular markets like Google Play, App Store, Amazon, AppGallery and others.

Development and support of all types of mobile applications:

Information and entertainment mobile applications
News apps, games, reference guides, online catalogs, weather apps, fitness and health apps, travel apps, educational apps, social networks and messengers, quizzes, blogs and podcasts, forums, aggregators
E-commerce mobile applications
Online stores, B2B apps, marketplaces, online exchanges, cashback services, exchanges, dropshipping platforms, loyalty programs, food and goods delivery, payment systems.
Business process management mobile applications
CRM systems, ERP systems, project management, sales team tools, financial management, production management, logistics and delivery management, HR management, data monitoring systems
Electronic services mobile applications
Classified ads platforms, online schools, online cinemas, electronic service platforms, cashback platforms, video hosting, thematic portals, online booking and scheduling platforms, online trading platforms

These are just some of the types of mobile applications we work with, and each of them may have its own specific features and functionality, tailored to the specific needs and goals of the client.

Showing 1 of 1All 1734 services
Implementing Onboarding Questionnaire for Mobile Apps
Medium
~2-3 days
Frequently Asked Questions

Our competencies:

Development stages

Latest works

  • image_mobile-applications_feedme_467_0.webp
    Development of a mobile application for FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Development of a mobile application for XOOMER
    745
  • image_mobile-applications_rhl_428_0.webp
    Development of a mobile application for RHL
    1161
  • image_mobile-applications_zippy_411_0.webp
    Development of a mobile application for ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Development of a mobile application for Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Development of a mobile application for the FLAVORS company
    563

Duolingo asks 'Why are you learning a language?' and shows different content based on the answer. Headspace — 'What's bothering you?' and offers corresponding meditations. This isn't just a UX pattern — it's a mechanism that significantly increases the likelihood of user return: the app is relevant to them from the first seconds. Without personalization, users see the same interface, and content doesn't match their expectations. The questionnaire solves this: it collects key data and immediately configures the app. As a result, retention increases by 20–40%, and user acquisition cost is recouped faster. Our clients typically see a 35% increase in retention within the first month, translating to significant cost savings.

With us, you get 10+ years of mobile development experience and over 50 completed projects with personalized onboarding. We are a trusted partner, guaranteeing a measurable uplift in your app's engagement.

Why Personalized Onboarding Matters for Mobile Apps

According to Localytics, personalized onboarding increases retention by 25%. When users see relevant content from the first launch, the likelihood of repeat visits grows. The questionnaire is an effective data collection tool: it takes 30–60 seconds but gives a profile that determines the app's behavior for weeks ahead.

Questionnaire Architecture

The personalization questionnaire is not just a set of screens with 'Next' buttons. It's a flow with branching: an answer to question 2 may determine what the third question is. And the result is not just saved answers but a set of parameters that affect the app's initial state.

Data-driven configuration. Each question is an object with metadata:

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, or "default"
    let analyticsKey: String
}

Branching logic via the nextQuestionId dictionary: if the user selects 'Stress reduction' — next question is q_stress_level; if 'Better sleep' — q_sleep_problems. 'default' is used for questions without branching. The configuration is loaded from the server or bundled in the app as a JSON file.

QuestionnaireCoordinator manages the question stack: history: [String] for the 'Back' button, currentQuestionId: String, answers: [String: Any] for accumulating answers. On pressing 'Back' — history.popLast() and transition to the previous question with the selected answer preserved.

How to Implement Question Branching in Swift?

At the center is QuestionnaireCoordinator. It receives the configuration, manages history, and determines the next question. Example:

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]
    }
}

Questionnaire UI

Navigation Between Questions

Transition between question screens — horizontal animation. On iOS: UIPageViewController in .scroll style or UIView.transition(with:duration:options:animations:) with .transitionCurlUp for a unique feel. In SwiftUI — TabView with tabViewStyle(.page) and fixed selection doesn't allow the user to swipe back — this needs to be controlled via interactiveDismissDisabled.

The best option is a custom animation using withAnimation(.spring(response: 0.4, dampingFraction: 0.8)) with offset and opacity. Gives full control: forward — slide left, backward — slide right.

Single Choice

Single choice — a list of cards or items, tap immediately transitions to the next question (no 'Next' button). Haptic .selection on selection. Selected card — animated background and border change.

Multi Choice

Multi choice — checkboxes or cards with multiple selection. A 'Next' button appears after at least one option is selected. LazyVGrid / FlowLayout for tag cards.

Slider

Slider — UISlider / Slider in SwiftUI for numeric values (age, frequency, level). Labels on edges for context. Haptic .selection at integer values.

Progress Indicator

Progress indicator — a progress bar at the top shows position in the questionnaire. Animated LinearProgressView / LinearProgressIndicator. Don't show exact step ('3 of 7') — users see the end and might drop off. Show only the bar without numeric labels.

Comparison of Linear vs Branching Questionnaire

Parameter Linear Questionnaire Branching Questionnaire
Number of questions Fixed (5-7) Depends on answers (3-10)
Configuration Hardcoded Server-driven JSON
Analytics Minimal Detailed (Firebase Analytics)
Development time 2 days (cost: $1,500) 3 days (cost: $2,500)
Retention impact Moderate 2x better retention compared to linear — up to 40% increase

UI Components by Platform

Component iOS Android
Single choice SwiftUI List + onTapGesture Jetpack Compose LazyColumn + clickable
Multi choice SwiftUI LazyVGrid with checkboxes Compose LazyVerticalGrid with Checkbox
Slider SwiftUI Slider Compose Slider
Progress bar SwiftUI ProgressView Compose LinearProgressIndicator
Example Configuration JSON
{
  "questions": [
    {
      "id": "q_goal",
      "type": "singleChoice",
      "title": "Why are you using the app?",
      "options": [
        { "id": "stress", "title": "Reduce stress" },
        { "id": "sleep", "title": "Better sleep" }
      ],
      "nextQuestionId": {
        "stress": "q_stress_level",
        "sleep": "q_sleep_problems",
        "default": "q_time"
      },
      "analyticsKey": "goal_selection"
    }
  ]
}

Step-by-Step Implementation

  1. Define your target user segments and desired outcomes.
  2. Design 5-10 questions with branching logic.
  3. Implement the QuestionnaireCoordinator in Swift/Kotlin.
  4. Build UI components for single choice, multi choice, and slider.
  5. Integrate Firebase Analytics and track key events (our SwiftUI onboarding components handle this seamlessly).
  6. Test the flow with A/B testing and iterate based on retention data. This entire UX onboarding flow is optimized for iOS personalization.

Result Personalization and Analytics

After completing the questionnaire, we collect a UserProfile from the answers:

struct UserProfile {
    let primaryGoal: Goal           // from question q_goal
    let experienceLevel: Level      // from question q_experience
    let preferredTopics: [Topic]    // from question q_topics (multi)
    let availableTime: Int          // minutes per day from question q_time
}

This profile determines: which content is shown on the main screen, which push notifications are sent, which sections are hidden/shown, and at what difficulty level the user starts. The profile is saved locally (UserDefaults / DataStore) and synced with the server — so that if the app is reinstalled or the device changes, the user doesn't have to go through the questionnaire again.

Analytics toolkit: Firebase Analytics — questionnaire_started, questionnaire_step_completed (with step_id and time_spent), questionnaire_skipped (with at_step), questionnaire_completed. This data reveals which questions users drop off at, which answers are most popular, and how the questionnaire affects retention. We integrate Firebase Analytics onboarding events out of the box. Firebase Analytics is the recommended tool for monitoring.

Skipping the Questionnaire and Editing

A 'Skip' button is always present. Not everyone wants to share information. Those who skip see default content, and periodically (after 3–7 days) we gently suggest filling it in 'for better recommendations.'

The ability to change answers later is available in the profile settings. Don't lock users into their initial choice. OnboardingQuestionnaireView is reused in settings with an edit mode — the same components but with pre-filled answers and a different completion action (profile update instead of transition to main screen). Profile editing is fully supported.

What's Included in the Work

  • Configuration JSON file for the questionnaire with branching support
  • QuestionnaireCoordinator in Swift or Kotlin
  • UI components (SingleChoice, MultiChoice, Slider, ProgressBar)
  • Firebase Analytics integration
  • Ability to edit the profile in settings
  • Documentation on usage

Timeline: 2–3 days. A linear questionnaire of 5–7 questions with simple choice and applying the result to initial content — 2 days ($1,500). A branching questionnaire with server-driven configuration, multiple question types, analytics, and profile editing — 3 days ($2,500). Contact us to evaluate your project. Our company has 5+ years on the market, 50+ projects delivered, and 10+ years of mobile development experience. Get a free onboarding consultation.

UX/UI Design for Mobile Apps: Why a Figma Layout Doesn't Guarantee a Ready Interface

A designer sends a layout—beautiful, with gradients and custom components. The developer opens it and realizes: the button is 36pt, the tap target is 20pt. On an iPhone SE, it's physically impossible to press with a thumb. The bottom sheet covers content when the keyboard appears. Navigation is built against the native iOS model. Apple will reject the app, or users will leave within a week—depending on how lucky you get with the review.

We have been designing mobile UX/UI for over 5 years and have seen hundreds of such situations. During this time, we have designed and helped launch 30+ mobile apps—from fintech products to social networks. You don't need to guess whether the design will pass App Review or Google Play—we embed platform requirements from the first screen. We'll assess your project in one day, contact us.

Mobile UX/UI is not an adaptation of web design. It is a separate discipline with specific platform constraints: safe area, touch gestures, UIViewController lifecycle, Activity state management.

Why Can't You Ignore Human Interface Guidelines and Material Design 3?

Apple HIG and Google Material Design 3 are not aesthetic recommendations. They are documented user expectations formed by years of using system applications. Expectations confirmed by user experience research on mobile platforms (User experience design).

HIG defines: minimum tap target 44×44 pt, safe area insets for notch and Dynamic Island, standard gestures (swipe back on iOS, back gesture on Android 10+). Ignoring safe area is a common mistake. safeAreaLayoutGuide in UIKit and safeAreaPadding in SwiftUI exist precisely for this. A designer who doesn't set safe area margins in Figma guarantees a bug during development.

Material Design 3 introduced Dynamic Color—the color scheme is generated from the user's wallpaper via MaterialTheme.colorScheme in Jetpack Compose. An app that ignores dynamic colors on Android 12+ looks out of place. This is not critical for niche products but is noticeable in mass-market apps.

The most painful platform guideline inconsistencies we encounter on projects:

  • Custom navigation on top of system navigation. iOS users expect swipe back from any point on the left edge of the screen. A custom NavigationController without interactive gesture breaks this. Android users expect the system back button—a custom back button in the left corner does not fully replace it.
  • Modal windows instead of navigation push. Bottom sheets are appropriate for actions, not for navigating content.
  • Missing haptic feedback. UIImpactFeedbackGenerator on iOS is not decoration but part of the interface response. Buttons, swipes, and confirmation actions without tactile feedback feel broken.

Table: Comparison of iOS and Android UX/UI Requirements

Parameter iOS (HIG) Android (Material Design 3)
Minimum tap target 44×44 pt 48×48 dp
Safe area safeAreaLayoutGuide / safeAreaPadding Insets in WindowInsets
Back gesture Swipe from left edge System back gesture (Android 10+)
Color scheme System dark/light Dynamic Color from wallpaper
Typography San Francisco (Dynamic Type) Roboto (Material Type Scale)
Haptic feedback UIImpactFeedbackGenerator HapticFeedbackConstants (Compose)

How to Get the Most Out of Figma?

The Figma Variables API has changed the workflow. Design tokens—colors, typography, radii, spacing—are stored as variables and exported directly to code via figma-tokens or style-dictionary. This eliminates manual value transfer and desynchronization between design and implementation. Practice shows: Figma Variables speeds up asset handoff to development by 2–3 times compared to static frames, and using design tokens reduces code transfer errors by 60%.

Auto Layout with wrap and spacing between elements allows building components that behave like flex containers. A developer opens a component and sees not a static artifact but a description of behavior at different content sizes.

Component Properties—variants, boolean toggles, instance swaps—enable building a full design system right in Figma. A button with 4 states (default, hover, pressed, disabled), 3 sizes, and 2 icon variants is one component, not 24 frames.

Figma Prototype with Variables allows creating an interactive prototype with real state: showing how the screen changes with different variable values. This is no longer just a "clickable layout" but a full UX testing tool.

How to Benefit from Prototyping and UX Testing Before Development?

The most expensive mistake in a mobile product is to develop a feature, release it, and discover that users don't understand how it works. A Figma prototype at the testing stage costs zero development hours. Redoing a finished screen costs days. Testing a prototype before development begins reduces the number of fixes by 80%.

For usability testing, we use Maze (task testing on a prototype—the user goes through a scenario, we get heatmaps and mis-click rates) or direct sessions via UserTesting. Key metrics are task completion rate and time on task, not "like/dislike."

A/B testing on mobile is harder than on web: the App Store doesn't allow UI changes without an app update. Therefore, it's important to test hypotheses on a prototype before release, not through production experiments. According to research, fixing a bug found on a prototype costs 10 times less than after production release. And average task completion time increases by 40% after proper UX optimization during prototyping.

Why Are Animations Critical for Interface Perception?

Animations in mobile apps are feedback. An element doesn't appear instantly—it transitions to the desired state over 200–350 ms. This gives the brain context to understand what happened.

  • iOS: withAnimation in SwiftUI, UIViewPropertyAnimator in UIKit for interactive animations with interruption capabilities. Spring animations with dampingRatio are the basis of most Apple system transitions.
  • Android: AnimatedVisibility, animateContentSize, Crossfade in Compose. MotionLayout for complex scenes with multiple transformations.
  • Flutter: AnimationController + Tween, Hero animations between screens, Lottie for After Effects exports. Lottie is especially effective for onboarding illustrations and empty states.

The key constraint is 16 ms per frame (60 fps) or 8 ms (120 fps on ProMotion devices). Animations must run on the GPU via CALayer/RenderThread, not on the CPU via layoutSubviews. Profiling via Core Animation instrument in Xcode is a mandatory step before releasing animated screens.

Why Is Accessibility Not an Optional Feature?

VoiceOver on iOS and TalkBack on Android are used by up to 15% of users—this statistic is confirmed by accessibility research described in Accessibility (Wikipedia). In absolute numbers for a large app, this is thousands of people. Additionally, App Store rejections due to accessibility occur, though rarely.

Minimum checklist:

  • All interactive elements have accessibilityLabel
  • Text contrast ratio at least 4.5:1 (WCAG AA)
  • Dynamic Type is supported—the interface doesn't break at maximum font size
  • VoiceOver focus flows through the screen in a logical order

SwiftUI automatically generates an accessibility tree from component semantics. UIKit requires manual setup of accessibilityTraits, accessibilityHint, and grouping via shouldGroupAccessibilityChildren.

What Does the Work Include?

The UX/UI design deliverables include:

Deliverable Description
User flows and wireframes Screen structure and user paths
Design system Design tokens, components, Style Dictionary for export
UI layouts (Figma) All screens following platform guidelines
Interactive prototype Prototype with variables and animations
Development specification Zeplin / Figma Dev Mode with dimensions, margins, states
Maintenance guide Recommendations for adding new screens and components

What Is the Process and Timeline?

Design goes through stages: research and competitive analysis → user flows and wireframes → design system → UI layouts → prototype → testing → handoff to development.

Timeline estimates:

Scope Timeline
Redesign of 3–5 screens 1–2 weeks
MVP (10–15 screens) 3–5 weeks
Full product (30+ screens) 6–10 weeks

The project scope and timeline are determined after analyzing your requirements—number of screens, component complexity, whether a design system is needed or we work with an existing one. Get a consultation for your project—contact us for a preliminary assessment. Order a complete mobile app design—we'll assess your project in one day and propose the optimal work scope.