brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Jun 28. 2024

시각적 균형과 행동 유도를 위한 중립 버튼 디자인 원칙

UX 디자인 가이드라인 배우기 #15

시각적 균형과 행동 유도를 위한 중립 버튼 디자인 원칙


중립적인 버튼은 사용자의 관심을 크게 끌 필요가 없습니다. 오히려 긍정적인 행동이나 부정적인 행동을 유도하는 버튼에 사용자의 시선을 더 많이 집중시키는 것이 중요합니다. 이를 위해 중립적인 버튼의 대비를 낮추는 전략을 사용할 수 있습니다.


낮은 대비의 중립 버튼은 사용자의 시선을 주요 행동 버튼에 더 잘 유도할 수 있습니다. 이를 통해 사용자가 원하는 긍정적 또는 부정적 행동을 보다 효과적으로 이끌어낼 수 있습니다. 중립 버튼은 보조적인 역할을 하므로, 대비를 낮추는 것이 적절한 접근이라고 볼 수 있습니다.


또한 중립 버튼의 낮은 대비는 전체 UI의 시각적 균형을 유지하는 데에도 도움이 됩니다. 주요 버튼과 중립 버튼 간의 대비 차이를 두면 사용자의 시선 흐름을 자연스럽게 유도할 수 있습니다. 이는 사용자의 주목도와 행동 유도 효과를 극대화하는 데 기여할 것입니다.


결과적으로, 중립적 행동 버튼에 낮은 대비 효과를 적용하는 것은 사용자의 주목도 관리, 행동 유도 효과 극대화, 그리고 전체 UI의 시각적 균형 유지를 위한 효과적인 디자인 전략이라고 할 수 있습니다. 이를 통해 사용자 경험을 개선하고 의도한 사용자 행동을 이끌어낼 수 있습니다.


중립 버튼의 낮은 대비 처리는 사용자 인터페이스 디자인의 핵심 요소 중 하나입니다. 이는 사용자의 시선 유도, 행동 유도, 그리고 전체적인 시각적 균형 유지를 위해 매우 중요한 전략이라고 할 수 있습니다. 우리는 이러한 원리를 이해하고 적절히 활용하여 사용자 경험을 개선해 나가야 할 것입니다.


사진: Unsplash의Elena Mozhvilo


참고로 중립 버튼은 사용자의 긍정적인 행동과 부정적인 행동 사이에서 중간지점을 제공하는 버튼을 말합니다. 이러한 중립 버튼은 사용자에게 선택의 여지를 주어 사용자 경험을 향상시킵니다.


중립버튼의 대표적인 예는 다음과 같습니다. 


취소(Cancel) 버튼  

사용자가 현재 진행 중인 작업을 완료하는 것이 긍정적인 행동입니다.

작업을 취소하는 것은 부정적인 행동입니다.

취소 버튼은 이 두 가지 선택 사이의 중간지점을 제공합니다.

사용자는 취소 버튼을 통해 작업을 계속 진행하거나 중단할 수 있는 선택권을 가집니다.


닫기(Close) 버튼 

닫기 버튼은 작업을 완료하거나 취소하는 것과 무관한 중립적인 기능을 합니다.

사용자는 닫기 버튼을 사용하여 현재 열려있는 창이나 대화상자를 닫을 수 있습니다.


초기화(Reset) 버튼:  

초기화 버튼은 사용자가 입력한 정보나 설정을 원래 상태로 되돌립니다.

이는 긍정적인 변경(저장)과 부정적인 변경(삭제) 사이의 중립적인 선택지를 제공합니다.


이처럼 중립 버튼은 사용자에게 선택권을 부여하고, 실수를 방지하며, 작업 흐름을 제어할 수 있게 해줌으로써 사용자 경험을 향상시키는 데 기여합니다.


감사합니다.




전민수 UX 컨설턴트 소개
(UX 실무 경력: 27년차 UX 전문가: LG전자, 서울시청 등 약 300회 이상 UX 컨설팅 수행)
(UX 강사 경력: 23년차: 삼성, SK, KT 등 약 1,000회 이상 UX 강의 진행)

https://brunch.co.kr/@ebprux/1332


[실시간 Live 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중

(이비피알유엑스 라이브클래스에서 매월 최소 1개에서 최대 4개 강좌 (온라인) 줌 Live 강좌 진행) (PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://ebprux.liveklass.com/


[VOD 강좌] (PM/PO/UI/UX/리서치) 수강생 모집 중  

(인프런에서 총 20개 VOD UX 강좌를 오픈했습니다)

(PM/PO/UI/UX/리서치/UX 방법론&프로세스 프레임웍)

https://www.inflearn.com/users/196290



매거진의 이전글 되돌릴 수 없는 버튼, '취소' 버튼의 신중한 디자인
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari