이러한 SaaS UX 설계 모범 사례를 통해 참여도 향상
게시 됨: 2022-03-11SaaS 애플리케이션은 오늘날 작성된 가장 복잡한 소프트웨어 중 하나입니다. 모든 SaaS 플랫폼에 대한 UX 모범 사례를 구현하는 것은 가치 있는 보상을 얻을 수 있는 유용한 연습입니다.
- 고객 이탈 감소
- 경험을 간소화하여 사용자 속도(따라서 만족도)를 높 입니다.
- 도움말 및 지원 시스템으로 사용자의 불만 제거
- 상황별 대시보드 및 정보로 사용자 참여
등록 간소화
등록은 일반적으로 사용자가 SaaS 플랫폼에 대해 갖는 첫 번째 터치포인트이며, 속담처럼 첫인상이 중요합니다. 등록 절차를 고려할 때 가장 중요한 정보만 미리 요청하십시오. 많은 경우 이메일 주소는 잠재 고객을 애플리케이션으로 끌어들이기에 충분합니다.
초기 등록은 최소한이지만 FreshBooks는 사용자가 응용 프로그램을 사용하기 시작한 후에 더 많은 정보를 얻습니다. 이러한 유형의 계층화된(단계별) 데이터 수집은 사용자를 문으로 안내하고 지불 정보 및 긴 양식과 같은 진입 장벽을 제거합니다.
등록 프로세스를 개선하는 동안 클릭 유도문안을 고려하는 것을 잊지 마십시오. 명확한 클릭 유도문안은 잠재적인 사용자를 시스템에 빠르게 끌어들입니다. FreshBooks에는 명확한 버튼("시작하기")이 있을 뿐만 아니라 사용자의 97%가 FreshBooks를 추천한다는 친근한 알림도 포함되어 있습니다. 이와 같은 도구는 신뢰를 증진하고 경계에 있는 사람들이 행동을 취하도록 동기를 부여할 수 있습니다.
온보딩으로 명확히 하기
고객 이탈은 SaaS 애플리케이션에서 사용하는 핵심 성능 지표입니다. 열악한 온보딩은 사용자 혼란으로 이어질 수 있습니다. 사용자가 혼란을 느끼면 회원가입을 취소합니다. 긍정적인 온보딩 경험은 참여하고 강한 첫인상을 주고 사용자가 염두에 두고 있는 특정 작업을 완료하는 방법을 알려줍니다.
Slack은 지능형 온보딩 방법을 결합하여 신규 사용자에게 긍정적인 경험을 제공한 예입니다.
우선 사용자에게 회사와 팀을 설정하기 위한 간단한 마법사 기반 질문이 제공됩니다. 사용자가 이것을 이용하거나 나중에 건너뛸 수 있다는 점에 유의하는 것이 중요합니다. 온보딩 중에 이와 같은 선택을 제공하는 것은 숙련된 사용자가 생산성에 바로 뛰어들 수 있도록 하기 때문에 매우 중요합니다.
또한 Slack은 Slackbot이라는 온보딩 AI를 사용합니다. Slackbot은 자동화된 도움말 시스템 역할을 합니다. 채널을 만들거나 새로운 사용자를 추가하는 것과 같은 쉬운 프로세스를 통해 기본적인 질문을 입력하거나 사용자를 안내할 수 있습니다.
추가 온보딩 기술에는 데모 비디오 및 Coachmarks(페이지의 중요한 기능 또는 요소를 가리키는 작은 오버레이)가 포함됩니다. 온보딩의 목표는 사용자에게 애플리케이션이 수행할 수 있는 기본 작업을 소개하고 가능한 한 쉽게 완료할 수 있도록 하는 것입니다.
정보 아키텍처 간소화
정보 아키텍처 및 탐색은 사용자가 애플리케이션에서 필요한 것을 찾는 주요 방법입니다. 따라서 직관적이고 최소한이어야 합니다. Hootsuite는 방해가 되지 않지만 사용자가 아이콘의 의미를 잊어버리거나 경험에서 길을 잃으면 레이블을 표시하도록 확장할 수 있는 전역 측면 탐색을 제공합니다.
이와 같은 시스템이 먼저 확장된 상태로 표시되는 것이 중요합니다. 이렇게 하면 새 사용자가 중요한 작업을 위한 공간을 확보하기 위해 최소화하기 전에 사용 가능한 기능에 익숙해질 수 있습니다.
여러 수준의 권한을 사용하는 SaaS 애플리케이션의 경우 RBAC(역할 기반 액세스 제어)는 탐색을 단순화하는 데 도움이 될 수 있습니다. RBAC는 사용자에게 개별 목표를 완료하는 데 필요한 탐색 및 콘텐츠만 제공합니다. 다음과 같은 세 가지 기본 역할이 있는 의료 기록(MR) 애플리케이션을 고려하십시오.
- MR 검색 전문가
- MR 코더
- 관리자
각 역할에는 고유한 목표 세트와 이러한 목표를 달성하기 위한 UI가 있습니다. MR 코더는 검색 콘텐츠나 도구를 볼 필요가 없으므로 검색, 관리 탐색 및 콘텐츠를 숨기는 것이 이러한 사용자에게 적합합니다.
마찬가지로 검색 전문가는 코더 기능을 자세히 알아볼 필요가 없으므로 대시보드와 탐색에는 필요한 도구만 포함되어야 합니다. 청중 역할을 고려하고 이러한 방식으로 탐색 및 콘텐츠를 조작하면 생산성을 높이는 간소화된 경험이 생성됩니다.
복잡한 프로젝트의 경우 메가 메뉴 구현을 고려하십시오. 메가 메뉴는 단일 상호 작용으로 2차 및 3차 탐색 요소를 노출시켜 새로운 사용자가 더 쉽게 검색할 수 있는 이점이 있습니다. 직관적인 레이블 지정 및 탐색 구성은 여전히 필요하지만(메가 메뉴는 모바일 장치에서의 경험에 도움이 되지 않음) 데스크탑 환경에서 작업 속도에 도움이 될 수 있습니다.

대시보드로 참여 및 정보 제공
대시보드는 사용자가 SaaS 애플리케이션에 로그인할 때 가장 먼저 보게 되는 경우가 많으므로 대시보드 사용자 경험에 시간을 할애하면 거의 항상 더 큰 ROI를 얻을 수 있습니다. 긍정적인 대시보드 경험은 사용자에게 다음 질문에 답하는 경험입니다.
- 나는 어떻게 지내고 있습니까, 아니면 현재 상태는 어떻습니까?
- 최근 어떤 활동이 있었나요?
- 어떤 문제를 알아야 합니까?
- 내 "할 일" 목록에는 어떤 항목이 있습니까?
- 어떻게 하면 중요한 작업을 쉽게 시작할 수 있습니까?
사용자가 현재 상태를 이해하려면 사용자 역할에 중요한 KPI(핵심 성과 지표)를 보고하는 것이 좋습니다.
Klipfolio의 대시보드는 여러 KPI(소셜 미디어 팔로워, 로드 시간, 응답 시간 등)를 쉽게 스캔할 수 있는 긴밀한 그룹화로 보여주는 좋은 예입니다. 지도, 막대 및 차트와 같은 시각적 표시기는 콘텐츠를 분할하고 스캔을 더 쉽게 만드는 데 도움이 됩니다.
활동의 시각적 기록은 사용자가 자리를 비운 동안 무슨 일이 있었는지 확인하는 데 도움이 됩니다. 이 목록이나 차트에 실행 가능한 항목을 포함하여 사용자가 중요한 사항에 대해 후속 조치를 취할 수 있도록 하는 것이 좋습니다. 인트라넷의 경우 사용자 이름, 보고서를 보기 위한 타임스탬프, 뉴스 헤드라인 등이 될 수 있습니다.
문제 영역도 강조 표시되어야 합니다. 우선 순위별로 정렬된 경고 목록은 복잡한 애플리케이션 사용자에게 큰 도움이 될 수 있습니다. 특히 중요한 항목은 확인하기 위해 실행 가능한 경고와 무시할 수 있는 경고로 구분할 수 있습니다.
앞서 언급했듯이 잘 설계된 대시보드는 중요한 기능에 대한 발판 역할을 합니다. 할 일 목록과 같은 상황별 링크는 사용자의 현재 요구 사항과 관련된 기능을 추가하기 때문에 여기에서 특히 유용합니다. Quip 재설계는 "작업 항목" 목록과 함께 이를 잘 활용합니다.
"도움말"이 유용하고 항상 사용 가능한지 확인하십시오.
성공적인 SaaS 애플리케이션에는 사용자가 갇힌 경우에 대비하여 직관적인 도움말 및 지원 시스템이 있습니다. 현대 사용자는 전화로 누군가와 이야기해야 하는 시간 약속 없이 질문에 대한 지원을 받을 수 있기를 기대합니다. 이를 수행할 수 있는 몇 가지 주요 방법이 있습니다.
첫째, 도움말 시스템은 애플리케이션의 어디에서나 쉽게 액세스할 수 있어야 합니다. 사용자가 도움이 필요하다고 결정했다면 이미 좌절했을 가능성이 큽니다. 도움말 콘텐츠를 검색하도록 강요하는 것은 경험을 악화시키는 방법입니다.
FAQ는 사용자가 인기 있는 질문에 대한 답변을 빠르게 찾는 데 도움이 되지만 개선할 수도 있습니다. Agorapulse는 FAQ를 자동화한 애플리케이션의 예입니다. 그렇게 함으로써 그들은 더 많은 주제를 다룰 수 있었고 사용자에게 "Agorapulse Bot"을 사용하여 검색하는 쉬운 방법을 제공할 수 있었습니다.
라이브 온라인 지원을 제공하는 것은 기존 지원 방법보다 해당 채널을 선호할 수 있는 사용자에게도 중요합니다(이는 특히 젊은 청중에게 중요). 이러한 사용자 대면 지원 시스템은 매우 중요하지만 배후에서 일어나는 일 또한 중요합니다. 사용자 불만 사항에 대한 후속 조치, 버그 분류, 사례 생성, 지속적으로 고객 경험 개선은 SaaS 수명의 핵심 요소입니다.
검토 및 반복을 통해 SaaS 애플리케이션 개선
그만한 가치가 있기 위해서는 UX 노력이 주요 청중을 고려하고 사용자 요구에 집중해야 합니다. SaaS용 UX도 다르지 않으므로 잠시 시간을 내어 SaaS UX 디자인 모범 사례에 대한 논의를 요약해 보겠습니다.
- 등록 절차를 간소화합니다.
- 온보딩을 사용하여 사용자를 위한 기능을 명확히 합니다.
- 정보 아키텍처를 간소화하여 직관적이고 최소화합니다.
- 대시보드를 사용하여 사용자의 참여를 유도하고 KPI에 대해 알립니다.
- SaaS 제품 지원이 유용하고 항상 사용 가능한지 확인하십시오.
성공적인 SaaS 애플리케이션을 유지하려면 상당한 노력이 필요합니다. 사용자의 관심을 끌기 위해서는 검토와 반복에 대한 지속적인 노력이 필요하지만 행복한 고객을 유지하기 위해 싸울 가치가 있는 전투입니다.
• • •
Toptal Design 블로그에 대한 추가 정보:
- 비즈니스에서 디자인 씽킹의 가치
- 협업 디자인 – 성공적인 엔터프라이즈 제품 디자인을 위한 가이드
- 제품 전략: 핵심 개념 및 프로세스 안내
- 고객 여정 지도 – 정의 및 구축 방법
- 정보 아키텍처에 대한 종합 가이드