유저플로우 템플릿
유저플로우 템플릿 도면은 웹사이트에서 사용자 체험을 개선하기 위한 필수적인 도구입니다. 따라서 평소 이용자 인사이트를 서비스 향상을 위해 수집하는 UX 디자인팀이나 생산팀에 특히 편리한 도구라고 할 수 있습니다. Miro의 유저플로우 템플릿 도면을 활용하여 혁신 넘치는 해결법을 창조하세요.
Trusted by 65M+ users and leading companies
유저플로우 템플릿 소개
유저플로우 템플릿은 웹사이트의 각 페이지에서 이용자가 체험하는 요소를 '시각화'할 수 있는 플로우차트(흐름 순서도)입니다. 유저 플로우를 지도화하여 웹사이트 구성이나 앱의 기능, 이용자가 사이트의 각 페이지에서 실행하는 행동, 의사결정 프로세스를 사전에 예측할 수 있게 됩니다. 이용자에 대한 깊은 통찰을 통해 웹사이트를 최적화하기 위한 업무의 판단과 웹사이트의 서비스 개선에 필요한 프로세스를 특정하는 것도 가능합니다.
유저플로우 템플릿을 작성하여 이용자가 목적하는 페이지까지 이르기까지의 프로세스를 이해할 수 있습니다. 이 프로세스와 이용자의 체험을 이해하여 목적으로 하는 페이지나 제품 페이지에 도달하는데 걸린 단계의 수와 어떤 프로세스를 거쳐 이용자가 가진 문제를 해결하기 위한 제품과 정보를 소개한 페이지에 도착했는지를 명확히 할 수 있습니다.
유저플로우 템플릿과 함께 화면 흐름 템플릿이 웹사이트에서 이용자 체험 개선에 자주 사용되나, 유저플로우 템플릿은 이용자가 사이트에서 하는 행동에 초점을 두기 때문에 사이트의 구성이나 디자인 자체를 표현한 와이어 프레임 화면 흐름도와는 용도가 조금 다릅니다. 이 두 개의 템플릿을 제대로 구분해 사용해서 세련된 서비스 제공을 웹사이트에서 실현해보세요. 이 기사에는 유저플로우의 상세한 내용과 작성 방법에 관해 설명합니다. 또 '템플릿 사용'을 누르면 간단히 템플릿을 Miro보드에 전개할 수 있습니다.
사용자 흐름에 대해 자세히 알아보려면 계속 읽으십시오.
사용자 흐름은 무엇인가요?
유저플로우 템플릿은 웹사이트에서 이용자의 행동을 지도화할 때 매우 편리한 도구입니다. 시각을 통해 이용자의 행동을 '시각화'하여 더욱 이용자에게 친숙한 웹사이트를 구축함과 동시에 제품 페이지나 블로그로 전환되는 연결 페이지에 이용자를 유도하기 쉬운 웹사이트 설계가 가능합니다.
사용자 흐름의 주요 요소는 다음과 같습니다.
시작점과 도착점 : 흐름이 시작되거나 끝나는 위치를 명확하게 합니다
프로세스와 행동 : '로그인'이나 '구매' 등 이용자가 어떤 단계를 취하는지 나타내는 정보입니다.
의사 결정 포인트 : 이용자가 제품을 사는데 판단 기준이 되는 페이지 및 요소를 나타냅니다.
화살표 : 결정에 따라 이용자가 향하는 방향을 나타냅니다.
유저플로우 템플릿은 현시점에서 실행 중인 사이트의 전략에 대한 전환율을 평가 또는 개선하고자 할 때 편리한 도구입니다. 이용자 체험과 구매 프로세스, 뉴스레터 구독 촉진, 무료 시험판(프리미움)의 실시 등, 사업 목표 달성에 필요한 요소를 명확히 합니다.
사용자 흐름 템플릿은 언제 사용하나요?
사용자 흐름 다이어그램은 다음과 같은 도움을 줍니다.
직관적인 인터페이스 구축 : 이용자가 필요로 하는 정보나 제품 페이지에 다다르기 위한 흐름과 조작 방법은 직관적입니까?
기존 인터페이스가 사업 목표 달성에 부합하는지 결정 : 기존의 인터페이스가 사업 목표 달성을 위해 현재 작동하고 있는 것, 작동하지 않는 것, 또는 개선이 필요한 것은 무엇인지? 또한 이 목표를 달성하기 위한 유저플로우는 알기 쉽게 되어있는지?
내부 팀이나 고객에게 제품 흐름도를 제시 : 디자인팀은 구입, 등록, 로그인 과정에서의 고객 피드백이나 행동을 파악할 수 있는지? 고객은 비전과 일치하는 시책의 실행 상황이 파악 가능한지?
유저플로우 템플릿 작성 요령
유저플로우 템플릿을 만들거나 재작성할 때 스스로와 팀에게 아래의 내용을 확인하도록 하세요.
사용자는 무엇을 하려고 하나요?
사용자에게 중요한 것이 무엇이며 무엇이 사용자를 계속하게 만드는 자신감을 주나요?
사용자가 성공하는데 어떤 추가 정보를 필요로 하나요?
작업을 달성하기 위해 사용자가 주저하는 점이나 장애물은 무엇인가요?
유저플로우 템플릿을 활용하여 이용자 시점에서 웹사이트를 지도화할 수 있습니다. 따라서 특정 이용자의 요구에 맞는 웹사이트와 앱 페이지, 화면, 인터페이스의 디자인 방법을 정의하여 그곳에 포함된 콘텐츠나 배너 등 사이트 요소의 편집을 효율적으로 실행할 수 있습니다.
유저플로우 템플릿 작성 방법
유저플로우 템플릿 작성은 생각보다 간단합니다. 아래에서는 Miro를 사용한 유저플로우 템플릿 작성법을 소개합니다. Miro는 템플릿의 작성과 공유에 최적화된 캔버스입니다. 먼저 보드 내 좌측에 있는 템플릿 라이브러리에서 유저플로우 템플릿을 선택합니다. 그 후 아래의 순서로 템플릿 작성을 시작합니다.
사업 목표와 이용자 목표를 결정하세요.
먼저 사업목표와 이용자의 목표를 결정하세요. 아직 명확한 목표가 없거나 재결정이 필요하면 고객 여정맵을 작성하여 명확한 비전을 구축하세요. 이 비전을 공유하여 팀원은 제품과 서비스의 모든 접점을 이용자 시점에서 분석할 수 있는 이점이 생깁니다. 이용자에 대한 공감을 높여 유저플로우의 프로세스 내용을 더욱 명확하게 할 수 있게 됩니다.
이용자 여러분의 웹사이트를 어떻게 발견하는지 알아보세요.
이용자가 어떻게 사이트에 방문했는지를 조사하세요. (예:직접 방문, 직접 검색, 유료 광고, 소셜 미디어, 추천 링크, 이메일). 이 조사를 통해 유저플로우 템플릿 개시 시점을 특정할 수 있게 됩니다.
이용자 어떤 정보를 필요로 하고 언제 필요한지 알아 보세요.
적절한 정보가 적기에 표시될 때 이용자의 전환율은 큰 폭으로 상승합니다. 따라서 디지털 접점에서 이용자의 요구와 느낌을 생각합시다. 예를 들어 챗봇과 같은 제공 방법은 아직 성공 가능성을 나타내는 지표일 뿐, 최종적으로 구매와 연결되는 것은 아닙니다.
유저플로우를 지도화하세요.
유저플로우 템플릿에 도형과 화살표를 추가하여 이전 단계에서 진행한 이용자 연구를 템플릿에 반영하세요. 이용자가 처음에 접점에 도착한 후의 단계는 무엇인지? 이용자가 목적 페이지에 다다를 때까지 걸린 단계의 수는? Miro의 유저플로우 템플릿에서는 이런 정보를 알기 쉽게 정리할 수 있습니다. 접점과 드롭 오프, 연결선 화살표의 방향을 바꿔 유저플로우 템플릿에 추가하세요.
팀으로부터 피드백을 받으세요.
팀, 고객 또는 다양한 부문의 관계자가 Miro보드를 볼 수 있게 보드를 공유하세요. 상호 평가를 위해 스티커 메모나 @맨션을 사용하여 각자의 시간에 의견을 남길 수 있습니다. 또한, Miro 보드 내의 화상 통화에 참가하여 팀 중 누군가에게 메모를 적는 역할을 줄 수도 있습니다. 팀의 의견을 모아서 유저플로우 테플릿에 반영해보세요. 피드백과 의견 교환이 끝나면 필요에 따라 유저플로우 템플릿을 편집하세요. 고객의 제품과 서비스에 대한 흥미와 구매 의욕의 변화에 맞춰 유저플로우 템플릿도 변합니다. 변화에 따라 내용을 조정하고 항상 고객의 시점에서 제품과 서비스를 제공할 수 있도록 하세요.
요약 이 기사에서 유저플로우 템플릿과 그 작성법에 대해 간단히 소개했습니다. 웹사이트의 각 페이지에서 이용자의 체험을 유저플로우 템플릿을 활용하여 '시각화'하여 웹사이트의 구성과 앱의 기능, 이용자가 사이트의 각 페이지에서 실행하는 행동, 의사 결정 프로세스를 사전에 예측할 수 있게 됩니다. 그리하여 이용자에 대한 깊은 통찰을 통해 웹사이트를 최적화하기 위한 업무의 판단과 웹사이트의 서비스 개선에 필요한 프로세스를 특정하는 것도 가능합니다. Miro의 와이어 프레임 템플릿을 사용하여 빠른 시간 안에 유저플로우 템플릿을 완성하세요. 이용자 인사이트가 이루어지면 사업 목적을 달성하기위한 웹사이트를 실현할 수 있습니다.
유저플로우 템플릿의 사용 예시를 알려주세요.
자사 이벤트를 위해 사이트를 개발한다고 가정해봅시다. 이용자 체험 개선을 위해서는 이벤트의 등록과 티켓 구매에 필요한 모든 절차를 지도화할 필요가 있습니다. 먼저 이용자가 방문하는 프로세스와 이벤트 티켓을 구입하는 과정을 추적하는 것부터 시작하죠. 유저플로우 템플릿을 이용하면 등록에서 결제하는 페이지까지 (이벤트 사이트의 최종 목적) 고객이 구매를 완료하기까지의 과정을 알기 쉽게 시각화할 수 있습니다.
고객 접점 맵 템플릿
다음에 경우 적합합니다:
Desk Research, Product Management, Mapping
충성 고객을 유치하고 유지하기 위해서는 고객의 문제점, 욕구, 필요를 진정으로 이해하기 시작해야 합니다. 고객 접점 맵은 고객이 서비스에 가입하고, 사이트를 사용하고, 제품을 구입하는 고객이 따르는 경로를 시각화함으로서 그것을 이해할 수 있도록 도와줍니다. 그리고 정확히 일치하는 고객 두 명은 존재하지 않기 때문에 CJM은 제품을 통해 여러 경로를 그릴 수 있습니다. 조만간 이러한 경로를 예상하고 모든 단계에서 고객을 만족시킬 수 있습니다.
되돌아보기 템플릿
다음에 경우 적합합니다:
Education, Retrospectives, Meetings
회고 템플릿은 통찰력 있는 회의 수행, 작업 재고, 효과적인 반복을 가능하게 해줍니다. "회고록"은 보다 평범한 "토론"과 "사후"보다 가치 중립적이어서 더 큰 인기를 얻었습니다. 일부 팀은 이러한 회의를 "스프린트 회고록" 또는 "반복적 회고록", "애자일 회고록" 이라고 지칭합니다. 애자일 방법론을 사용하는 스크럼 팀에 있든 특정 유형의 회고 (예 : 미친, 슬픈, 기쁜 회고)를 수행하든 간에 목표는 일반적으로 동일합니다. 무엇이 잘 되었는지 발견하고, 문제의 근본 원인을 파악하고, 다음 반복할 때를 위한 더 나은 수행 방법을 찾아내는 것입니다.
디자인 연구 템플릿
다음에 경우 적합합니다:
UX Design, Design Thinking, Desk Research
디자인 연구 맵은 연구 방법론에서 사고 방식과 접근 방식의 두 가지 핵심 교차점 사이의 관계를 보여주는 그리드 프레임워크입니다. 디자인 연구 맵은 팀이나 고객이 생성적 디자인적 사고를 통해 새로운 비즈니스 전략을 개발하도록 장려합니다. 원래 학자 Liz Sanders가 설계한 이 프레임워크는 연구와 설계 방법 사이의 혼란이나 중복을 해결하기 위한 것입니다. 팀이 문제 해결 모드인지 문제 공간 정의 모드인지에 관계없이 연구 설계 템플릿을 사용하면 관련 없는 여러 관행의 집합적 가치를 고려할 수 있습니다.
린 커피 템플릿
다음에 경우 적합합니다:
Agile Methodology, Product Management, Meetings
훌륭한 회의를 준비하려면 어떻게 해야 할까요? (도넛을 제외하고 말이죠) 이는 모든 사람들의 기술, 자원, 그리고 시간을 최대한 활용함으로써 그들을 존중하는 것입니다. 이러한 것이 린 커피 접근법이 의도하는 것입니다. 팀 브레인스토밍과 회고에 적합한 린 커피 접근법은 회의를 3가지 기본 단계로 나눕니다. 즉, 토론할 내용, 토론 중인 내용, 토론 완료된 내용의 3가지입니다. 본 템플릿을 사용하면 스티커 메모를 쉽게 수집하고 주제에서 주제로 이동할 때 내용을 업데이트할 수 있습니다.
PI 계획 템플릿
다음에 경우 적합합니다:
Agile Methodology, Strategic Planning, Software Development
PI 계획은 "프로그램 증가 계획"을 의미합니다. SAFe(확장형 에자일 프레임워크)의 일부인 PI 계획은 팀이 공유 비전을 향해 전략을 수립할 수 있도록 지원합니다. 일반적인 PI 계획성 세션에서, 팀들은 함께 모여 프로그램 백로그를 검토하고, 교차 기능을 조정하고, 다음 단계를 결정합니다. 많은 팀이 8~12주마다 PI 계획 이벤트를 수행하지만, 필요에 따라 계획 일정을 맞춤화할 수 있습니다. PI 계획을 사용하여 기능을 분해하고, 위험을 식별하며, 종속성을 찾고, 어떤 이야기를 개발할 것인지 결정할 수 있습니다.
Kubernetes 애플리케이션 템플릿
다음에 경우 적합합니다:
Software Development, Diagrams
Kubernetes 애플리케이션 템플릿을 사용하여 기업 지원 컨테이너형 애플리케이션을 더욱 효율적으로 관리할 수 있습니다. 이동성, 라이선싱, 통합 청구를 처리할 때 팀의 민첩성을 높일 수 있습니다. Kubernetes 애플리케이션 템플릿을 통해 어디서나 배포를 실시하고 애플리케이션을 용이하게 관리할 수 있습니다. 지금 평가판을 사용하여 귀하와 팀에 적합한지 알아보십시오.