UX 불변의 법칙 : 일관성

01. 일관성이란

사전에서의 일관성의 정의 :  하나의 방법이나 태도로써 처음부터 끝까지 한결같은 성질

 

- UX에서도 동일

• 기능적 디자인의 간결함과 명확성을 달성하는 열쇠 중 하나
• 우리 주변의 세상을 이해하기 쉽게 만듦으로써 우리의 삶을 좀 더 단순하게 만들어줌

 

Apple, Google의 UX Guideline

각 OS별 제품에 일관성을 두기 위함

UI 패턴과 컴포넌트를 공통으로 정의 및 규정 → UI를 표준화, 화면 간 일관성 확보

 

 

일관된 용어, 직관적인 표현, 고객의 눈높이에 맞는 어투, 간결성, 숫자와 통화 단위의 통일

이때 같은 뜻 다른 단어라면?

동의어 : 언어를 다르게 표현하여 더 흥미롭게 만들어줌

UX : 동일한 정보를 전달하는 데 매번 다른 단어를 사용하는 것 → 심각한 문제

 

확인사항, 유의사항, 참조사항, 이용안내

→ 사람들을 헷갈리게 만들 수 있음

→ 유사한 뜻을 가진 단어를 하나로 모은 후, 이해하기 쉬운 문장이나 단어로 바꾸고 통일

→ 단어 뿐 아니라, 문장 형식도 일관성을 유지해야 함

ex) ~임, ~함, ~합니다

 

02. 동질성 유지

동질성 : 사람이나 사물의 바탕이 같은 성질이나 특성

 

사람들에게 제공하는 선택사항을 쉽고 직설적으로 만들어야 함.

 

인터파크

→ 각 카테고리가 분명하고 일관성 있음

→ 선택지가 겹치는 부분 없이 분명히 구분되어야 원하는 제품을 쉽게 찾을 수 있음

 

03. 환원적 추론

환원적 추론 : 우리가 어떤 상황에서 배운 것을 새롭지만, 비슷한 또 다른 상황에 적용하는 논리적 사고의 과정

ex) 말하지 않아도 레스토랑에서 어떻게 주문하는지, 대여한 차를 어떻게 운전하는지, 어떻게 영화 티켓을 구매하는지 알고 있는 이유

예절 → 우리가 어릴 때 배우고 일생에 걸쳐 낯설지만 관련된 상황에서 적용하는 것

 

환원적 추론에 대한 사용자의 의존도 : 사용성을 어떻게 경험하는지에 있어 매우 중요.

[ 같은 아이콘, 같은 기능 ] → 직관적으로 이해 가능

[ 같은 아이콘, 다른 기능 ] → 놀람, 좌절

 

04. 일관성의 문제

공공장소의 표지판에 있는 화살표

위를 가리키는 화살표 : 정면 의미

아래를 가리키는 화살표 : 정면 의미

→ 같은 의미 → 혼란 초래

 

05. 하나의 ~엔 하나의 ~만!

하나의 버튼엔 하나의 기능만

일관성과 단순함 → 밀접한 관련

BUT,  단순함 ≠ 사용의 편리성

 

하나의 아이콘엔 한 가지 행동만

아이콘 : 컴퓨터 디스플레이에서의 조그마한 픽토그램

 

아이콘 사용 이유

- 글과 제목보다 아이콘이 사용자의 집중도를 높임

(사용자는 세부적인 내용을 읽지 않고 사이트를 스캔하고 관심 있는 것만 찾음)

- 어떤 기능이 있는지에 대한 빠르고 인지적인 힌트 제공

 

하나의 제품엔 한 가지 동작만

사람들의 불평이 예상된다면 일관성 있게 만들어라