사용자의 주의를 끌기 위한 UX원칙

 

안녕하세요.

오늘은 사용자의 주의를 끌기위한 UX 원칙에 대해 스터디한 내용을 쓰려고 합니다.

사용자의 주의를 끌기 위해서는 몇가지 UX 디자인 원칙을 알아야 합니다.

주의 관리에 필요한 UX 원칙으로는 시각적 계층 대비 구조와 컬러와 대비, 정보의 최소화, 동적 요소 활용을 한 케이스 5가지로

구분해 볼 수 있습니다.

 

핵심 심리학 5가지 

1.시각적 계층 대비 구조

크기와 디자인 서체를 통한 강조하고 상단 배너 → 상단 메뉴 → 하단 탭 메뉴로 수직 시선 흐름을 가집니다.

 

 

첫번째, 사용자들을 주의를 끌기 위한 방식으로 CTA 버튼이 있습니다.

CTA버튼은 아래의 조건을 갖고있습니다. 

①명확한 메시지 : 사용자가 클릭하면 무엇이 일어나는지 분명하게 알려줘야 합니다.

②행동 중심 문구 : “지금 신청하기”, “무료 체험 시작”처럼 구체적인 행동을 유도해야 합니다.

③시각적 강조 : 색상, 크기, 위치로 쉽게 눈에 띄게 만들어야 합니다.
④긴박감 부여 : “한정 수량”, “오늘 마감” 같은 표현으로 즉시 행동을 유도 합니다.
⑤페이지와의 일관성 : 페이지 내용과 자연스럽게 연결되어야 신뢰를 줘야 합니다.

 

두번째, F형 패턴이 있습니다.
F형 패턴은 사용자가 웹페이지를 읽을 때 시선이 영어 알파벳 ‘F’ 모양처럼 움직이는 시각적 읽기 습관을 말합니다.

주로 상단을 가로로 먼저 스캔한 뒤, 중간쯤을 짧게 다시 가로로 보고, 이후 왼쪽을 따라 세로로 내려가며 내용을 훑습니다. 

이 때문에 중요한 정보는 왼쪽 상단에 배치하는 것이 효과적이며, 시선을 끌려면 초반에 강한 메시지를 전달하는 것이 중요합니다. 

F형 패턴은 웹사이트와 랜딩페이지의 콘텐츠 구성에 필수적으로 고려되어야 합니다.

 

 

2.밀러의 법칙 (Miller’s Law) 

마법의 숫자 7, 더하거나 빼기 2를 이용합니다.

헤이카카오 온보딩화면, 단기 기억의 한계를 줄이기 위해 6개의 스텝으로 나누었습니다.

전화번호 :  0221468473  → 02) 2146 – 8473
날짜 :   20241114  →  2024 – 11 – 14 , 2024 / 11 / 14

1. 단기 기억의 한계 줄이기
2. 반복과 연관성으로 학습 강화
3. 직관적 인터페이스 제공

 

 

기억과 UX에 관한 여러가지 이론들이 있는데요. 그에 앞서 우리에게는 몇가지 기억이 있습니다.

감각기억, 단기 기억, 장기 기억 이 세가지가 있습니다.

감각기억은 짧은 시간 동안 외부 자극(시각, 청각)을 저장하여 시각적 신호인 강조 색상이나 청각적 피드백인 알림음 등으로 

ux가 적용되어 사용자의 주의를 끌게 됩니다.

단기기억은 작업기억으로 불리는데 약 5~9개의 정보를 자시 저장하여 한번에 제공하는정보의 양을 제한하고, 사용자가 쉽게 

정보를 처리할 수 있도록 ux를 적용하여 도움을 줍니다.

장기기억은 반복 학습을 통해 저장된 정보를 통해 일관된 인터페이스와 반복 노출로 ux를 적용하여 학습을 유도합니다.

 

3.힉의 법칙 (Miller’s Law) 

선택지의 개수가 많아지고 복잡해 질수록 의사결정에 걸리는 시간은 오래 걸린다는 것이 핵심입니다.

사용자에게 너무 많은 선택지를 주면 결정 장애(Decision Paralysis)가 발생합니다. google처럼 선택지를 줄여 반응 시간을 최소화해야 합니다.

 

4.피츠의 법칙

‘떨어진 영역을 클릭하는데 걸리는 시간은, 영역까지의 거리와 영역의 폭에 따라 멀리 있을수록, 버튼이 작을 수록 클릭하는데
시간이 더 많이 걸린다.’ 이론입니다.

모바일 엄지 손가락이 닿기 쉬운 우치에 버튼을 배치하여 사용자가 빠르고 쉽게 버튼을 탭할 수 있습니다. 간격이 넓고 큰 아이콘을 배치하여 메뉴선택이 쉽습니다.

 

5.멘탈모델

사용자는 실제 극장에서 스크린 위치를 보고 자리를 고르는 경험에 익숙합니다. 앱은 실제 상영관 배치도를 그대로 UI로 시각화하여, 사용자가 별도의 학습 없이도 '여기가 스크린 앞이구나'라고 직관적으로 인지하고 선택할 수 있게 합니다.

멘탈모델은 현실을 이해하고 예측하는데 도움을 주고, 문제 해결과 의사 결정을 돕습니다. 

또한 새로운 것을 배우고 적응하는 데 도움을 주고,새로운 제품이나 서비스를 개발할 때, 기존 제품이나 서비스를 개선할 때 

새로운 아이디어를 짤때 이용됩니다.
 

서비스 기획자를 위한 제언

복잡한 서비스일수록 UX는 시각적 대비 구조를 가지고 더 단순하고, 익숙하며, 소화하기 쉬워야 합니다.