웹 사이트 사용자 경험 분석: 6 단계 데이터 시각화

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

"에디터의 참고"이 문서 소스 @ 바이 상업 ued 현재 인터넷, 다양 한 데이터 시각화 차트 끝 없는,이 문서에는 6 단계로 데이터 시각화 방법을 정리해를 하려고.

일반 데이터 그래프 요소의 가장 기본적인 두 가지 유형으로 분할 될 수 있다: 것의 설명 및이 일의 가치, 우리는 별도로으로 정의 지표와 지표. 예를 들어 성별 분포, 남성 30%, 다음 대상이 남성, 여성, 표시기 값 70%를 차지 하는 여성에 해당 30%, 70% 합니다.

1. 그래픽 표시기 값

표시기 값은 그래픽 데이터의 크기를 표시 하는 데이터입니다. 예를 들어 길이 또는 세로 막대형 차트의 높이 또한 시각화의 가장 일반적인 형태는 데이터의 크기를 보여 줍니다.

전통적인 세로 막대형 차트, 원형 차트는 미적 피로 가져올 수 있습니다 인덱스의 의미와 그래프를 연결 하는 일반적인 방법은, 그래픽의 비주얼 스타일에서 몇 가지 혁신을 시도할 수 있습니다.

예를 들어 구글 시대 사조 TOP10 검색어 표시, 디스플레이, 그래픽 및 지표는 경기의 의미의 "검색" 모양 이지만 스테레오 시각적인 변화 했다:

2. 그래픽 표시기

일반적으로 지표 유사한 장면의 사용 보여줄 아이콘의 의미는 또한 더, 다음과 같습니다.

3. 그래픽 표시기의 관계

여러 지표 때 마이닝 통계 및 그래픽 표현 사이의 관계는 차트의 시각화 깊이 강화할 수 있다. 다음 두 가지 방법으로 공통:

기존 장면 사용

레 노 버 자연 이나 사회, 아무 장면이 고 지표 비슷합니다, 다음이 시나리오를 사용 하 여 표시.

예를 들어 바이 통계 흐름 연구소 운영 체제 배포, 먼저 Windows, Mac 및 다른 운영 체제를 나누어 Windows 또한 포함 된 XP, 2003 및 많은 다른 하위 시스템.

이 협회, 그것은 발견 우주은 하에서 유사한 관계가 있다: 우주에 있는 많은 하, 우리는 가장 친숙 한 태양계, 태양계, 행성를 포함 하 여 전체 우주 은하계의 사용, Windows XP, 태양계에 비유에 잘 알고 있을 것입니다 그래서 WINDOW7, 태양계에 있는 행성에 비유는, 맥과 다른은 하에 다른 시스템을 비교 하 고 다음과 같이 동작 합니다.

빌드를 나타내는 장면

지표 종종 일부 상관 관계 특성이 있다와 같은 간단한 정면에 후방에서 고급, 저급에서 복잡 한. 이미 있는 해당 장면을 찾을 수 없는 경우에 시나리오를 만들 수 있습니다.

예를 들어 바이 통계 흐름 연구 연구소의 학문적 인 자격, 지표는 초등, 중 등 학교, 고등학교, 학부, 관계의 높은 수준으로 낮은 수준에서 높은, 등반의 종류는 다음,이 관계 건축 될 수 있다 단계 성능, 다음과 같이:

Alipay의 새로운 개인 연간 빌, 상위 3 개의 지불을 설명 하는 연단을 빌드:

요약:

앞의 3 단계에 따라 인덱스, 인덱스 값과 인덱스 관계 수는 별도로 처리.

예를 들어 간단한 섹스 배포를 복용, 선형 시각화 프로세스 얻어질 수 있다, 다음과 같이:

위 다이어그램 참조 선형화 과정 생각, 어떤 종류의 그래프 또는 그래프에 요소 수행 전과 후를 주문 할 수 있습니다 실제 시각화에 대 한 다른, 구체적인 상황 처리에 따라 해야 합니다.

4입니다. 시간과 공간 시각화

시간

인덱스의 값에 변화를 볼 시간 차원을 통해 일반적으로 폼의 타임 라인을 증가 하 여 즉, 일반적인 추세 차트.

공간

때 차트 지리 정보 고 강조 될 필요가, 지도 공간을 시각화 수 고 지도 주요 배경으로 모든 정보 요소를 렌더링 합니다.

구글 시대 사조의 연례 뜨거운 리뷰 2010에 2012 주요 캐리어로 지도에 따라 (되었고 시간과 결합) 뜨거운 이벤트를 제시:

5. 개념적 데이터 변환

변환에 있는 생활의 개념에서 보고 우리 술, 필요로 할 때 일반적으로 말: 나에 게 물 한 잔만 하지 말: 내게 물 30 ml. 여기, 30 ml 실제 데이터 이지만 인식, 그래서 유리 개념을 사용 하 여 변환 하기 어렵습니다.

또한 데이터 시각화에서 그것은 때때로 사용자의 인식의 데이터를 데이터의 개념을 변경 하는 데 필요한. 일반적인 방법을 비교 및은 유:

대비:

아래 그림은 중국에 있는 흡연 자의 수를 소개 하는 차트: 경우에 중국 흡연 자 수의 왼쪽된 절반을 봐: 32000000, 알고 데이터 레벨은 매우 큰, 하지만 얼마나 큰 그것은 인식; 오른쪽을 볼 때까지 어렵다: 데이터의 인식 깊 어 그래서 중국 흡연 자 미국의 인구 많습니다.

유

아래 그림은 야 후 처리, 전자 메일 크기 1.2 TB는 시간당 644245094 인쇄 된 종이 조각에 해당 하는 데이터의 양을 설명 하는 차트.

이것은 얼마나 큰 하지만 또 다른 큰 데이터 입니까? 여기에 유: 644245094 종이 조각, 경우 종이 도킹의 각 조각의 끝, 당신은 수 원형 지구 주위 이상 4 바퀴. 여기, 깊이 종이의 많은 저장 지구에 대 한 데이터의 큰 볼륨을 처리 하는 야 후 사서함을 느낄 수 있다.

또한,은 유는 그래픽으로 표시 됩니다.

6. "이동" 차트 만들기

데이터 그래픽으로 완료 역동적이 고 제어 가능한 그래프에 변경 될 수 있습니다 고 사용자 조작 과정에서 더 나은 데이터의 변화 과정을 인식 하 고 경험을 향상 시킬 수 있습니다.

일반적으로 구현 하는 두 가지 동적: 상호 작용 및 애니메이션.

상호 작용

인터랙티브 등 마우스 부동 클릭, 여러 차트 링크 응답, 고, 다음은 바이 통계 흐름 연구소의 결합 형태, 왼쪽된 그림, 부동 디스플레이 해당 데이터를 마우스 오른쪽 테이블을 사용 하 여 시간 분배 지도 선택 스위치에 클릭 합니다:

애니메이션

항목 애니메이션, 대화형 프로세스 애니메이션, 게임 애니메이션에 추가 포함 하 여.

입학 애니메이션: 즉, 페이지가 로드 후 줄 차트 힌트 텍스트와 같은 "데이터 로드" 대신 "성장" 과정.

대화형 애니메이션: 사용자 상호 작용 동작, 적절 한 피드백을 주고 애니메이션 양식을 통해.

플레이 애니메이션: 일반적으로 재생 기능을 제공, 같은 비디오를 보고 사용자가 시간이 지남에 데이터 변경의 전체 과정을 볼 수 있다. 다음 그림은 Gapminder, 시간이 지남에, 재생 하는 기능을 제공 합니다 다차원 데이터를 설명 하 고 직관적으로 데이터의 모든 변경 내용을 느낄 수 있다.

요약

데이터 시각화는 다양 한, 그리고 생각의 과정은 다른. 위의 6 단계는 "데이터" 수준 (다른 정보 시각화에서), 사고 과정, 대 한 참조를 제공 하기 위해 후속 시각화를 위한 설계 방법을 약술 빗질을 기반으로 합니다.

저자 블로그: 바이 비즈니스 사용자 경험 부