brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 May 31. 2019

디폴트 설정 UX 디자인 가이드 원칙

UX 컨설턴트 전민수입니다.


지난 5년간 브런치에서 아티클 작성한 것을 토대로, 여러분께 UX 아티클의 내용을 더 쉽게 전달 시키는 목적으로 별도 강의 촬영하게 되었습니다. 그간 UX 강의 촬영했던 영상을 편집해서 UX 라이브클래스 패키지 사이트에 오픈하게 되었습니다.   

UX 라이브클래스 패키지를 통해 전체 178여개 UX 강좌를 하나의 패키지 형태(총 121시간 이상) 대 공개합니다. 특히, 브런치 구독자에 한해 2023년 3월 한정 이벤트 판매로 할인율 98%(정가 5,340,000원 > 할인가 99,000원, 평생 소장) 제공하고 있으니 여러분의 많은 관심 부탁드립니다. 


https://ebprux.liveklass.com/packages/137053


앞으로도 국내 환경에 맞는 UX 방법론을 더 연구하고, 브런치에 최대한 많이 공유하겠습니다.

감사합니다.  




가격 입력 정보가 디폴트 값으로 미리 설정되어 있는 경우, 사용자가 가격 범위를 쉽게 변경할 수 있어야 합니다.


입력 필드에 기본값으로 설정된 가격 정보가 있는 경우, 사용자가 가격 정보를 변경하기 위해 필드를 터치한 순간 기 설정된 가격 정보는 사라져야 합니다.  


Hmall에서 상품 검색을 위해 가격 옵션 선택 시 최소 가격과 최대 가격의 폭이 디폴트 값으로 설정되어 있습니다. 사용자가 가격대 변경을 위해 해당 필드 영역을 터치하는 순간, 디폴트 가격은 한 번에 사라지고, 가격대를 새롭게 입력하라고 커서가 깜박이는 등 사용자 행위를 유도합니다. 만약, 가격 정보가 전부 사라지지 않거나 일부만 사라진다면 사용자는 기본값으로 설정된 가격 정보를 하나하나 지워야 하는 불편함이 발생할 것입니다. 



Hmall. 가격 옵션 선택 시 디폴트로 설정된 가격은 사라집니다.


반면, 롯데마트는 가격대를 변경하기 위해서 가격대를 터치하는 순간 디폴트로 설정된 숫자는 사라지지 않고 커서만 깜박입니다. 사용자는 가격대 설정을 변경하기 위해서는 디폴트로 입력된 숫자를 하나하나 지워야 하는 번거로움이 생깁니다. 


롯데마트. 사용자는 가격대 설정을 변경하기 위해서는 디폴트로 입력된 숫자를 하나하나 지원야 합니다.


이처럼, 쇼핑몰 같은 경우 상세검색에서 가격 입력 정보가 디폴트 값으로 미리 설정되어 있는 경우, 사용자가 가격 범위를 쉽게 변경할 수 있도록 UI 환경이 조성되어야 할 것입니다. 


예를 들면, 가격대 범위를 터치 시 디폴트로 설정되었던 가격이 사라지거나 혹은 쿠팡처럼 가격대가 디폴트 값으로 제공되는 것이 아닌, 가격대 범위를 사용자가 선택하기 편하도록 다양한 선택지가 제공된다면 제품 가격 검색이 더 편해질 것입니다. 



감사합니다.




전민수 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



매거진의 이전글 입력 절차의 최소화 UX 디자인 가이드 원칙
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari