yh-jeon Full stack

히트맵 이해하기히트맵이란 무엇일까히트맵은 특정 정보를 이미지 위에 열 분포 형태의 그래픽으로 표현하는 것을 의미하고, 시각화된 화면을 통해 설명해주며, 웹 사이트와 중첩해서 보여주기 때문에 사용자의 입장에서 사고할 수 있도록 도와준다.보통 웹 서비스를 만들 때, 사용자가 사이트를 차근차근 훑어보고, 제공되는 기능을 전부 확인하며 자신에게 필요한 옵션을 선택한다고 상정한다. 하지만, 실제 사용자의 이용 행태는 전혀 그렇지 않고, 생각보다 포기가 빠르며 눈에 띄는 요소들을 단숨에 선택하고 꼼꼼히 보지 않는다.따라서, UX 디자이너는 실제 사용자의 이용 행태를 제대로 관찰하고 분석해야 하는데, 히트맵은 디자이너의 의도가 얼마나 사용자에게 전달되었는지를 파악하는 효율적인 도구가 된다.아이트래킹을 대체할 수 있는..

데이터를 통해 알 수 있는 UX 정보{😎웹사이트 사용자의 방문규모 현황}  - 여기부터! PV(Page View, 페이지 뷰 수) : 특정 웹 사이트의 특정 페이지가 사용자에게 노출된 횟수UV (Unique Visitor, 순 방문자 수) : 중복된 PV를 제거한 것으로, 특정 기간 내 실제로 방문한 사용자가 얼마나 되는지를 파악할 수 있다.PV와 UV의 증감 및 추세 확인하기PV와 UV 데이터는 특정 기간의 추세를 살펴보거나 증감이 눈에 띄게 큰 날을 찾는 것이 가장 빠르게 인사이트를 발견하는 길이 된다. 추세 데이터는 분석 대상 페이지의 미래 PV 및 UV를 예측하는 지표가 될 수 있다.증감 데이터는 특정 일자 마케팅 이슈 결과로 해석할 수 있다. 마케팅을 집행하지 않았는데, 데이터가 급격히 증가했..

데이터에 기반을 둔 UX 디자인 프로세스데이터에 기반을 둔 UX 디자인 프로세스에서는 사용자 리서치를 데이터로 대체할 수 있고, 서비스 출시 이후 상시적인 분석을 통해 개선해 나가는 과정에도 데이터 분석이 적용된다.😎데이터 분석 프로세스 - 여기부터!1단계) 서비스 목표 설정하기가장 먼저 서비스가 지니는 목표가 무엇인지 파악한다. 서비스 목표를 정의하는 것만으로도 해당 서비스의 방향성이 제대로 잡혀 있는지를 검토할 수 있고, 사용자가 왜 해당 서비스를 방문하는지 유출할 수 있다.깔대기 모양처럼, 서비스를 방문한 사용자도 서비스 시나리오의 각 단계를 거칠 때마다 점점 걸려져 일부만 전환에 이르게 된다. 서비스를 개선한다는 것은 서비스 단계별로 사용자가 줄어드는 것을 막는 일이라고 할 수 있다.  2단계)..

Data - Driven UX의 배경 이해하기고객의 구매를 결정 짓는 성공조건의 핵심 요인이었던 사용성이 상향 평준화되면서 기업은 사용성을 넘어선 새로운 가치를 창출해야할 필요성에 직면하였고, 새로운 가치를 창출하기 위해 사용자를 고도로 추적하고 이해하여 그들의 요구사항이 포함된 사소한 행동까지 놓치면 안되는 시시가 옴Ex) 구글 및 마이크로소프트, 애플 같은 세계적인 기업에서는 이 문제점을 UX디자이너가 데이터 사이언티스트와 협업하여 사용자 데이터를 분석해 왔음- 서비스와 사용자 사이에 일어나는 방대한 상호 작용을 데이터로 정량화하고 이를 분석하여 디자인 설계에 대한 근거 자료나 의사 결정의 근거 자료로 삼았음 ex) A/B Testing이나 다변량 테스트를 통해 사용자가 원하는 것을 예상하고 디자인 ..

어떻게 해야 하는가?- 사용자는 제품의 최종 심사위원이지만, 그들의 행동을 사전에 예측하기란 매우 어려운 일, 무엇을 원하는지 그들에게 묻더라도 그들이 말하는 내용이 정말로 필요한 것인지는 확신할 수 없다.- 아이디어가 실제로 어떻게 작동하는지를 제대로 이해하기 위해서는 제품을 어떻게 사용하는지를 관찰할 필요가 있고, 의견이 아니라 반응에 집중해야한다.- 솔루션이 사용자에게 얼마나 효과적으로 작동하는지를 더 빨리 확인할수록 유리하고, 사용자에게 아이디어를 테스트하는 것은 디자인 프로세스에서 매우 중요한 단계이를 위해서, (1) 테스트 프로세스의 목적을 이해하고, (2) 간섭이나 방해를 차단할 수 있는 테스트 절차 계획, (3) 적절한 결론을 추출하기 위해 사용자의 행동을 관찰하는 방법을 학습해야 함😎{..

어떻게 해야 하는가?프로토타입 제작은 제품이 사용자를 어떻게 돕는지에 대한 스토리를 들려주는 과정모션을 사용하면 해당 스토리를 더 잘 전달할 수 있고 인터랙션은 본래 다이나믹하며 정적인 요소(스케치, 목업)로 이를 설명하려고 애쓰는 것은 사용자의 상상력을 복잡하게 하므로 좋지 않음프로토타입을 제작할 때 모션과 시간을 자유롭게 컨트롤할 수 있는 툴을 사용하여 이점을 얻을 수 있음{ 😎프로토타이핑에서 모션의 역할 } - 여기부터!일반적으로 앱에는 움직이는 부분이 많음 ex) 버튼을 클릭할 때 등장하는 패널 간의 전환효과, 터치 제스처에 반응하는 애니메이션과 이미지 그 외 많은 부분이 존재함각각의 요소가 움직이는 방법을 결정하는 것은 숙고해야 하는 중요한 디자인 결정 사항 / 프로토타이핑할 때 목표 달성을 ..

어떻게 해야 하는가?아이디어를 검증하기 위해서 제품이 개발될 때까지 기다리는 일은 위험성이 큼, 개발한 제품에 사용자가 어떻게 반응하는지를 더 일찍 파악하는 것이 더 유용할 것 : 프로토타이핑으로 아이디어를 더 일찍 평가 가능{ 😎프로토타이핑 사고방식 채택하기 }프로토타입은 최종 제품이 갖는 몇 가지 측면만을 시뮬레이션 한다.프로토타이핑에서는 사용자가 제품 내부를 신경 쓰지 않는다는 사실을 이용하여야 함, 프로토타입은 사용자에게 보이는 정보를 가짜로 보여줄 수 있음.{ 😎니즈에 맞는 최적의 프로토타이핑 접근법 결정하기 }프로토타이핑을 할 때, 사실감과 스피드 사이에서 균형을 끊임 없이 탐구해야 함 / 프로토타입은 최종 제품의 경험을 가급적 많이 재현하길 원하고 다른 한 편으로는, 모든 세부 사항을 챙..

어떻게 해야 하는가?{모바일 사용자에 대해 2가지 접근법이 존재}1. 모바일 웹 브라우저를 통해 서비스에 접근하는 사용자 2. 스마트폰에 설치된 앱을 사용하는 사용자 2가지 모두 장단점을 가지고 있음- 앱의 경우, 기기의 모든 기능을 사용할 수 있지만 앱 설치라는 추가 단계가 필요- 웹의 경우, 브라우저 컨트롤이 일부 공간을 점유 => 웹 앱을 제작할 때, 다양한 모바일 운영체제와 각양각색의 스크린 크기에 접속하는 사용자를 만족시켜야 함프로그레시브 웹 앱 - 웹 페이지 & 네이티브 앱의 다양한 장점을 가지고 있음-> 사용자가 모바일 기기에 앱을 설치하지 않고도 사용할 수 있기에, 앱에 접근하는 단계의 수가 줄어들어 전환율을 높일 수 있음{ 웹앱 접근법 - 반응형, 적응형, 가변형 }다양한 모바일 기기를 ..

아이디어 탐구하기 - 스케치😎 어떻게 해야 하는가 ?디자인 문제에 솔루션이 하나뿐인 경우는 극히 드묾, 예를 들어 "편하게 앉기"의 솔루션에는 소파와 의자 같이 서로 다른 종류의 제품이 포함되며, 각각의 제품에도 다양한 변형이 있음문제에 대한 가능한 모든 솔루션은 디자인 공간을 정의, 효과적인 탐색을 위해 다음과 같은 프로세스를 진행,,😎신속하게 : 가능한 한 많은 옵션을 탐구하고 효과가 없을 솔루션에는 많은 시간을 투자하지 말라😎체계적으로 : 덜 눈에 띄지만 좋은 솔루션을 발견하는 것을 방해하는 사각지대를 피하라스케치는 디자인 탐구를 돕는 기본 도구, 가능한 솔루션을 신속하고 체계적인 방식으로 탐구하도록 도움 스케치 마인드셋 받아들이기스케치는 아이디어를 시각화 및 검토화하는 것을 도와주는 기본적인..

{ 리서치 - 사용자로부터 배우기 }어떻게 해야 하는가? 사용자 알아가기멘탈 모델 - 사용자가 어떻게 생각하는지 이해하기 (알 수 없으므로 가정 및 실험으로 증명)개념 모델이란 무엇인가? (알 수 있음, 일반적인 사람들의 생각)사용자 알아가기- 시스템은 기술분야 기반 언어가 아닌 사용자가 사용하는 언어로 이야기 해야 하기에 사용자가 기술에 해박하다고 생각하며 디자인 하면 안된다. 따라서, 일반적인 사용자 측면 중심으로 문제에 대한 깊은 이해를 바탕으로 결정을 내리면 솔루션은 효과적으로 사용자 니즈를 만족시킬 수 있을 것이다. 😎멘탈 모델 - 사람마다 다름- 사용자가 시스템 이해 및 작동 여부를 이해하는 것- 사용자가 과거에 했던 경험과 인터렉션에 기반하여 각각의 순간에 벌어지는 일에 대한 개인적인 관점..