세상 모든 것들에 관한 수다

[웹기획 / UX 툴 소개] 핫자(Hotjar) 시각적인 데이터분석 툴로 데이터 브리븐 UX(Data-Driven UX) 예전에는 히트맵이라고해서 사이트의 클릭을 시각화해서 보여주는 툴 정도는 알고 있었는데, 핫자(hotjar)는 조금 더 고도화된 시각자료를 보여주는 툴이라고 생각됩니다. 히트맵 혹은 웹페이지를 시각적으로 보여주는 툴들이 많이 있지만 그 중에서 우선 핫자(Hotjar)를 소개해보려고 합니다. 히트 맵(heat map) 히트 맵(heat map)은 열을 뜻하는 히트(heat)와 지도를 뜻하는 맵(map)을 결합시킨 단어로, 색상으로 표현할 수 있는 다양한 정보를 일정한 이미지위에 열분포 형태의 비쥬얼한 그래픽으로 출력하는 것이 특징이다. 주로 웹사이트의 방문자를 분석하는 웹로그분석에 많이 ..

[UX/UI 아티클] 3. 내비게이션 바 버튼의 일반적인 5가지 디자인 실수 사용자는 필요한 정보를 찾기 위해 내비게이션 바에 의존한다. 내비게이션 버튼 라벨과 상태가 명확하지 않으면 탐색하는 데 문제 가 있을 것이다. 아래는 디자이너가 네비게이션 바 버튼에서 가장 흔히 저지르는 5가지 실수이다. 이러한 실수들을 하고 있다면 보다 명료하게 내비게이션 바를 고쳐할 때다. 1. 선택한 단추를 강조 표시하지 않음 많은 디자이너들이 내비게이션 바에서 선택한 버튼을 강조 표시하지 않는다. 사용자가 버튼을 클릭하면 선택한 항목에 대한 시각적 피드백이 필요하다. 시각적 피드백 없이는 하고 있는 행동 흐름이 어디인지 알 수가 없다. 방문 중인 페이지를 다른 비슷한 페이지로 착각할 수 도 있다. 선택한 버튼을 강조하려면..

[UX/UI 아티클] 1. 대화 상자의 '확인' 버튼이 오른쪽이 가장 좋은 이유 디자이너와 기획자들은 종종 대화 상자에 '확인'과 '취소'버튼을 어디에 놓아야 할지 질문을 한다. '확인' 버튼은 작업을 완료하는 주요한 행위이다. '취소'버튼은 작업을 완료하지 않고 사용자를 원래 화면으로 되돌리는 보조행위이다. 그 기능에 근거하여 버튼을 배치하는 가장 좋은 순서는 무엇인가? '확인' 버튼은 '취소'버튼 앞에 와야 하는가? 아니면 그 뒤에 와야 하는가? ㅣ플랫폼의 일관성으로만은 충분하지 않다. 많은 사람들의 다음과 같은 플랫폼의 규약을 해답으로 언급한다. 이것이 그 문제 대한 해결책으로 보일지 모르지만, 실제로는 그렇지 않다. 어떤 배치가 사용자들에게 더 나은지 그리고 왜 효과적인지에 대한 해답은 없다. 일..