[내일배움캠프 본캠] 6/5 TIL

B 선택

83%의 사람이 선택

A 업데이트 전

· '구독' 버튼을 포함한 여러 기능들이 모두 버튼처럼 보이지 않아 눈에 잘 띄지 않았음

· 세부 기능(좋아요, 공유, 저장)이 거의 같은 크기, 아이콘은 더 커보이는 느낌으로 나열돼 있어 '구독'의 색상이 다르지만 중요도가 부각되지 않음

· 시각적으로 나뉘어 있지 않아 시선의 흐름이 분산되는 경향이 있음

B 업데이트 후

· '구독' 버튼이 배경과 대비되는 색상 박스 안에 위치하여 더 눈에 띄고 유도가 강해짐

· 세부 기능들도 눌러볼 수 있는 칩 형태로 바뀌어 직관성이 전보다 높아졌고, '구독' 버튼과 색상 대비 차이를 줘 우선순위가 명확해짐

· '구독' 버튼, 세부 기능, 댓글 등을 각각 박스 안에 배치하여 확실한 영역 차이를 둬서 시각적 흐름이 자연스러워짐

· 영상과 채널 이름이 붙은 '구독' 버튼이 하나의 덩어리로 보이도록 배치되어 영상을 보고 바로 구독으로 이어질 수 있는 구조로 개선됨

팀의 의견

· 작은 정렬 차이와 정보 배치 개선만으로도 사용자의 행동률이 크게 달라질 수 있다.

· 사용자의 시선 흐름과 인지 부담을 줄이는 UI가 더욱 선호된다.

· 디자인은 심미성뿐 아니라 행동을 유도하는 ‘설계 도구’다.

미나의ZIP