모바일 앱 온보딩: 2022년 유형, UI, 모범 사례 및 예
게시 됨: 2022-03-15모바일 앱 온보딩은 디자이너가 인구 통계를 위한 앱을 만들기 위해 조사, 매핑 흐름 및 인터페이스 테스트를 수행했지만 사용자가 동일한 작업을 수행하지 않았다는 사실을 잊었을 때 작동합니다. 그것은 궁극적으로 그들이 앱과 제작자를 운영할 수 없다는 것을 의미하며, 이는 온보딩이 수행되면 완전히 정상입니다.
많은 사람들에게 새로운 앱의 첫인상은 항상 유쾌하지 않습니다. 앱의 사용성 문제로 인해 혼란과 불만족이 발생했습니다. 부정적인 감정은 사용자 경험의 이 시점에서 미래에 앱을 사용하려는 사용자의 성향에 영향을 미칠 수 있습니다.
온보딩의 목표는 사용자에게 모바일 애플리케이션과 핵심 기능을 최대한 활용하는 방법을 가르치는 것입니다. 신중하게 고려한 온보딩 절차를 앱에 통합하면 사용자의 불확실성과 악화를 완화하여 앱이 제거되는 것을 방지할 수 있습니다.
이 게시물에서는 효과적인 온보딩 프로세스가 앱의 UX 및 진행률 표시줄을 개선하는 동시에 사용자에 대한 신뢰와 확신을 만들어 전환율을 높이고 장기적인 사용자 참여를 유도하는 방법을 살펴보겠습니다.
Shoutem 앱 빌더에 들어가서 앱 만들기를 시작하세요!
모바일 앱 온보딩 프로세스란 무엇입니까?
신규 사용자는 모바일 애플리케이션 사용을 시작하기 전에 일련의 단계를 수행해야 합니다. 사용자는 교육, 동의 획득, 정보 획득을 통해 등록 프로세스를 안내받을 수 있으며, 이것이 본질적으로 온보딩이며 성공적인 온보딩 여정을 통해 소비자에게 도움과 안내를 제공합니다.
사용자가 App Store에서 앱을 다운로드하면 온보딩 여정이 시작됩니다. 성공하려면 소프트웨어가 사용자의 실제 문제를 해결한다는 것을 보여줘야 합니다. 양쪽 모두에게 유익한 오디션이라고 생각하세요. 전용 온보딩 프로세스는 사용자가 앱을 처음 사용하기 시작하는 즉시 최대한 빠르고 고유한 목표에 도달할 수 있도록 도와야 합니다.
모바일 앱 온보딩에는 3가지 접근 방식이 있습니다.
- 진보적 접근
- 기능적 접근
- 이점 – 지향적인 접근
온보딩 전략으로서의 점진적 접근
점진적 온보딩 프로세스의 기본 목표는 사용자가 여행하면서 앱을 탐색하고 새로운 정보에 액세스하여 학습할 수 있도록 하는 것입니다.
앱에 복잡한 워크플로, 여러 섹션 또는 제스처를 기반으로 하는 상호 작용이 있는 경우 사용자가 앱에 익숙해지도록 하는 좋은 방법입니다.
점진적인 온보딩 프로세스를 통해 고객은 앞으로 일어날 일에 대해 미리 알 수 있지만 많은 정보를 얻지는 못합니다. 대신 온보딩 경험을 제어할 수 있습니다.
온보딩 유형으로서의 기능적 접근
이 기능 중심의 온보딩 방법을 사용하여 새로운 앱 사용자에게 앱의 가장 중요한 기능을 사용하는 방법을 빠르게 보여줍니다. 기능적 온보딩은 사용자에게 시작 위치와 가장 기본적인 작업을 수행하는 방법을 알려줍니다. 자세한 지침이 있는 시각적 둘러보기는 이 기능적 방법의 좋은 예입니다.
혜택 – 온보딩 형식으로서의 지향적인 접근
다른 모든 것에 앞서 앱의 가치는 기능 기반 온보딩이라고도 하는 혜택 지향 온보딩을 통해 입증됩니다. 프로그램을 사용하는 방법에 초점을 맞추는 대신 프로그램이 수행할 수 있는 작업에 초점을 맞춥니다.
예를 들어, 이러한 유형의 온보딩에서 사용자는 푸시 알림을 받을지 또는 앱이 기기의 위치에 액세스하도록 허용할지 여부를 선택할 수 있습니다.
모바일 앱 온보딩이 중요한 이유는 무엇입니까?
앱의 UI가 익숙한 것과 매우 다른 경우 처음 사용자가 사용 방법을 배우는 것이 어려울 수 있습니다. 앱을 시작하거나 앱이 정확히 어떻게 작동하는지 알아내는 데 너무 오랜 시간이 걸린다면 사용자의 21%는 앱을 다시 사용하지 않을 것이며 흥미를 잃게 될 것입니다. 결과적으로 앱 온보딩 경험을 통합하여 앱을 포기하는 사용자의 비율을 줄일 수 있습니다.
우리 앱의 성공과 지속적인 앱 사용은 프론트 로딩 사용자들에게 좋은 첫인상을 심어주는 데 결정적으로 좌우되며 이것이 온보딩이 중요한 이유입니다.
모바일 앱 온보딩의 10가지 이점
- 견고한 모바일 앱 온보딩으로 장기 사용자 유지 및 조기 앱 사용 증가
- 원활한 사용자 경험 제공
- 고객에게 이름과 얼굴 제공(고객 통찰력 생성)
- 비용 절감 및 고객 참여 증대
- 즉각적인 실시간 고객 서비스 제공
- 고객 충성도를 높이고 만족스러운 소비자를 만듭니다.
- 즉각적인 앱 가치를 찾는 데 도움
- 사용자의 관심을 끄는 개인화 요소 생성
- 신규 사용자에서 "숙련된" 사용자로의 원활한 전환 제공
- 브랜드 가치 및 앱 사용에 대한 사용자 교육 지원
모바일 온보딩 앱의 모범 사례 및 예
1. 여유
Slack은 데스크톱 사용자가 챗봇과 통신할 수 있도록 하여 데스크톱 사용자의 온보딩 프로세스를 단순화하여 최고의 앱 온보딩 사례 중 하나입니다. 사용자를 위한 이 기능은 온보딩 프로세스를 간단하게 만들고 Slack이 사용자 인터페이스 디자인의 경계를 어떻게 지속적으로 확장하고 있는지 보여줍니다. 시퀀스는 프로그램에서 사용자가 설정하거나 사무실 및 동료와 연결하는 데 도움이 되는 4개의 패널로 축소됩니다.
사용자로부터 가능한 한 적은 정보로 작업 공간을 사용할 수 있도록 하는 데 중점을 둔 앱에 감사드립니다. 사용자는 앱의 주요 기능을 보여주는 짧은 온보딩 프로세스를 거쳐 스스로 앱을 탐색할 수 있습니다.
2. 벤모
모바일 결제의 강자인 Venmo를 열면 중요한 사회적 증거를 제공하는 동시에 신속하고 간편하게 친구들과 결제를 공유한다는 기본 가치를 강조하는 환영 화면이 표시됩니다.
새로운 Venmo 사용자가 앱을 처음 열 때 가장 먼저 보게 되는 것은 최근 거래의 실시간 스트림입니다. 소프트웨어의 다양한 응용 프로그램과 소프트웨어가 얼마나 널리 사용되는지를 보여주는 영리한 접근 방식입니다. 2017년 3분기에 이 앱은 전년 대비 93% 증가한 94억 달러의 결제를 처리했습니다.
이 예에서는 다음과 같이 남겨둘 것입니다. 온보딩 시작 화면이 화면에 표시되는 즉시 기본 가치를 전달하십시오.
3. 진정
Calm은 세계에서 가장 인기 있는 명상 앱 중 하나입니다. 앱의 UI 디자인은 미니멀하고 깔끔하여 앱이 사용자에게 제공하는 차분한 느낌을 전달합니다.
앱 온보딩 프로세스는 간단하지만 여전히 고객이 제품에서 얻을 수 있는 가장 중요한 이점을 보여줍니다. 사용자는 더 나은 수면에서 스트레스 감소에 이르기까지 즉시 목표를 설정할 수 있습니다. 우리는 소프트웨어가 사용자가 스스로 시작하고 탐색하도록 하는 데 시간을 소비하지 않으며 전환이 매우 유연하다는 점에 감사합니다.
4. 마스터 클래스
대규모 온라인 학습 플랫폼인 Masterclass 모바일 앱은 우수한 온보딩 프로세스를 갖추고 있습니다. 한편으로는 앱의 주요 이점이 시각적으로 매력적이고 이해하기 쉬운 형식으로 사용자에게 얼마나 명확하게 전달되는지 감사합니다.
새로운 사용자가 코스를 탐색하도록 권장하는 앱은 사람들이 새로운 기회를 발견할 수 있도록 해주기 때문에 훨씬 더 유용합니다. 이 자습서는 간단하고 핵심만 설명하지만 고객이 경험을 완벽하게 제어할 수 있도록 합니다. 이 모든 것은 앱에 로그인하거나 가입하지 않고도 수행할 수 있습니다. 그것은 환상적인 앱 온보딩 날을 위한 케이크의 장식입니다. 양식을 작성하거나 권한을 부여하거나 다른 지루한 작업을 수행하기 전에 앱 사용자는 관심을 끄는 항목을 찾을 수 있습니다.
5. 핏빗
웨어러블 기기 및 피트니스 애플리케이션은 최근 몇 년 동안 인기가 높아졌습니다. 피트니스 앱의 UI 디자인은 성공에 매우 중요하며 Fitbit이 대표적인 예입니다. Fitbit의 온보딩 프로세스는 사용자에게 너무 많은 정보를 너무 빨리 과부하시키지 않으면서 잘 설계된 시퀀스가 어떻게 많은 근거를 다룰 수 있는지 보여줍니다.
앱 시작은 장치 선택, 구성 및 계정 생성의 세 단계로 구성됩니다. 양이 많아 보여도 실력으로 한다. 장치를 선택한 후 사용자는 앱의 다양한 페이지에서 물리적 세부 정보를 지정할 수 있으므로 절차가 역동적이고 간단합니다. 아직 계정을 생성하지 않았다면 양식을 작성하는 것만큼 간단합니다.
Shoutem 앱 빌더에 들어가서 앱 만들기를 시작하세요!
모바일 온보딩 애플리케이션의 설계 예
인스 타 그램
시간을 절약하기 위해 Facebook은 소셜 네트워크의 기능을 활용하여 양식 필드를 미리 채워진 데이터로 채웁니다. 또한 이미 Instagram에 있는 사람들을 잠재적인 친구로 제공합니다. 그 결과 FOMO(Fear of Missing Out)가 발생합니다. 온보딩 프로세스를 완료하기 위한 인센티브로 FOMO는 동기 부여 요소 역할을 합니다. Instagram은 밝고 눈길을 끄는 색상과 눈에 띄는 텍스트로 새로운 트릭을 쉽게 만들고 배울 수 있는 앱을 사용하여 풍부한 느낌을 줍니다.
유명 인사 및 기타 저명한 인물을 팔로우하라는 Instagram의 권장 사항이 Facebook 연결을 기반으로 할 수도 있습니다. Instagram의 디자인 팀은 전체 디자인에 대중 문화를 포함하여 사용자에게 감정을 불러일으키고 더 많은 앱 사용에 관심을 갖도록 하는 것으로 알려져 있습니다.
유튜브 뮤직
YT Music이 제공하는 고전적인 형태의 디자인인 세련된 검정색 배경은 사용자의 관심을 끌고 앱을 성공적으로 사용하기 위한 주요 요소를 안내하는 데 도움이 되는 텍스트에 색상 팝업을 만드는 데 도움이 됩니다. 이와 같은 멤버십 기반 음악 스트리밍 서비스는 사용자가 계정을 등록하고 구독해야 합니다. YouTube Music에는 사용자에게 로그인하거나 새 계정을 만들라고 요청하는 Amazon 앱과 달리 어두운 배경에 색상이 강조된 눈에 띄는 무료 평가판 버튼이 있습니다.
사용자에게 선택권을 줌으로써 설득이나 앱 디자인으로 대체할 수 없는 사용자 내에서 신뢰와 편안함의 요소를 만듭니다.
메일침프
"둘러보기 건너뛰기" 버튼은 온보딩 프로세스 초기에 건너뛰기 옵션을 제공하는 앱에서 흔히 볼 수 있습니다. 모든 화면에서 Mailchimp의 온보딩 UX를 통해 사용자는 선택할 수 있습니다. 사용자가 앱을 사용할 준비가 되면 온보딩 시퀀스를 종료할 수 있습니다. 이것은 사용자를 운전석에 앉힙니다. 처음에는 지루하거나 좌절감을 느끼면 전체 프로그램을 종료하지 않고 온보딩 프로세스를 종료할 수 있습니다.
주요 시각적 디자인 요소: "둘러보기 건너뛰기" 버튼을 추가하여 사용자가 앱을 사용하고 스스로 학습할 준비가 되었다고 느끼는 경우 둘러보기를 건너뛸 수 있는 선택권을 제공합니다.
Shoutem 앱 빌더에 들어가서 앱 만들기를 시작하세요!
모바일 앱 온보딩에 대해 자주 묻는 질문
내 모바일 앱에 사용자를 온보딩하려면 어떻게 합니까?
종종 온보딩은 긍정적인 사용자 경험 요소로 시작해야 합니다. 첫 데이트와 마찬가지로 이것은 지속적인 인상을 남길 수 있는 기회입니다. 시대에 뒤떨어지기 위해 떠나거나 비상구를 만들어냅니다. 앱 고객에게 이런 일이 발생하지 않도록 하세요.
다음은 사용자를 앱에 온보딩하기 위해 따라야 할 몇 가지 중요한 단계와 온보딩 요소입니다.
- 가능한 한 빨리 고객을 만나십시오.
- 쉽게 돌아다닐 수 있도록
- 색 구성표가 단순하고 복잡하지 않은지 확인합니다.
- 군더더기 없는 화면 공간 만들기
앱 온보딩이 필요합니까?
온보딩은 항상 사용자를 교육하고 양질의 소비자 통찰력을 현장에서 실시간으로 수집할 수 있는 좋은 방법입니다. 반면에 모든 앱이 고유한 온보딩 프로세스나 사용자에 대한 심층적인 설명이 필요하다는 의미는 아닙니다. 사용자가 인터페이스를 사용하는 것만으로도 인터페이스를 이해할 수 있어야 하기 때문에 대부분의 모바일 앱에서는 교육적 온보딩 루틴이 필요하지 않습니다. 복잡한 모바일 앱에서는 종종 앱 인터페이스에 대한 자습서를 제공하는 대신 컨텍스트에 따라 팁을 표시하여 사용자를 교육하는 것이 더 효과적입니다.
사람들은 특히 많은 정보를 실제로 사용할지 여부를 확신할 수 없을 때 많은 정보를 기억할 가능성이 거의 없습니다(심지어 시도조차). 오류가 사용자 경험을 손상시킨다는 사실에도 불구하고 소비자는 "가르칠 수 있는 순간"에 직면했을 때 문제를 해결하는 방법에 대한 몇 줄을 읽을 가능성이 더 높기 때문에 오류 메시지는 교육 기회를 제공합니다.
온보딩 화면이 왜 중요한가요?
이 화면은 앱의 핵심 기능과 장점을 다양한 사용자 수준에 알리는 세 가지 주요 목적으로 사용됩니다. 사용자가 암호를 설정할 수 있도록 합니다. 사용자에게 보다 관련성 높은 콘텐츠 및 알림을 제공하고/하거나 프로필 정보를 수집하기 위해.