첫인상 – UX 온보딩 가이드

게시 됨: 2022-03-11

잠에서 깨어나 갑자기 국제 우주 정거장에 있는 자신을 발견한다고 상상해 보십시오. 깜박이는 표시등이 무엇을 의미하는지, 버튼과 스위치가 무엇을 위한 것인지, 그리고 무엇을 해야 하는지도 모릅니다.

이것은 새로운 제품 사용자가 앱을 처음 열 때 느끼는 것입니다. 어쩌면 과장일 수도 있지만 지침 없이 사용자에게 새로운 도구, 앱 또는 웹 사이트를 출시하면 공간에 갇힌 느낌을 받을 수 있습니다.

UX 온보딩 없이
우주 왕복선 Endeavor의 조종석은 UX를 온보딩하지 않은 신규 사용자에게 제품이 느끼는 것과 같을 수 있습니다.

너무 자주 디자이너는 연구, 매핑 흐름 및 인터페이스 테스트를 수행했지만 사용자는 수행하지 않았다는 사실을 잊습니다. 웹사이트나 앱을 처음 접하는 사람은 디자이너나 제품 팀이 보기에 분명해 보여도 모든 것이 어떻게 작동하는지, 필요한 것을 어디서 찾아야 하는지 모를 수 있습니다.

사용자에게 약간의 손을 잡고 발판을 제공함으로써 혼란과 좌절이라는 절망적인 느낌에서 사용자를 구하고 앱을 휴지통에서 구하는 데 도움이 됩니다.

사용자 온보딩이란 무엇입니까?

사용자 온보딩은 사용자가 제품 경험을 쉽게 할 수 있도록 설계된 일련의 상호 작용 및/또는 지침입니다. 인사말과 설명처럼 간단할 수도 있고 사용자가 완료해야 하는 일련의 안내 작업처럼 복잡할 수도 있습니다. 사용자에게 제품의 이점을 제공하는 한 사용자가 성공할 수 있도록 설정하는 것입니다.

처음으로 새 앱을 열고 앱의 용도를 설명하는 짧고 친근한 문구가 포함된 2-3개의 화면을 본 적이 있다면 무엇을 기대해야 하는지에 약간 익숙해질 것입니다. 심지어 그것을 사용하기 시작합니다. 또는 새로운 소셜 미디어 앱이 계정 생성, 환경 설정 설정, 몇 가지 관심 추가 시작을 안내하는 경우 0을 넘어 몇 단계부터 경험을 시작하게 될 것입니다.

호퍼 온보딩 UX
Hopper의 최초 사용자 경험은 사용자에게 가치 제안과 앱이 어떻게 삶을 개선할 것인지 소개하는 친숙한 사용자 온보딩 경험으로 시작됩니다.

온보딩을 통해 사용자는 앱이나 제품에서 필요한 것을 얻기 위해 무엇을 해야 하는지 알 수 있습니다. 이는 사용자에게 자신감과 신뢰를 구축하는 방법이며 이는 사용자에게 도움이 될 뿐만 아니라 비즈니스의 더 나은 전환 및 유지의 핵심입니다.

온보딩이 왜 중요한가요?

첫인상은 거칠다 . 평균적으로 사용자 4명 중 거의 1명은 모바일 앱을 한 번 사용한 후 사용을 포기합니다. 아야. 그리고 일단 그들이 당신의 앱을 사용해보고 떠나면, 그들은 사라집니다. 그렇기 때문에 사용자에게 제품에 적합한 규모의 온보딩 경험을 제공하는 것이 절대적으로 중요합니다.

각각의 개별 사례를 설명하는 설명은 얼마든지 있을 수 있지만, 앱을 버린 사용자는 앱에서 가치 있는 것을 얻을 것이라고 생각하고 즉시 확신하지 못했을 가능성이 높습니다.

사용자가 새 앱을 다운로드하는 데 시간과 노력을 들일 때 제품이 어떤 식으로든 자신의 삶을 향상시킬 것이라고 기대할 가능성이 매우 높습니다. 일단 앱을 열면 제품에 대한 믿음에 대한 보상을 즉시 느끼는 것이 중요합니다. 그렇지 않으면 다른 것을 시도하기 위해 앱을 포기하는 것이 정당합니다.

Twine은 다양한 온보딩 UX 패턴을 사용합니다.
Twin은 연구를 통해 사용자 온보딩 UX를 개선하고 이탈률을 크게 줄였습니다.

인트라넷 소프트웨어 플랫폼인 Twine은 의미 있는 온보딩을 경험에 통합하여 65%의 이탈률을 절반 이상 줄였습니다. 그들은 튜토리얼과 점진적인 온보딩뿐만 아니라 방문자에게 더 풍부한 첫인상을 주기 위해 다각적인 접근 방식을 활용했습니다.

온보딩은 또한 장기 유지를 향상시킵니다. 귀하의 제품이나 서비스에 새롭고 흥미로운 기능과 도구를 추가하는 것은 좋지만 사람들이 이에 대해 모르고 사용하는 방법을 모르면 아무 소용이 없습니다.

예를 들어 인기 있는 비디오 공유 플랫폼인 Wistia에는 사용자가 거의 활용하지 않는 몇 가지 매우 멋진 사용자 지정 기능이 있습니다. 신중한 사용자 조사를 수행한 후 사용자가 이러한 추가 기능에 익숙해지도록 하는 방법 비디오를 소개했으며 사용률이 30%나 증가했습니다.

사용자 유지 및 고객 충성도는 대부분의 앱과 서비스의 성공에 중요한 요소입니다. 온보딩은 나중에 생각해서는 안 됩니다. 대신 제품 팀은 제품 개발 프로세스의 각 단계에서 이를 고려해야 합니다. 팀에 특정 전문 지식이 없는 경우 사용자 온보딩 UX 전문가를 고용하는 것이 좋습니다.

미국에 기반을 둔 풀타임 프리랜서 UX 디자이너 구함

UX 패턴 및 방법론 온보딩

온보딩 유형

앱 또는 디지털 제품 내에서 사용자 온보딩에 접근하는 방법에는 여러 가지가 있습니다. 대부분의 제품은 신규 사용자의 요구를 충족하고 향후에도 유지하기 위해 몇 가지 온보딩 패턴을 조합하여 사용합니다.

니켈 투어

이것은 모바일 애플리케이션에서 매우 인기 있는 일반적인 패턴입니다. 사용자가 앱을 처음 실행하면 앱의 가치 및/또는 이동 방법에 대한 몇 가지 기본 사항을 간략하게 설명하는 몇 가지 빠른 화면이 표시됩니다.

이 간단하고 정적인 소개는 즉시 사용 가능한 사용자를 위한 환영 매트 역할을 합니다. 단순한 그래픽과 함께 몇 개의 짧은 문구 이상이어서는 안 됩니다. 아무도 긴 사용 설명서를 읽고 싶어하지 않습니다.

Slack은 입문용 UX 온보딩 모범 사례를 사용합니다.
Slack 모바일 앱은 4개 화면 개요로 신규 사용자를 소개합니다. 소개 흐름에서는 진행률 표시 및 명백한 건너뛰기 옵션과 같은 온보딩 모범 사례를 사용합니다.

사용자에게 진행률 표시와 종료 또는 건너뛰기 옵션을 제공하는 것이 가장 좋습니다. 그렇게 하면 자신이 읽어야 할 서론이 얼마나 남았는지 이해하고 갇힌 느낌을 받지 않을 것입니다.

코치 마크, 툴팁 및 가이드스톤

이것은 처음부터 제품 경험 전반에 걸쳐 사용자를 온보딩하기 위한 또 다른 매우 일반적이고 상대적으로 노력이 적은 방법입니다.

툴팁은 일반적인 온보딩 UX 패턴 중 하나입니다.
Twine은 툴팁과 코치 마크를 사용하여 지침으로 과부하가 걸리지 않고 사용자 대시보드를 빠르게 둘러볼 수 있습니다.

상호 작용 영역, 버튼 또는 메뉴 위치에 주의를 끄는 간단한 UI 장치는 앱 또는 사이트의 유용한 요소에 대해 사용자에게 경고하는 데 도움이 됩니다. 이는 이러한 항목이 즉시 명확하지 않거나 이해하기 쉽지 않을 수 있는 보다 복잡한 인터페이스에서 특히 유용합니다.

Coach 마크는 일반적인 온보딩 UX 패턴 중 하나입니다.
Metrie의 Room Styler 3D 방 구성기용 인터페이스를 디자인할 때 토글 가능한 코치 마크 레이어를 추가하고 이를 로딩 화면에 통합했습니다.

이러한 종류의 주석이 달린 온보딩 패턴은 유용하지만 과용하지 않도록 주의하고 사용자에게 한 번에 작은 창을 폭격하지 마십시오. 툴팁이나 코치 마크가 가장 유용한 시기와 장소를 파악하십시오. 사용자를 한 번에 하나의 요소 또는 작업으로 안내하고, 명백한 것을 너무 많이 설명하지 마십시오.

안내 작업 완료

“우리가 배워야 할 것은 행함으로써 배웁니다.”—아리스토텔레스. 종종 사용자의 마음에 무언가를 새기는 가장 좋은 방법은 실제로 수행하는 것입니다.

안내 작업 완료는 사용자에게 일련의 단계에서 제품과 상호 작용하도록 프롬프트를 표시하는 방법입니다. 이는 제품에서 사용자가 계정을 생성하거나 초기에 일부 개인화 매개변수를 설정하기를 원할 때 매우 일반적입니다.

또한 사용자가 메뉴, 컨트롤 및 제품의 기타 측면에 즉시 익숙해지도록 도울 수 있는 좋은 기회이기도 합니다. 또한 사용자가 조기에 "성공"할 수 있도록 도와줌으로써 사용자가 제품을 다시 사용하고 싶어할 가능성도 크게 향상됩니다.

Basecamp 온보딩 UX 패턴
팀 관리 플랫폼인 Basecamp에 대한 최초의 사용자 경험은 사용자가 애플리케이션의 기능에 익숙해지는 작업을 완료하도록 안내합니다.

다시 말하지만, 사용자에게 가능한 경우 이러한 종류의 온보딩을 건너뛸 수 있는 기능을 제공하는 것이 좋습니다. 계정 생성 작업의 경우 사용자에게 가장 적합한 흐름을 확인하기 위해 건너뛸 수 없는 흐름에 대한 완료율을 테스트하도록 건너뛸 수 있는 환경을 디자인할 수 있는지 확인하십시오.

사용자 온보딩 시기

제품 경험의 어느 부분에서 사용할 UX 온보딩 패턴을 결정하는 것은 온보딩 사용자 경험 디자인을 "적절한 크기로 조정"하는 데 중요합니다. 초기 출시부터 지속적인 사용에 이르기까지 사용자 여정 전반에 걸쳐 기회를 찾아 사용자에게 도움을 제공하십시오.

즉시 사용 가능한 온보딩

첫인상이 정말 중요하고 올바른 선택을 하는 데 가장 중요한 순간입니다. 두 번째 기회는 없을 수도 있습니다. 앞서 강조한 것처럼 많은 사용자가 앱이나 제품을 처음 연 후 포기합니다.

친근한 소개 모바일 디자인 패턴으로 사용자 온보딩
저널링 앱 Dailyo는 사용자에게 그 가치를 설명하고 사용자가 이를 최대한 활용할 수 있는 방법에 대한 팁을 제공하는 친근한 소개와 함께 처음 사용자 경험을 시작합니다.

사용자 조사와 엄격한 사용자 테스트를 적용하여 상황에 맞는 접근 방식이 빠른 소개 튜토리얼인지, 처음 사용자를 위한 심층 안내 경험인지 파악하세요.

점진적 온보딩

이 기술은 사용자가 기본 온보딩 절차를 완료한 후 방치하지 않도록 설계되었습니다. 계속해서 사용자를 돕고, 조명하고, 기쁘게 할 수 있는 많은 기회가 있습니다. 게임 디자인에서 사용자의 레벨을 올리는 것과 같다고 생각하십시오.

듀오링고 모바일 UX 온보딩
사용자가 학습할 새로운 언어를 선택할 때마다 Duolingo는 전문 지식 수준을 표시한 다음 적성을 테스트하라는 메시지를 표시합니다. 이것은 사용자가 자신의 능력을 과대평가하고 잠재적으로 포기하는 좌절을 피하는 데 도움이 됩니다.

관계 전반에 걸쳐 일정한 간격으로 온보딩 패턴을 통합해야 합니다. 일주일 동안 사용하는 사용자에게 그들이 알아차리지 못했을 수도 있는 고급 작업을 완료하도록 상기시킵니다. 간단한 알림으로 이정표를 축하하십시오. 몇 주 후에 사용자의 경험에 대해 설문조사하여 귀하가 관심을 갖고 있다는 신호를 보냅니다.

새로운 기능 온보딩

이것은 새로운 사용자와 점진적인 온보딩을 혼합한 것입니다. 새로운 기능을 출시하거나 경험을 크게 변경하면 사용자에게 이 기능의 장점과 활용 방법을 알려주세요.

Facebook의 새로운 기능 온보딩 UX 패턴
Facebook이 모바일 UX에 새로운 기능을 도입했을 때 사용자에게 눈에 잘 띄는 툴팁 콜아웃을 통해 알렸습니다. 툴팁을 통해 사용자는 간단한 메시지로 새로운 초능력을 사용하는 방법을 알 수 있습니다.

새로운 기능을 지적하는 가장 좋은 방법은 툴팁과 코치 마크를 사용하는 것인데, 이는 새로운 앱 초강대국의 위치에 대한 사용자의 주의를 유도하는 데 도움이 됩니다.

온보딩 UX 모범 사례 및 팁

사용자 이해

최첨단 기술의 신제품에 대한 온보딩 스타일은 달력이나 메모 앱과 같이 익숙한 것과는 다를 수 있습니다. 팀이 개발한 페르소나를 보고 그들에게 의미 있는 것이 무엇인지 결정하십시오. 사용자를 이해하여 온보딩 경험의 규모를 적절하게 조정하고 사용자 온보딩 경험을 대상 페르소나에 맞게 조정합니다.

사용자의 기존 멘탈 모델을 발견하고 활용하여 앱이나 웹사이트에서 기대하는 것의 격차를 해소하세요. 디자인이 의존할 수 있는 기표와 처음에는 당황할 수 있는 혁신을 파악하십시오.

Basecamp 온보딩 UX 패턴
Basecamp는 간단한 선택 패널과 친숙한 가이드를 제공하여 사용자 온보딩 경험에서 처음 사용자를 위한 핵심 사용 사례를 강조합니다.

사용자 연구는 팀이 핵심 청중과 공감대를 형성하는 데 도움이 됩니다. 제품을 빌드할 때 빈번한 사용자 테스트 및 사용성 분석은 팀이 전체 디자인을 개선하는 데 도움이 될 뿐만 아니라 사용자 온보딩에 중점을 둘 영역을 알려줍니다.

온보딩 경험의 문제를 조명하는 데 도움이 될 측정항목과 정성적 사용자 연구의 균형을 맞춥니다. 예를 들어 기본 설정을 설정하는 온보딩 경험 중에 상당한 이탈을 발견한 경우 사용자에게 확인하십시오. 경험이 너무 무겁거나 너무 개인적일 수 있습니다. 아마도 그들은 좋은 것을 더 빨리 얻기를 원하고 당신은 흐름을 조정할 수 있습니다.

사용자의 가치에 온보딩 연결

즉시 사용 가능한 온보딩 UX는 사용자가 최대한 원활하게 만족스러운 순간을 경험할 수 있도록 하는 데 중점을 두어야 합니다. 사용자를 위한 핵심 가치 제안을 찾아내고 이를 먼저 전달할 방법을 찾으십시오.

혜택 소개 온보딩을 사용하여 앱이나 서비스가 특정 요구 사항을 충족하는 데 가장 적합한 이유를 사용자에게 상기시키십시오. 온보딩 흐름에 개인화가 포함되는 경우 사용자에게 개인 취향이나 상황에 대해 질문하는 이유와 경험을 향상시키는 방법을 설명하십시오.

Inbox 모바일 UX 온보딩
Inbox by Gmail에는 온보딩 UX에 대한 긴 소개가 있지만 각 사례에서는 기능이 사용자의 삶을 더 쉽게 만드는 방법을 강조합니다.

깔끔하지만 중요하지 않은 기능과 같이 사용자의 가치와 즉시 연결되지 않는 온보딩 또는 지침은 나중에 앱에서 또는 더 가벼운 터치의 온보딩을 통해 도입될 수 있습니다. 사용자에게 추가 기능에 대해 알려주는 것은 좋지만 핵심 경험에 필수적이지 않다면 소개만큼 중요하지 않습니다.

빠르고 고통스럽지 않게 만드십시오.

"지침에 대해 알아야 할 가장 중요한 점은 적어도 '복잡한' 시도가 반복적으로 실패할 때까지는 아무도 그 지침을 읽지 않는다는 것입니다."

- 스티브 크루그, Don't Make Me Think.

설명할 수 없는 혼란스러운 버튼과 토글 필드에 사용자를 얽매이게 하고 싶지는 않지만 작업처럼 느껴지는 여러 단계의 지침을 따르도록 강요하고 싶지도 않습니다. 더 이상 사용 설명서를 열지 않는 사람이 있습니까?

Morningstar는 온보딩 UX 모범 사례를 위반합니다.
시간을 내어 이 지침을 모두 읽을 사람이 있습니까? 기억하는 것은 말할 것도 없고요? Morningstar Financial의 이 앱은 일을 단순하게 유지하기 위한 모범 사례 온보딩의 주요 기준을 위반합니다.

다시 말하지만, 온보딩 경험의 무게는 사용자 연구의 통찰력 및 제품의 복잡성과 관련되어야 합니다. 그러나 새롭고 혁신적인 기술의 경우에도 사용자가 긴 서문에 지루해하거나 겁을 먹는 것을 원하지 않습니다.

앱이나 제품이 단순하다면 간단한 소개와 악수만으로도 충분할 것입니다. 더 깊이가 필요한 경우, 앱 경험 전반에 걸쳐 온보딩을 확산하는 점진적 온보딩을 채택하는 것을 고려하고, 지침과 스캐폴딩을 제공하기 위해 필요에 따라 딥핑(dipping in and out)합니다.

또한 사용자가 원하는 경우 온보딩을 건너뛰거나 연기할 수 있습니다. 앱 소개가 사용자가 스와이프하거나 클릭해야 하는 4개 이상의 화면인 경우 건너뛰기 버튼이 세상을 바꿀 수 있습니다.

반복 가능하게 만들기

사용자에게 보여줬던 가이드나 연습으로 돌아갈 수 있는 방법을 제공하는 것을 잊지 마십시오. 특히 소개 튜토리얼이나 기타 온보딩 패턴을 건너뛸 수 있도록 만들어 UX 온보딩 모범 사례를 따랐다면 더욱 그렇습니다.

사용자가 교육용 비디오나 인터페이스 둘러보기에 다시는 액세스하는 것을 원하지 않을 것이라고 가정할 수 없습니다. 그들은 처음 온보딩에서 언급된 한두 가지 영리한 팁을 잊어버렸거나 충동적으로 전체를 건너뛴 후 길을 잃었을 수 있습니다.

온보딩 UX 패턴을 반복 가능하게 만들기
코치 마크 "힌트"는 사용자가 Metrie의 Room Styler 3D 방 구성기에서 필요에 따라 켜고 끌 수 있습니다. 이를 통해 사용자는 필요에 따라 지침과 도움을 받을 수 있습니다.

사용자의 마음을 사로잡을 수 있는 온보딩을 반복할 수 있는 경로가 포함된 "도움말" 섹션을 탐색에 포함합니다.

너무 개인화하지 마세요

너무 많은 질문을 하는 긴 형식은 사용자 바운스 머신입니다. 새로운 사용자가 자신의 경험을 개인화하는 데 도움이 되는 몇 가지 정보를 제공하도록 권장하는 것은 좋지만 너무 많은 세부 사항을 요구하여 소름이 끼치지 않도록 하는 것이 중요합니다.

프라이버시가 점점 희소해지고 개인적으로 가치가 높아지는 시대에, 특히 초반에 불필요한 질문을 너무 많이 해서는 안 됩니다. 일부 앱은 사용자가 앱 사용을 허용하기 전에 기본 설정을 지정하거나 결정을 내리도록 요구하는데, 이는 끔찍한 생각입니다.

Pinterest 최초 사용자 경험 온보딩 UX
Pinterest가 처음 사용자에게 이메일 주소를 묻고 몇 가지 관심사를 선택하면 경험을 개인화하는 데 도움이 되지만 사용자에게 나이를 묻는 것은 너무 개인적인 것 같습니다. 이로 인해 일부 사용자는 계속하기를 주저할 수 있습니다.

이러한 종류의 정보 수집은 나중에 경험에 포함할 수 있음을 기억하십시오. 사용자를 초대하고 더 많은 정보를 찾기 전에 둘러볼 수 있도록 하여 신뢰를 구축하십시오. 즉시 포기하는 사용자로부터 많은 데이터를 얻지 못할 것입니다.

나는 한 번 쇼핑 플랫폼에 고용되어 전환을 개선하기 위해 온보딩 경험을 재구성하도록 도왔습니다. 최초의 사용자 경험 흐름을 분석 데이터와 비교함으로써 사용자에게 엄청난 양의 개인 정보를 제공하고 최종적으로 보이는 선호 사항을 미리 선택하도록 요청하는 화면에서 이탈이 발생했음이 분명해졌습니다. .

이 정보는 비즈니스에 중요하고 사용자 경험을 개인화하는 데 도움이 되지만 등록 프로세스를 포기하고 있었습니다. 정보 요청을 이메일로 줄이기로 결정했습니다. 또한 쇼핑 선호도 질문을 8개에서 3개로 줄이고 사용자에게 다중 선택과 건너뛸 수 있는 옵션을 허용했습니다. 그 결과 거의 즉시 이탈률이 30% 이상 감소했습니다.

나쁜 UX를 커버하기 위해 튜토리얼에 의존하지 마십시오

기억하세요: 온보딩이 있더라도 앱이나 웹사이트는 여전히 의미가 있고 가능한 한 명확해야 합니다. 온보딩은 나쁜 디자인을 위한 목발이 아니라 발판입니다.

너무 많은 혼란스러운(솔직히 그냥 나쁜) 제품과 앱이 사용자에게 긴 지침이나 툴팁을 쏟아부어 잘못된 디자인 결정을 은폐하려 했습니다. 이것은 좋은 디자인 관행이 아니며 사용자가 다시 방문하도록 하지 않습니다.

점점 더 많은 온보딩 패턴을 추가하면서 앱이나 제품을 계속 사용할 수 없다는 것을 알게 되면 핵심 디자인을 냉정하고 객관적으로 살펴보고 개선을 시작할 때입니다.

온보딩 서비스

프로젝트에 안내 작업 완료를 추가하는 방법에 대한 아이디어를 가지고 엔지니어링 팀에 접근하면 상당한 저항에 부딪힐 수 있습니다. 복잡한 온보딩 패턴은 많은 개발 노력을 필요로 하며 고유한 기술적 문제의 지뢰밭이 될 수 있습니다.

다행히도 고통 없는 UX 온보딩을 제공하는 서비스와 플랫폼이 점점 늘어나고 있습니다. 확인해야 할 몇 가지 사항은 다음과 같습니다.

  • Walkme는 연습 및 자습서를 구축하고 온보딩 성능을 추적할 수 있는 풍부한 도구를 제공하는 인기 있는 서비스입니다.
  • Appcues는 앱 팀에 많은 사용자 지정 및 추적 기능을 통해 제품에 대한 온보딩 경험을 쌓을 수 있는 도구를 제공합니다.
  • Nickelled는 웹사이트 또는 서비스에 대한 가이드 투어 및 개요, 툴팁, 코치 마크, 모달 등을 만드는 데 도움이 됩니다.

사용자에게 적절한 온보딩 UX 패턴을 만드는 데 시간과 연구를 투자하는 것이 좋습니다. 앱과 기타 디지털 제품이 사용자의 요구를 유지하고 충족시키려면 신규 사용자와 기존 사용자 모두에게 적합한 온보딩 UX를 통합하는 것이 필수적입니다.

온보딩은 한 순간이 아니라 청중과의 신뢰를 구축하고 유지하는 여정입니다. 훌륭한 온보딩 경험은 사용자가 제품을 사용하여 기능을 삶의 중요한 부분으로 사용하는 습관을 구축하는 데 도움이 됩니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

  • 사용자 흐름 향상 - UX 분석 가이드
  • UX 디자인에서 정신 모델 활용
  • 게임 UX가 제품 디자인에 대해 가르쳐 줄 수 있는 것
  • 모바일 사용성을 위한 기본 가이드
  • 이러한 모바일 앱 온보딩 영감으로 사용자 유지