기술 회사를 위한 5가지 UX 도구 2017년 6월 12일

아직 눈치채지 못했다면, 사용자 경험(UX) 은 오늘날 비즈니스 세계의 거의 모든 회사의 디지털 전략을 혁신하고 정의하고 있습니다. 그리고 이 혁명이 실제로 존재하는 거의 모든 산업을 장악하고 있지만, 특히 UX를 받침대에 올려놓는 산업이 있습니다. 오늘날 '귀하의 제품에 대한 사용자 경험이 중요하다'는 기술 산업.

그들의 성공에 핵심적인 역할을 하는 거의 모든 기술 회사는 유행에 뛰어들어 웹사이트와 모바일 앱뿐만 아니라 제품의 사용자 경험(특히 고객이 제품에 익숙해지는 방법)에 크게 초점을 맞추기 시작했습니다. 온보딩 프로세스).

기본적으로 UX는 사람과 기술의 관계에 관한 것입니다. 여기에는 회사와의 사용자 상호 작용의 모든 측면이 포함되며 결과적으로 UX는 기술 업계의 많은 디지털 마케터, 개발자 및 웹 분석가에게 중요한 초점입니다.

이 블로그에서는 기술 회사가 고려할 수 있는 다양한 유형의 UX 도구 를 살펴보고 몇 가지 실용적인 팁과 예를 포함합니다. 특히 5가지 범주를 정의했습니다.

• 웹 분석 및 이벤트 추적 도구
• 히트매핑 및 클릭 추적 도구
• A/B 및 분할 테스트 도구
• 시각적 피드백 도구
• 목업 및 와이어프레임 도구

그러나 먼저 다음 UX 도구를 사용하여 시작하기 전에 다음 빠른 팁을 살펴보십시오.

• 자신의 목표를 우선시하기보다 사용자가 필요로 하는 것에 집중하십시오.
• 두 가지 S를 목표로: 속도와 단순성: 작업을 수월하게 만드는 디자인이어야 합니다.
• 디자인 및 사용성과 일관성 유지
• 모바일 디자인에 많은 관심을 쏟다
• 피드백을 받아 고객의 의견을 경청하십시오.

무료 백서: 개인화에 대한 디지털 피드백 기반 접근 방식

온라인 피드백을 통해 디지털 고객 경험(CX)을 개인화하기 위한 가이드입니다.

논문 다운로드

1. 웹 분석 및 이벤트 추적 도구

가정이 항상 효과적인 것은 아니기 때문에 웹 분석 및 이벤트 추적 도구 는 무엇이 효과가 있고 무엇이 그렇지 않은지를 파악하는 좋은 방법입니다. 또한 이러한 유형의 도구는 방문자가 제품을 방문할 때 웹사이트나 모바일 앱에서 실제로 무엇을 하고 있는지에 대한 통찰력을 제공합니다. 종종 이러한 도구는 실시간으로 데이터를 수집하여 그 순간의 요구 사항에 응답할 수 있는 위치에 놓이게 합니다. 이 데이터를 탐색하면 구현하기 전에 특정 설계 변경이 효과적인지 빠르게 결정할 수 있기 때문에 매우 유용할 수 있습니다. 그러나 이러한 도구는 문제가 발생하는 이유에 대해 많은 설명을 제공하지 않습니다.


출처: Piwik

그렇다면 이러한 웹 분석 도구가 기술 회사를 어떻게 도울 수 있습니까?
이러한 유형의 도구는 웹사이트와 모바일 앱 모두에서 이벤트를 추적하는 데 유용할 수 있습니다. 예를 들어 온보딩과 같은 중요한 온라인 프로세스 중에 방문자가 떠나는 위치를 추적하고 평가판 및 가입과 같은 중요한 이벤트(또는 전환)를 추적할 수 있습니다.

또한 이러한 도구를 사용하면 응용 프로그램 내부를 보고 방문자가 제품 또는 서비스로 목표를 성공적으로 달성했는지 확인할 수 있습니다. Mopinion을 예로 들어 보겠습니다. 여기 Mopinion에서 우리는 신규 사용자가 자신의 피드백 양식을 작성하고 웹사이트에서 Mopinion 태그를 구현할 수 있는지 모니터링하고 피드백을 성공적으로 수집하고 대시보드를 설정 및 사용자 정의할 수 있는지 여부를 모니터링합니다(예: 대시보드에 새 시각화 추가, 새 사용자 추가 , 등). 이 모든 것은 웹 분석 및 이벤트 추적 도구를 사용하여 가능합니다.

잘 알려진 웹 분석 도구에는 Google Analytics, Chartbeat 및 Piwik이 있습니다.

2. 히트매핑 및 세션 기록 도구

히트매핑 및 세션 기록 도구는 한 단계 더 나아가 방문자가 웹사이트 또는 모바일 앱의 각 페이지와 얼마나 정확하게 상호작용하는지 보여줍니다. 그러나 이 두 도구를 구별하는 것은 무엇입니까?

세션 기록 도구를 사용하면 방문자가 웹사이트 또는 앱에서 이동하는 방식에 대한 전체 기록을 포함하여 전체 방문자 세션을 추적할 수 있습니다. 히트맵 도구를 사용하여 사용자는 페이지 수준에서 히트맵을 적용하여 패턴을 인식할 수 있습니다. 이것은 사용자가 페이지와 상호 작용하는 방식을 볼 수 있는 좋은 방법입니다. 예를 들어, 방문자가 마우스를 이동하는 위치 또는 방문자가 클릭하는 위치(또는 모바일 장치의 경우 탭, 스와이프 또는 스크롤 위치)를 표시합니다.


출처: 클릭테일

그렇다면 이러한 녹음이 기술 회사에 어떻게 도움이 될까요?
기술 산업의 온라인 여정에 대한 이전 블로그에서 강조했듯이 사용자 온보딩은 중요한 단계입니다. 고객이 마침내 가입했거나 구매한 제품을 알게 되는 순간입니다. 이러한 도구의 도움으로 기술 회사는 모든 방문자 제스처를 집계하고 재작업 또는 최적화가 필요한 영역을 결정하여 온보딩 프로세스를 더 잘 모니터링할 수 있습니다.

이 영역의 일반적인 용의자는 Crazy Egg, Clicktale 및 MouseStats입니다.

3. A/B 및 분할 테스트 도구

A/B 테스트 (다변수 테스트라고도 함) 및 분할 테스트는 방문자 중 가장 높은 성공률을 보이는 웹 페이지 변형을 결정하는 데 도움이 되는 사용자 테스트 기술입니다.

어떻게 작동합니까? A/B 테스트 도구를 사용하면 두 가지 버전의 웹 페이지, 콘텐츠 또는 페이지의 요소를 비교할 수 있습니다. 이 형태의 테스트를 통해 목표와 일치하는 버전을 결정할 수 있습니다. A/B 테스트는 사용자에 대한 실시간 양적 데이터를 제공하고 올바른 결정을 내리는 데 도움이 됩니다.


출처: KissMetrics

그렇다면 A/B 테스트 도구는 기술 회사를 어떻게 도울 수 있습니까?
기술 산업의 제품 팀은 전환(예: 평가판 및 등록)뿐 아니라 제품에 대한 소규모 업데이트를 지속적으로 추진하고 있습니다. 그러나 달성하기 전에 먼저 시장을 느끼고 고객이 생각하는 바를 잘 이해해야 합니다. 이러한 형태의 테스트는 전적으로 사용자의 선호도에 초점을 맞춘다는 점에서 '사용자에게 서비스를 먼저 제공하라'는 정신과 밀접하게 연관되어 있습니다. 그게 왜 중요한가요? 기술 제품은 소비자의 문제를 해결하기 위해 설계되었으며 이러한 제품이 그들의 요구를 중심으로 돌아가지 않는다면 무슨 소용이 있습니까?

이에 대한 좋은(그리고 꽤 최근의) 예는 소셜 미디어 회사인 LinkedIn이 사용자 인터페이스를 크게 변경한 경우입니다. 이 거대한 변신은 오랜 기간의 A/B 테스트를 거친 후에야 출시되었습니다.

A/B 테스트를 위한 몇 가지 훌륭한 도구는 VWO(Visual Website Optimizer), Optimizely, Kissmetrics 및 Omniconvert입니다.

4. 시각적 피드백 도구

시각적 피드백 도구 (사용성 피드백 도구 또는 주석 도구라고도 함)는 유입되는 사용자의 입력을 캡처하여 페이지 사용성을 향상시키기 위해 마케터 및 기타 사용자 경험 전문가가 사용합니다. 이러한 도구의 도움으로 방문자는 다음을 가리킬 수 있습니다. 특정 페이지 요소(양식, 이미지, 버튼 또는 단락 포함) 및 해당 페이지 요소에 대한 피드백을 제공합니다. 요소를 선택하면 도구가 사용자의 피드백과 함께 스크린샷을 저장합니다. 이러한 도구는 새로운 웹사이트와 앱에 이상적입니다.


출처: 헬리오

그렇다면 시각적 피드백 도구는 기술 회사를 어떻게 도울 수 있습니까?
시각적 피드백 도구는 방문자가 웹사이트 디자인 요소의 결함을 지적하는 데 도움이 될 수 있습니다. 예를 들어 방문자가 새 스마트워치와 동기화되는 모바일 앱을 사용하는 방법을 배우려고 한다고 가정해 보겠습니다. 이러한 도구를 사용하면 이러한 방문자가 페이지 수준에서 응답하지 않거나 혼란스러운 제스처, 사용하지 않는 기능이 너무 많이 포함된 마찰 지점을 정확히 찾아낼 수 있습니다. 다음은 모바일 UX 디자인에서 저지르는 주요 실수의 전체 목록입니다.

인기 있는 시각적 피드백 도구에는 Usersnap, Helio 및 BugHerd가 있습니다.

5. 목업 및 와이어프레임 도구

MockUp 및 Wireframing 도구 는 주로 웹사이트 및 앱의 깔때기, 랜딩 페이지 등에 대한 새로운 디자인의 생성 및 개념 개발에 중점을 둡니다. 이러한 유형의 도구는 디자인의 시각적 표현을 제공하고 신속한 프로토타이핑으로 이어지기 때문에 개발 과정에서 아이디어를 전달하는 데 도움이 됩니다.


출처: 글리피

그렇다면 목업 및 와이어프레이밍 도구가 기술 회사를 어떻게 도울 수 있습니까?
MockUp 및 Wireframing 도구는 종종 기술 산업에서 소프트웨어 설계를 테스트하고 개선하는 데 사용됩니다. 또한 사용자가 기본 제공 커뮤니케이션 도구를 사용하여 기술 도면을 작성하고 이러한 프로젝트에서 협업할 수 있도록 함으로써 제품 개발에서 주도적인 역할을 할 수 있습니다.

잘 알려진 목업 및 와이어프레임 도구로는 MockFlow, Mockingbird 및 Gliffy가 있습니다.

그리고 컨텍스트가 필요하다는 것을 잊지 마세요.

다양한 기능과 목적을 가진 이러한 도구는 모두 브랜드 및 사용자 경험과의 사용자 상호 작용을 추적하고 최적화하는 측면에서 제공할 수 있는 것이 있습니다. 그러나 방문자 세션을 기록하거나, 웹 분석을 사용하여 행동을 따르거나, A/B 테스트를 사용하거나, 위의 모든 항목을 선택하든 간에 여전히 한 가지 누락된 것이 있는데 바로 컨텍스트입니다. 이러한 도구는 많은 사용자 활동을 측정하고 고객 행동 및 사용자 경험에 대한 많은 통찰력을 제공할 수 있지만 설명이 부족합니다. 따라서 이러한 도구를 사용하려고 생각 중이거나 이미 구현한 경우 온라인 고객 피드백도 고려하는 것이 현명할 수 있습니다. 고객 피드백을 캡처하고 분석하면 방문자가 그렇게 행동하는 이유에 대한 더 깊은 통찰력을 얻을 수 있으며, 이는 많은 디지털 마케터에게 중요한 맹점을 다룹니다.

사용자 경험 도구의 전체 목록은 여기에서 이전 비교 기사를 확인하십시오.