UI·UX 유형과 UI 설계 원칙
UI와 UX의 차이, 인터페이스 유형, 직관성·유효성·학습성·유연성 원칙을 정리한다.
UI와 UX
- UI(User Interface): 사용자가 시스템과 상호작용하는 화면·입력·출력·조작 방식
- UX(User Experience): 사용 전 기대, 사용 과정, 사용 후 인식까지 포함한 전체 경험
UI는 UX를 구성하는 중요한 요소지만 둘은 같은 범위가 아니다. 화면이 보기 좋아도 과업이 어렵거나 오류 복구가 불가능하면 좋은 UX라고 보기 어렵다.
UI 유형
| 유형 | 중심 상호작용 | 특징 |
|---|---|---|
| CLI | 명령어 입력 | 숙련자는 빠르지만 명령 학습이 필요하다. |
| GUI | 창·아이콘·메뉴·포인터 | 시각적이고 직접 조작이 쉽다. |
| NUI | 터치·동작·음성 등 자연스러운 행동 | 별도 장치·명령 학습 부담을 줄일 수 있다. |
| OUI | 비평면·유연한 표시 면이나 형태와 결합한 입출력 | 물리적 형태와 표시·조작의 결합을 강조한다. |
음성 UI를 별도 VUI로 부르기도 하며, 자연스러운 상호작용이라는 관점에서 NUI에 포함하기도 한다. 실제 제품은 터치와 음성처럼 여러 방식을 함께 사용할 수 있다.
UI 설계의 기본 원칙
UI 설계 원칙 요약도
| 원칙 | 의미 | 판단 질문 |
|---|---|---|
| 직관성 | 별도 설명 없이도 기능과 조작을 쉽게 이해 | 무엇을 누르면 어떤 결과가 나는지 예측 가능한가? |
| 유효성 | 사용자의 목적을 정확하고 완전하게 달성 | 필요한 기능과 정보가 실제 과업을 해결하는가? |
| 학습성 | 처음 사용하거나 다시 사용할 때 쉽게 학습 | 규칙이 일관되고 기억 부담이 적은가? |
| 유연성 | 다양한 사용자·환경·숙련 수준을 수용 | 단축키, 기본 경로, 취소·되돌리기 등을 제공하는가? |
유효성은 목적 달성 여부이고, 효율성은 목적을 달성하는 데 사용한 시간·노력 같은 자원과 관련된다.
UI 표준과 UI 지침
- UI 표준: 여러 화면에서 공통으로 지켜야 할 공식 규칙. 색상, 글꼴, 버튼, 용어, 레이아웃, 내비게이션 등을 일관되게 정한다.
- UI 지침: 설계·구현·검토 시 적용할 구체적인 권고와 판단 기준. 오류 예방, 피드백, 접근성, 입력 방식 등을 다룬다.
표준과 지침은 화면을 모두 똑같이 만드는 것이 아니라, 같은 의미와 행동은 일관되게 표현하도록 한다.
원칙을 구현하는 대표 지침
- 현재 상태와 처리 결과를 즉시 피드백한다.
- 같은 기능은 같은 위치·용어·모양을 사용한다.
- 중요한 작업은 오류를 예방하고 취소·되돌리기를 고려한다.
- 사용자가 기억하기보다 화면에서 인식할 수 있게 한다.
- 자주 쓰는 기능은 쉽게 접근하고, 고급 사용자를 위한 빠른 경로를 제공한다.
- 색상만으로 상태를 구분하지 않고 텍스트·아이콘 등 다른 단서도 함께 제공한다.
- 시스템 내부 용어보다 사용자의 업무 용어를 사용한다.
간단한 판별 사례
- 모든 화면의 저장 버튼 위치와 명칭을 동일하게 함 → 일관성·학습성
- 삭제 직후 취소 기능을 제공함 → 오류 복구·유연성
- 처리 중 진행 상태를 표시함 → 피드백
- 핵심 과업을 불필요한 단계 없이 완료하게 함 → 유효성·효율성
- 초보자용 안내와 숙련자용 단축키를 함께 제공함 → 유연성
한 설계가 여러 원칙에 동시에 기여할 수 있으므로 문제에서 강조한 효과를 본다.