List

쿠키 배너와 동의 UI 디자인

#웹가이드

Web Guide쿠키 배너동의 UI개인정보 고지
쿠키 배너와 동의 UI 디자인
첫 화면을 가리는 배너는 방문자가 가장 먼저 만나는 장애물입니다.
필요한 고지는 해야 하지만, 방식에 따라 인상이 크게 달라집니다.
쿠키 배너와 동의 UI 디자인 관련 사진
01왜 필요한가
분석 도구나 광고 추적을 쓰면 방문자의 정보를 수집하게 됩니다. 이에 대해 알리고 동의를 받아야 하는 경우가 있습니다.
다만 모든 사이트에 필수는 아닙니다. 어떤 도구를 쓰는지, 어떤 정보를 수집하는지에 따라 다릅니다.
01
분석 도구
방문자 행동을 기록합니다. 고지가 필요할 수 있습니다.
02
광고 추적
다른 사이트에서 광고를 보여주기 위한 추적.
03
세션 녹화
화면 조작을 기록합니다. 특히 주의가 필요합니다.
04
필수 기능
로그인 유지 같은 기본 기능은 대개 동의 없이 가능합니다.
05
해외 방문자
국가에 따라 더 엄격한 기준이 적용될 수 있습니다.
02방해를 최소화한다
화면 전체를 가리는 팝업은 방문자를 짜증나게 합니다. 특히 모바일에서 화면 대부분을 덮으면 내용을 볼 수 없습니다.
하단에 얇은 띠로 표시하는 방식이 덜 방해됩니다.
전체 화면 팝업
내용을 볼 수 없음 · 선택하기 전에는 아무것도 못 함 · 이탈 유발 · 모바일에서 특히 나쁨
하단 띠 형태
내용을 보면서 선택 가능 · 방해가 적음 · 스크롤해도 따라오게 하면 놓치지 않음
03선택지를 공정하게
'모두 동의' 버튼만 크게 만들고 거부는 작게 숨겨 두는 방식이 있습니다. 편법으로 보이고, 규제 대상이 될 수 있습니다.
동의와 거부를 같은 무게로 제시하는 것이 원칙입니다.
같은 무게  '동의'와 '거부' 버튼을 비슷한 크기와 눈에 띄는 정도로.
거부를 숨기지 않기  설정 메뉴 깊숙이 넣지 않습니다.
항목별 선택  필수와 선택을 나누고 개별 선택이 가능하게 합니다.
기본값  선택 항목을 미리 체크해 두지 않습니다.
철회 경로  나중에 설정을 바꿀 수 있는 방법을 안내합니다.
04한 번만 묻는다
선택한 뒤에도 방문할 때마다 배너가 뜨면 짜증이 납니다. 선택을 저장하고 다음에는 묻지 않아야 합니다.
다만 수집 항목이 바뀌면 다시 물어야 합니다.
선택 저장
한 번 선택하면 기억합니다.
유효 기간
일정 기간 후 다시 묻는 것이 일반적입니다.
변경 시 재확인
수집 항목이나 목적이 바뀌면 다시 동의를 받습니다.
설정 변경 경로
푸터 등에 '쿠키 설정' 링크를 두어 언제든 바꿀 수 있게.
처리방침 연결
자세한 내용은 개인정보 처리방침으로 연결합니다.
CHECK POINT
□  어떤 도구를 쓰는지 파악하고 고지 필요 여부를 확인했는가
□  배너가 화면 전체를 가리지 않는가
□  동의와 거부가 같은 무게로 제시되는가
□  선택 항목이 미리 체크되어 있지 않은가
□  선택이 저장되어 매번 묻지 않는가
□  나중에 설정을 바꿀 수 있는 경로가 있는가
□  개인정보 처리방침으로 연결되는가
□  모바일에서 내용을 가리지 않는가
첫 화면을 가리는 배너는 방문자가 가장 먼저 만나는 장애물입니다.
거부 버튼을 숨기는 방식은 편법으로 보이고 규제 대상이 될 수 있습니다.
#쿠키 배너#동의 UI#개인정보 고지#분석 도구#추적 동의#법적 요건#사용성#홈페이지 디자인#웹비스타#홈페이지 제작
목록보기