brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Aug 12. 2022

화면 구성할때 논리적 흐름에 맞춰 정보를 배치해야 한다

UX 디자인 원칙 


화면 구성할 때 논리적 흐름에 맞춰 정보를 배치해야 한다


선행 과업이 다음의 과업에 논리적으로 연결이 되어야 사용자가 손쉽게 과업을 수행할 수 있습니다. 


예를 들면 모바일에서 휴대폰 인증 시 통신사, 휴대폰 번호 중 어떤 것이 상위 개념일까요? 


통신사 선택이 휴대폰 번호보다 더 상위 개념이므로, 통신사 선택이 먼저 나오고 다음에 휴대폰 번호 입력이 나와야 합니다.  


그런데 예전 OOO 다이렉트는 휴대폰 번호를 먼저 입력하고 나서 통신사를 선택하라고 거꾸로 알려주고 있습니다


이와 같은 형태의 UI는 간혹 사용자의 실수가 일어날 수 있습니다. 


Why?


사용자가 휴대폰 인증할 때 전화번호 입력하고 나면, 바로 '인증번호 받기' 버튼을 누르는 습관이 있기 때문에, 실수로 휴대폰 아래에 있는 통신사 항목을 못 보고 지나칠 수 있습니다. 


따라서, 이런 사용자의 실수를 방지하기 위해, 휴대폰 인증 절차 시 먼저 통신사를 선택하고 나서 휴대폰 번호를 입력하도록 구성해야 하는 것입니다. 




반면, OOO AXA 다이렉트는 휴대폰 인증 시 통신사 선택하고 나서, 다음에 휴대폰 번호를 입력을 요청하고 있어 사용자의 실수가 일어나는 것을 방지하고 있습니다. 


예전에 비해 사용자를 배려하고 있어 친절하다는 인상을 심어줍니다.   






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


매거진의 이전글 시각적 계층 구조는 명확하게 나타나야 합니다
작품 선택
키워드 선택 0 / 3 0
댓글여부
afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari