UX 디자인은 매우 어려운 작업이 될 수 있습니다. 아이디어나 개념을 구상하는 단계와 바로 사용할 수 있는 제품을 제공하는 단계 사이에는 많은 일이 발생합니다. UX 디자이너는 사용자의 요구에 맞는 제품을 만들어야 합니다. 불행하게도 다양한 이해 관계자의 정치와 UX 디자인 프로세스에 대한 다양한 기타 입력 사이에서 사용자는 때때로 뒤섞이는 과정에서 길을 잃을 수 있습니다. 숙련된 UX 디자이너 와 팀은 공감 매핑과 같은 도구를 사용하여 사용자 또는 고객을 디자인 프로세스의 중심에 두는 제품을 만들어 사용자와 공감하고 좋은 사용자 경험을 제공하는 제품을 만듭니다. 그러나 공감 지도는 무엇이며, 그 용도는 무엇이며, 공감 지도가 UX 디자인 프로세스에 어떻게 적합합니까? 이 기사에서는 공감 지도에 대한 모든 질문에 답할 것입니다. 공감 지도를 작성하는 방법부터 사용할 수 있는 공감 매핑 도구에 이르기까지 공감 매핑을 UX 디자인 프로세스에 통합하고 효과적으로 사용하기 위해 알아야 할 모든 것을 배우게 됩니다. 챔피언 광고 Patreon을 구독하여 UXmatters의 후원자가 되십시오. 계속 읽기… 공감 지도란? [공감 매핑]은 대상 사용자의 입장이 되어 그들이 생각하고 느끼고 행동하는 방식을 이해하도록 도와줍니다. 기본부터 시작하겠습니다. 공감 지도는 UX 디자인 에서 특히 유용한 디자인 도구입니다 . 이 방법은 대상 사용자의 입장이 되어 그들이 생각하고 느끼고 행동하는 방식을 이해하는 데 도움이 됩니다. 공감 지도를 사용하여 사용자의 그림과 사용자가 제품, 서비스 및 주변 세계에 참여하는 방법을 그릴 수 있습니다. 또한 그들의 결정을 이끄는 인식, 동기 및 행동을 계획할 수 있습니다. 그림 1은 4사분면 공감 지도의 예를 보여줍니다. 그림 1 — 공감 지도 공감 지도 이미지 출처: Envato Elements 많은 UX 디자이너와 전략가는 공감 매핑을 디자인 사고 프로세스의 일부로 사용합니다. 제품이나 서비스를 설계하는 사람들, 즉 사용자를 위해 가능한 최상의 경험을 만드는 데 도움이 됩니다. 공감 매핑이란 무엇입니까? 공감 매핑은 청중이나 사용자의 렌즈를 통해 보는 데 도움이 되는 방식으로 사용자 조사를 구성하는 프로세스입니다. 공감 매핑의 첫 번째 단계는 일반적으로 UX 연구 도구를 사용하여 대상 사용자에 대한 UX 연구 결과를 수집하는 것입니다 . 수행하는 UX 연구 유형은 프로젝트에 따라 다를 수 있지만 사용자 인터뷰, 사용성 연구, 포커스 그룹 세션에서 설문 조사에 이르기까지 모든 것을 포함할 수 있습니다. 이 모든 정보를 수집하면 그림 1과 같이 공감 지도를 구성하는 4사분면 다이어그램 내에서 구성할 수 있습니다. 지도를 정리하면 사용자의 생각, 감정, 행동, 말을 더 잘 이해할 수 있습니다. 효과적인 공감 지도는 귀하와 귀하의 팀이 사용자가 고충을 경험할 수 있는 영역, 즉 개선이 필요한 영역을 식별하는 데 도움이 되어야 합니다. 공감 지도를 사용해야 하는 이유 공감 매핑은 사용자가 말하는 것 이상으로 행동과 동기를 이해하는 데 도움이 됩니다. 사용자는 원하는 것과 필요한 것을 전달하는 데 어려움을 겪을 수 있습니다. 공감 매핑은 사용자가 말하는 것 이상으로 자신의 행동과 동기를 이해하는 데 도움이 됩니다 . 이러한 귀중한 통찰력은 사용자에게 직접 전달되는 보다 효과적인 제품을 개발하는 데 도움이 될 수 있습니다. 장기적으로 고객 기반을 대상으로 하고 그들의 요구 사항을 해결하는 UX 트렌드와 고유한 전략을 식별할 수 있게 함으로써 경쟁사보다 우위를 점할 수 있습니다. 공감 지도는 훌륭한 협업 도구이기도 합니다. 팀은 공유된 이해를 구축하고 사용자의 요구 사항을 해결하기 위해 팀 구성원을 조정하는 데 사용할 수 있습니다. 공감 지도를 사운딩 보드로 사용하여 UX 디자인 프로세스 전체에서 데이터 기반 결정을 내리는 데 도움을 줄 수도 있습니다. 공감 지도를 만드는 방법 공감 지도의 목적은 실제로 정보를 시각적 차트로 제시하여 공감 디자인 프로세스를 단순화하는 것입니다. 공감 지도를 만드는 것은 종종 실제보다 더 복잡하게 들립니다. 그 목적은 실제로 시각적 차트에 정보를 표시하여 공감 디자인 프로세스를 단순화하는 것입니다. 다섯 단계로 공감 지도를 만드는 방법은 다음과 같습니다. 목표를 설정하십시오. 공감 지도를 만들기 전에 프로젝트의 명확한 목표를 설정하는 것이 중요합니다. 당신은 무엇을 성취하기를 희망합니까? 이러한 디자인 목표는 이를 해결하기 위해 가장 관련성이 높은 정보를 수집하도록 연구를 안내해야 합니다. 연구 결과를 수집하십시오. 연구는 공감 지도의 기초입니다. 특정 유형의 연구에 대한 요구 사항은 없지만 사용자 인터뷰 및 설문 조사는 유용한 표준 UX 연구 방법입니다. 각 사용자 그룹에 대한 데이터를 수집합니다. 제품 또는 서비스를 설계하려는 각 사용자 그룹에 대한 자세한 프로필 또는 페르소나를 만듭니다. 각 사용자 프로필에 대해 수집한 UX 연구 데이터를 수집합니다. 연구를 각 사분면에 매핑하십시오. UX 연구를 공감 지도의 4개 사분면인 말하기, 생각하기, 실행하기, 느끼기로 구성하세요. 통찰력을 종합하십시오. 공감 지도를 만든 후에는 패턴과 통찰력을 찾으십시오. 그런 다음 이 정보를 이해 관계자와 공유하여 설계 결정을 알릴 수 있습니다. 공감 지도의 사분면은 무엇입니까? 공감 지도는 그림 2와 같이 사용자의 관점, 즉 사용자가 말하고 생각하고 행동하고 느끼는 것을 탐색하는 데 사용할 수 있는 4사분면 다이어그램 또는 차트입니다. 말한다 —이 사분면은 사용자가 구두로 소통하는 내용을 강조해야 합니다. 일반적으로 이 섹션에는 사용자 조사에서 직접 인용한 내용이 포함되어야 합니다. 생각하다 —이 사분면은 사용자가 생각하는 것을 강조해야 합니다. 여기에는 사용자의 생각, 신념 및 가정이 포함되며, 반드시 소리내어 말하지 않아도 됩니다. 하는 것 —이 사분면은 사용자의 행동, 행동 및 습관을 포함하여 사용자가 하는 일을 강조해야 합니다. 예를 들어 페이지에서 버튼을 클릭합니다. 느낌 - 이 네 번째이자 마지막 사분면은 사용자가 프로세스 중에 나타내는 감정을 포함하여 사용자가 느끼는 것을 강조해야 합니다. 그림 2 - 4사분면 다이어그램 사분면 다이어그램 이미지 출처: 어도비 UX 디자인 프로세스의 공감 매핑 공감 지도는 살아있는 문서여야 합니다. 실질적으로 완료된 후에도 계속 사용하고 추가해야 합니다. 공감 매핑은 일반적으로 디자인 사고 프로세스 의 첫 번째 단계이지만 공감 매핑은 살아있는 문서여야 합니다. 실질적으로 완료된 후에도 계속 사용하고 추가해야 합니다. 이상적으로는 디자인 프로세스 전체에서 지도를 참조하여 결정을 내리는 것이 좋습니다. 공감하는 UX 디자인 프로세스는 9단계로 구성됩니다. 사용자 중심의 제품 디자인을 만드는 각 단계에서 공감 매핑이 어떻게 작용하는지 살펴보겠습니다. 1. 공감 매핑 공감 매핑은 나머지 UX 디자인 프로세스에 정보를 제공하기 때문에 일반적으로 첫 번째 단계입니다. 이 단계에는 이해관계자가 사용할 공감 지도를 만들고 사용자 조사를 하는 것이 포함됩니다. 2. 사용자 페르소나 만들기 공감 지도의 정보를 사용하여 대상 사용자를 정의하고 더 잘 이해하십시오. 사용자 페르소나는 참여하려는 사용자를 반영하는 상세한 프로필입니다. 사용자 페르소나는 귀하의 제품을 사용하지만 실제 UX 연구를 기반으로 하는 가상의 사람으로 생각하십시오. 3. 사용자 여정 정의 공감 지도의 정보를 사용하여 사용자가 처음부터 끝까지 취하는 여정을 이해합니다. 사용자는 어떻게 느끼나요? 사용자는 무엇을 경험하고 있습니까? 사용자가 취할 사용자 여정 또는 사용자 여정 유형을 정의하면 대상 사용자를 위한 궁극적인 경험을 설계하는 데 도움이 될 수 있습니다. 4. 사용자 흐름 구축 사용자 흐름은 사용자가 취할 실제 작업을 문서화합니다. 사용자는 어떤 버튼을 클릭할까요? 사용자는 어떤 페이지에 방문하게 될까요? 이 단계에서 일반적으로 순서도를 작성합니다. 어떤 사용자 흐름이 최고의 사용자 경험을 제공하는지 이해하려면 공감 지도를 참조하세요. 5. 와이어프레임 만들기 와이어 프레임은 소프트웨어 제품의 첫 번째 시각적 표현입니다. 디자인 청사진이라고 생각하세요. 와이어프레임은 일반적으로 흑백이며 매우 단순합니다. 디자이너는 종종 종이에 스케치하거나 포스트잇을 사용하여 배치합니다. 사용자 흐름의 각 단계에 대해 내비게이션 시스템 또는 메뉴를 포함한 사용자 인터페이스 요소를 배치합니다. 6. 스타일 가이드 설정 와이어프레임에는 색상 및 시각적 디자인 요소가 없으므로 이제 제품이 실제로 어떻게 보여야 하는지 결정해야 합니다. 시각적 스타일을 만들고 스타일 가이드를 설정하면 디자인 프로세스 전반에 걸쳐 일관성을 유지할 수 있습니다. 무엇이 사용자에게 반향을 일으킬지 이해하려면 공감 지도를 참조하세요. 7. 그래픽 구성 요소 추가 공감 지도, 사용자 페르소나 및 스타일 가이드를 사용하여 아이콘, 카드, 막대 및 컨트롤을 비롯한 디자인의 시각적 구성 요소를 결정할 수 있습니다. 감정을 가장 잘 불러일으키고 사용자 여정 및 사용자 흐름에서 설명한 작업에 영감을 주는 그래픽 디자인 요소를 사용하세요. 그림 3에 표시된 예와 같은 UI 키트는 디자인에 그래픽 구성 요소를 추가하는 데 도움이 될 수 있습니다 . 그림 3 - UI 키트 UI 키트 8. 시각적 디자인 마무리 이제 모든 것을 하나로 모을 때입니다! 이 단계에서는 와이어프레임의 모양을 실제 그래픽 구성 요소 및 실제 사본으로 대체하여 최종 제품을 만듭니다. 9. 최종 디자인 미리보기 마지막으로 그림 4와 같이 최종 디자인을 미리 봐야 합니다. 디자인이 의도한 대로 반응하고 보이는지 확인하십시오. 다양한 화면 크기에서 디자인을 테스트하고 그래픽 구성 요소가 제대로 표시되는지 확인하십시오. 그림 4 - 모바일 장치에서 최종 디자인 미리보기 모바일 장치에서 최종 디자인 미리보기 이미지 출처: Envato Elements 공감 매핑 도구 공감 매핑 도구는 팀 협업을 개선하고 공감 맵을 채울 때 쉽게 변경할 수 있도록 합니다. 종이에 공감 지도를 스케치할 수 있지만 공감 지도를 만드는 것은 협력적이고 반복적인 과정이어야 한다는 점을 기억하세요. 많은 공감 지도 도구와 응용 프로그램을 통해 사용자는 공감 지도를 보다 효과적이고 효율적으로 만들 수 있습니다. 공감 매핑 도구는 팀 협업을 개선하고 공감 맵을 채울 때 쉽게 변경할 수 있도록 합니다. UX 디자이너가 공감 매핑 프로세스의 일부로 자주 사용하는 몇 가지 도구를 살펴보겠습니다. 미로 Miro 는 팀의 협업을 돕는 웹 기반 디지털 화이트보드입니다. Miro의 라이브러리를 사용하면 정보를 시각적으로 쉽게 구성할 수 있으며 다이어그램에서 공감 지도 템플릿에 이르기까지 모든 것을 제공합니다. Miro를 사용하여 공감 지도를 만들려면 새 보드를 만드는 것부터 시작하세요. Miro의 가상 스티커 메모를 사용하여 사용자의 생각, 감정, 행동 및 단어를 나타낼 수 있습니다. 응용 프로그램의 끌어서 놓기 사용자 인터페이스를 사용하면 스티커 메모를 오른쪽 사분면으로 쉽게 이동할 수 있습니다. 또한 다른 이미지와 시각적 요소를 추가하고, UX 연구에 연결하고, 팀의 다른 구성원을 위한 메모와 의견을 추가할 수 있습니다. 그림 5는 Miro의 공감 지도의 예를 보여줍니다. 그림 5 - Miro의 공감 지도 Miro의 공감 지도 이미지 출처: 미로 Miro의 주요 이점은 실시간 협업 도구 이므로 팀 구성원이 동시에 동일한 맵에서 작업할 수 있습니다. 응용 프로그램의 시각적 사용자 지정 옵션을 사용하면 팀에 가장 적합한 방식으로 지도를 쉽게 설정할 수 있습니다. Miro는 내장된 공감 지도 생성기를 제공하지 않지만 템플릿 기능을 사용하여 팀 전체가 사용할 수 있는 공감 지도를 만들 수 있습니다. Miro는 기본적으로 디지털 화이트보드이므로 사용자 흐름 및 와이어프레임 구축과 같은 UX 디자인 프로세스의 다른 부분에도 사용할 수 있습니다. SDT 서비스 디자인 도구 또는 SDT는 UX 디자이너를 위한 리소스입니다. UX 디자인 여정의 모든 단계를 위한 도구와 리소스를 제공하여 주니어 및 시니어 제품 디자이너를 위한 궁극적인 허브로 만듭니다. 템플릿을 사용하여 SDT에서 공감 지도를 만들 수 있습니다. 그리고 이 도구는 무료입니다! 그림 6 - SDT의 공감 지도 SDT의 공감 지도 이미지 출처: SDT 그러나 SDT는 주로 도구가 아닌 리소스이므로 공감 매핑에 발을 담그고 있는 사람들에게 가장 적합합니다. 무료 PDF 템플릿을 다운로드하고 다른 응용 프로그램에서 사용할 수 있습니다. 또는 인쇄하여 물리적 공감 지도의 기초로 사용할 수 있습니다. 창조적으로 처음에는 다이어그램 작성 도구인 Creately는 팀이 스마트 시각적 캔버스를 사용하여 시스템과 프로세스를 중앙 집중화하는 데 도움이 되는 시각적 작업 공간입니다. 이것은 다른 디자인 응용 프로그램과도 연결하고 통합할 수 있는 강력한 플랫폼입니다. Creately에서 공감 매핑을 할 때 지도에 대한 새 캔버스를 만든 다음 메모에 데이터를 입력하고 오른쪽 사분면으로 끌어다 놓습니다. 데이터와 메모를 시각적 개체에 쉽게 연결할 수도 있습니다. 그림 7은 Creately의 공감 맵의 예를 보여줍니다. 그림 7 —Creately의 공감 지도 Creately의 공감 지도 이미지 출처: Creately 또한 Creately는 Slack, Confluence, Zapier와 같이 정기적으로 사용하는 다른 많은 도구와도 연결되므로 이러한 도구를 원활하게 사용할 수 있습니다. Miro와 마찬가지로 다이어그래밍 사용자 인터페이스를 통해 UX 디자인 프로세스의 다른 측면에서도 Creately를 쉽게 사용할 수 있습니다. Creately는 클라우드 기반 버전과 오프라인 데스크톱 버전을 모두 제공하므로 디자이너가 웹에 연결되어 있지 않을 때 공감 지도에서 작업할 수 있습니다. 기타 UX 매핑 방법 UX 디자이너는 다른 매핑 방법을 사용하여 사용자 경험에 대한 통찰력을 얻고 디자인 결정을 알릴 수 있습니다. 공감 지도는 많은 UX 매핑 방법 중 하나일 뿐입니다. 공감 맵과 마찬가지로 UX 디자이너는 다른 매핑 방법을 사용하여 사용자 경험에 대한 통찰력을 얻고 디자인 결정을 알릴 수 있습니다. UX 디자이너가 사용할 수 있는 각 매핑 방법은 특정 사용 사례에 유용합니다. UX 디자인 프로세스 중에 고객 여정 맵, 경험 맵 및 서비스 청사진의 세 가지 다른 맵을 접하게 될 것입니다. 그림 8은 이러한 네 가지 유형의 맵을 모두 보여줍니다. 그림 8 - 네 가지 유형의 지도 네 가지 유형의 지도 이미지 출처: NN/g Nielsen Norman Group 고객 여정 지도 고객 여정 지도는 제품이나 서비스에 참여할 때 사용자의 여정을 나타냅니다. 공감 지도와 달리 고객 여정 지도는 연대순이므로 해당 요소의 구성은 타임라인을 기반으로 합니다. 여행 지도는 고객이 여행을 시작하는 곳과 끝나는 곳을 보여줍니다. 마인드맵 작성기 또는 타임라인 템플릿을 사용하여 고객 여정 매핑을 시작할 수 있습니다 . 이 맵은 세부 사항을 포함하지 않는다는 점에서 사용자 흐름과 다릅니다. 고객 여정 지도를 만들면 시간이 지남에 따라 사용자가 제품 또는 서비스와 상호 작용하는 방식을 이해하는 데 도움이 됩니다. 또한 여정에서 중요한 순간과 마찰 영역 또는 고충을 식별하는 데 도움이 됩니다 . 체험 지도 경험 지도는 고객이 여정을 진행하면서 감정과 경험이 어떻게 변화하는지 강조 표시합니다. 경험 지도와 고객 여정 지도가 연대순이기 때문에 사람들은 때때로 경험 지도를 혼동합니다. 그러나 유사하지만 주요 차이점은 경험 맵이 고객이 여행을 진행하면서 감정과 경험이 어떻게 변하는지를 강조한다는 것입니다. 경험 매핑은 모든 채널을 통해 모든 잠재 고객 접점에 뛰어들 수 있는 심도 있는 프로세스입니다. UX 디자이너는 종종 이 도구를 사용하여 제품이나 서비스에 대한 부정적인 또는 긍정적인 감정적 반응을 유발할 수 있는 터치포인트를 식별합니다. 경험 매핑은 제품 디자인이 고객 중심이 되도록 하고 사용자에 대한 공감을 나타내는 데 도움이 됩니다. 서비스 청사진 서비스 청사진은 고객 서비스의 모든 측면을 연결하는 시각적 웹과 같습니다. 고객 여정 지도 및 경험 지도와 유사하게 서비스 청사진도 타임라인을 기반으로 합니다. 그러나 서비스 청사진에는 배후의 상호 작용을 포함하여 고객이 제품 또는 서비스와 상호 작용하는 방식에 영향을 미치는 모든 요소가 포함됩니다. 서비스 청사진은 일반적으로 프로세스와 고객 여정 사이의 분리를 강조하면서 타임라인에 수직으로 이러한 비하인드 스토리 상호작용을 묘사합니다. 서비스 청사진을 만들 때 고객에게 표시되는 구성 요소 또는 터치포인트와 백스테이지이므로 고객에게 보이지 않는 구성 요소 또는 터치포인트를 간략하게 설명합니다. 청사진은 또한 고객과의 모든 상호 작용과 조직 내에서 발생하는 상호 작용 사이의 점을 연결해야 합니다. 서비스 청사진은 프로세스와 고객 여정의 접점 간의 관계를 시각적으로 식별하는 데 도움이 될 수 있습니다. 이를 통해 최적화 영역을 식별할 수 있으므로 고객 경험을 개선할 기회를 식별할 수 있습니다. 마지막 생각들 최고의 제품과 서비스는 사용자 경험을 최우선으로 합니다. 하지만 그러기 위해서는 UX 디자이너가 타깃 사용자의 입장이 되어야 합니다. 이를 수행하는 가장 좋은 방법 중 하나는 공감 지도와 같은 공감 디자인 도구를 사용하는 것입니다. 공감 매핑은 제품 팀이 공동으로 디자인하는 데 도움이 될 뿐만 아니라 디자인 프로세스의 모든 단계에서 사용자의 우선 순위를 지정합니다. 결과? 사용자가 사용하고 좋아할 디자인.