온보딩 UI/UX 톺아보기(1)
여러가지 서비스의 온보딩(Onboarding)을 살펴보자
새로운 앱을 다운로드하는 순간은 마치 누군가와 처음 만나는 순간과 같습니다. 설렘과 기대가 가득하지만, 첫인상이 좋지 않으면 뒤돌아설 이유가 생기죠. 앱의 온보딩(Onboarding) 과정이 바로 그런 '첫인상'을 결정합니다. 아무리 좋은 기능을 가진 서비스라도, 온보딩에서 사용자가 길을 잃거나 지루함을 느낀다면 그 서비스의 진짜 가치를 경험하기 전에 떠나버리게 됩니다.
좋은 온보딩은 단순히 기능 사용법을 알려주는 튜토리얼을 넘어, 사용자의 손을 잡고 서비스의 핵심 가치를 가장 빠르고 명확하게 경험하도록 이끌어줍니다. 오늘은 다양한 서비스들의 온보딩 UI/UX를 살펴보며, 왜 어떤 앱들은 사용자를 한 번에 사로잡는지 그 방법을 파헤쳐보려 합니다.
1. Justinmind: 신규 사용자 또는 고급 사용자를 위한 맞춤형 온보딩
Justinmind에서는 신규 사용자를 위한 모바일 앱 온보딩 환경을 새롭게 업데이트했습니다. 이제 신규 사용자가 프로토타이핑 도구를 다운로드 하고 데스크톱 앱을 열면 기존 '전체 모드'와 '초보자 모드' 두 가지 옵션이 제공됩니다.
전체 모드에서는 UI와 모든 플로팅 팔레트 및 액션의 전체 내용이 표시됩니다. 초보자 모드에서는 지원 섹션과 YouTube 튜토리얼에 연결된 대화형 툴팁을 통해 사용자가 인터페이스를 쉽게 사용할 수 있도록 안내합니다. 초보자 모드 사용자는 기능과 플로팅 팔레트를 단계별로 안내받으며, 익숙해지면 언제든지 전체 모드로 쉽게 전환할 수 있습니다.
2. Basecamp: 뛰어난 UX로 신규 사용자 온보딩
Basecamp의 UI 디자이너 조나스 다우니를 인터뷰했을 때, 그는 Basecamp를 "즐거운 협업 공간"으로 만드는 것이 팀의 목표라고 말했습니다. 이러한 디자인 이념은 Basecamp의 신규 사용자 온보딩 프로세스에서도 분명히 드러납니다.
Basecamp는 뚜렷하게 접근하기 쉬운 분위기(고객 추천서와 독특하고 가정적인 디자인 미학)를 갖춘 랜딩 페이지에서 시작하여, 사용자를 계정 생성과 Basecamp의 친근해 보이는 CEO의 개인적인 메모를 포함하는 원활한 앱 온보딩으로 안내합니다.
이 모든 것이 훌륭하지만, 그 다음이 진짜 온보딩의 핵심입니다. 바로 신규 사용자에게 현재 진행 중인 프로젝트를 묻고 필요한 프로젝트 템플릿을 바로 안내하는 것입니다. 예를 들어, 회사 본사를 설정하고 문서와 뉴스를 공유하는 중앙 센터를 구축하려는 경우, Basecamp는 신규 사용자에게 세 단계의 설정 과정을 안내합니다.
Basecamp는 계정 페이지에서 신규 사용자에게 샘플 프로젝트를 제공하며, 사용자는 이를 템플릿으로 사용하여 자신만의 프로젝트를 구축할 수 있습니다. 사용자는 거의 의식하지 않고도 정보를 업로드하고, 멤버를 추가하고, 도구를 사용할 수 있습니다. 온보딩 과정은 눈에 띄지 않고 유용하며, 사용자가 문서를 늦지 않게 업로드하도록 하여 유지율을 높이는 데 도움이 됩니다.
3. 넷플릭스: 명확한 가격 책정, 개인 맞춤형 온보딩
넷플릭스를 처음 시작하는 것은 사용자에게 너무나 복잡한 경험을 줄 수 있습니다. 선택할 수 있는 영화와 시리즈가 엄청나게 많고, 데이터 사용량과 월정액에 대한 걱정까지 더해지면 유료 스트리밍 서비스를 이용하기 꺼려질 수 있습니다. 넷플릭스는 맞춤형 온보딩 플로우를 통해 이러한 불확실성을 현명하게 해소합니다. 랜딩 페이지는 "어디서나 시청하고, 언제든 해지할 수 있습니다"라는 문구와 함께 결제 방법을 먼저 안내합니다.
이를 통해 사용자는 이해하기 쉬운 가격 페이지로 바로 이동하게 됩니다. 또한 첫 달은 약정 없이 무료로 이용할 수 있습니다.
세련된 가격 정책 외에도, 넷플릭스의 사용자 온보딩 시스템은 개인화에 중점을 두고 있습니다. 신규 사용자에게 영화 평점을 슬라이딩 스케일로 매기도록 요청하면, 넷플릭스는 아마존이나 스포티파이와 마찬가지로 알고리즘을 통해 추천 콘텐츠 목록을 생성하여 사용자가 앱을 계속 탐색하고 콘텐츠를 탐색하며 참여할 수 있도록 합니다.
