brunch

You can make anything
by writing

C.S.Lewis

by UX 컨설턴트 전민수 Dec 06. 2023

UX 디자인 가이드 원칙 18개 모형에 대해 알아볼까요

PM이 반드시 알아야 할 UX  디자인 원칙

UX 디자인 가이드 원칙 18개 모형에 대해 알아볼까요


UX 디자인 가이드 원칙 1. 단축성은 사용자가  원하는 작업을 간단히 완료할 수 있는 정도를 의미한다. 


단축성 > 범주 1. 검색 절차 줄이기
단축성 > 범주 2. 폼 입력 행위 작업 줄이기 
단축성 > 범주 3. 메뉴/기능 선택의 절차 줄이기
단축성 > 범주 4. 바로가기
단축성 > 범주 5. Context 내비게이션
단축성 > 범주 6. 페이지 이동 최소화




UX 디자인 가이드 원칙 2. 반응성은 시스템의 현재 상태를  명확하게 나타내고 사용자 작업에 대한 신속한 피드백을 제공하는 것을 의미한다. 


반응성 > 범주 1. 행동유도버튼의 어포던스
반읗성 > 범주 2. 사용자 다음 행위를 유도하기 위한 어포던스 
반읗성 > 범주 3. 시그니 파이어 원칙
반읗성 > 범주 4. 사용자 행위에 따른 즉각적인 애니메이션
반읗성 > 범주 5. 현재 상황에 맞는 인터랙션 원칙
반읗성 > 범주 6. 현재 위치 상태에 따른 인터랙션 원칙




UX 디자인 가이드 원칙 3. 사전방지성은 사용자가 저지를 수 있는 오류 가능성을  사전에 제거하거나 최소화하여 사용자가 시스템 사용 시 오류가 발생하지 않도록 방지하는 것을 의미한다.


사전방지성 > 범주 1. 입력 실수 방지 (가이드 안내, 플레이스홀더 힌트)
사전방지성 > 범주 2. 재확인 요청 (주요 입력 필드에 대한 재확인 여부, 삭제 등 중요 행위 재확인, 파일 전송 여부 재확인)
사전방지성 > 범주 3. 반복적 행위 알림
사전방지성 > 범주 4. 제약 상태 (페이지네이션 링크 비활성화, 버튼 비활성화, 멀티페이지 스테핑 활성화 여부 )
사전방지성 > 범주 5. 나의 이전 행위 알려주기




UX 디자인 가이드 원칙 4. 오류발생 감지성은 사용자는 오류가 발생했다는 사실을  빠르게 인식하고 조치를 취할 수 있도록 시각적 단서를 제공하는 것을 의미한다. 


오류발생 감지성 > 범주 1. 오류 발생 상태 인지 
오류발생 감지성 > 범주 2. 오류 발생 지점 인지
오류발생 감지성 > 범주3. 오류 발생 명확한 이유 설명




UX 디자인 가이드 원칙 5. 오류회복성은 사용자가 방금 수행한 작업을 즉시 취소하거나 사용자가 이전에 수행한 작업을 복원하는 데 도움이 되도록 시스템의 적극적 지원을 의미한다. 


오류회복성 > 범주 1. 되 돌아가기
오류회복성 > 범주 2. 조작 행위 취소
오류회복성 > 범주 3. 초기화
오류회복성 > 범주 4. 문제 해결에 신속한 대처 




UX 디자인 가이드 원칙 6. 가독성이란 시스템이 제공하는 정보를 사용자가 쉽게 이해할 수 있도록 직관적이고 명확하게 시각적으로 표현하는 것을 의미한다. 


가독성 > 범주 1. 간결성
가독성 > 범주 2. 주목성
가독성 > 범주 3. 인식성

 



UX 디자인 가이드 원칙 7. 논리성은 시스템이 제공하는 정보나 화면 영역의 순서나 구조를 사용자가 상식적으로 받아들일 수 있도록 논리적인 형태로 정리한 것을 의미한다.


논리성 > 범주 1. 분류 기준의 원칙
논리성 > 범주 2. 상하위 계층 구조 원칙
논리성 > 범주 3. 그룹핑의 원칙
논리성 > 범주 4. 과업 행위의 순차적 논리 




UX 디자인 가이드 원칙 8. 이해성이란 시스템에서 제공되는 정보나 컴포넌트, 조작법을 사용자가  쉽게 이해할 수 있어야 하는 것을 의미한다.


이해성 > 범주 1. 정보 전달 제공 목적 설명
아해성 > 범주 2. 직관적 의미 전달의 레이블 
이해성 > 범주 3. 일관성 있는 레이블 
이해성 > 범주 4. 유저 친화적 레이블 
이해성 > 범주 5. 의미 전달이 명확한 버튼 
이해성 > 범주 6. 의미 전달이 명확한 아이콘  
이해성 > 범주 7. 의미 전달이 명확한 기호 사용
이해성 > 범주 8. 의미 전달이 명확한 색상 적용 




UX 디자인 가이드 원칙 9. 기억성이란 사용자가 이전 작업을 기억하지 못하더라도 시스템이 사용자의 작업을 기억해야 함을 의미한다. 


기억성 > 범주 1. 나의 이전 행위 알려주기
기억성 > 범주 2. 나의 구매 행위 
기억성 > 범주 3. 단기 기억 부담 주지않기
기억성 > 범주 4. 내가 저장한 정보 알려주기




UX 디자인 가이드 원칙 10. 변화제시성은 시스템 내부 상태가 변했을 때 그 변화 상태를 사용자가 쉽게 감지할 수 있어야 하는 것을 의미한다.


변화제시성 > 범주 1. 시각적 기호 상태로 알림 
변화제시성 > 범주 2. 내부 DB 변화 상태 알림
변화제시성 > 범주 3. 업데이트 시점 알림




UX 디자인 가이드 원칙 11. 사용자 주도권은 사용자가  원하는 대로 시스템과 상호 작용할 수 있음을 의미한다. 


사용자 주도권 > 범주 1. 의사결정 지원
사용자 주도권 > 범주 2. 순서 변경
사용자 주도권 > 범주 3. 조작 행위 




UX 디자인 가이드 원칙 12. 시스템 주도권은 시스템이 상호작용의 모든 주도권을 행사하고, 사용자는 시스템 요구 사항에 따라서만 행동하면 된다는 것을 의미한다. 


시스템 주도권 > 범주 1. 시스템 접근 제한
시스템 주도권 > 범주 2. 과업 행위 제한
시스템 주도권 > 범주 3. 시간 제한




UX 디자인 가이드 원칙 13. 대체성은 사용자가 시스템을 사용하면서 특정 작업을 수행하고자 할 때  상황에 따라 사용자가 가장 적합한 방법을 선택할 수 있도록 두 가지 이상의 작업 수행 방법이 제공되어야 하는 것을 의미한다. 


대체성 > 범주 1. 두가지 이상의 대안 제시 




UX 디자인 가이드 원칙 14. 다중성은 사용자가  두 가지 이상의 작업을 동시에 수행할 수 있도록 하는 시스템의 속성을 나타낸다. 


다중성 > 범주 1. 다중 선택 원칙 
다중성 > 범주 2. 동시 수행 원칙 




UX 디자인 가이드 원칙 15. 친숙성은 사람들이 실생활에서 겪은 경험을 바탕으로 시스템이 설계되어 사용자가  어려움 없이 시스템을 쉽게 사용할 수 있다는 것을 의미한다. 


친숙성 > 범주 1. 친숙성 원칙 




UX 디자인 가이드 원칙 16. 예측 가능성은 사용자가  시스템과 상호 작용한 과거 경험을 기반으로 특정 작업을 수행할 때 결과가 어떻게 될지 예측할 수 있는 시스템의 속성을 나타낸다. 


예측 가능성 > 범주 1. 사용자 다음 행위 예측 (직관적 의미 전달, 사용자 기대와 일치, 사용자 다음 행위 유도)




UX 디자인 가이드 원칙 17. 외부적 일관성은 다른 웹사이트에서 제공하는 컴퍼넌트나 유사한 학습 모델을 자사 사이트에도 제공되어야 함을 의미한다.


외부적 일관성 > 범주 1. 유사 패턴




UX 디자인 가이드 원칙 18. 내부적 일관성은 내부 시스템 내에서 사용되는 시스템은 시스템 사용 시 혼란을 피하기 위해 통일된 스타일로 구성되는 것을 의미한다. 


내부적 일관성 > 범주 1. 조작 행위 여부 
내부적 일관성 > 범주 2. 입력 행위 여부  
내부적 일관성 > 범주 3. 일관된 시스템 가이드 




위 내용은 홀릭스 UX 스터디에서 강의했던 내용입니다. 

다음주, 12월11일(월)에 홀릭스 UX 스터디 4개 과정이 개강됩니다. 

여러분의 많은 관심 부탁드립니다.

[12월11일 개강] 3개월(66Day)만에 완성하는 사용성 분석 1기

[12월11일 개강] 3개월(66Day)만에 완성하는 UX 디자인 과정 1기

[12월 11일 개강] 한 달 만에 완성하는 UX 포트폴리오 스터디 2기

[12월 11일 개강] 3개월(66Day)만에 완성하는 UI&UX 분석 과정 2기

매거진의 이전글  프로덕트 매니저에게 UX디자인 원칙이 왜 중요한가?

작품 선택

키워드 선택 0 / 3 0

댓글여부

afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari