정보처리기사/소프트웨어 설계

UI/UX

glorypang 2025. 10. 6. 10:11
728x90
반응형
SMALL

 UI (User Interface, 사용자 인터페이스)

  • 사용자가 시스템(앱, 웹, 기기 등)과 직접 상호작용하는 화면, 버튼, 메뉴 등의 시각적·물리적 요소
  • 즉, “사용자가 보는 것과 조작하는 것
  • 목표: 쉽고 빠르게 조작할 수 있도록 설계

예시:
버튼, 아이콘, 입력창, 메뉴, 레이아웃 등

UX (User Experience, 사용자 경험)

  • 사용자가 시스템을 이용하면서 느끼는 총체적인 만족감, 편의성, 감정, 인식
  • 단순히 “보기 좋은 화면”이 아니라, **‘사용 과정 전체에서 얼마나 기분 좋고 효율적인가’**에 초점

예시:
앱을 켜서 원하는 기능을 찾고, 사용하는 전 과정에서 느끼는 경험 품질


UI 설계의 4대 원칙

원칙  의미  예시 / 설명
직관성  누구나 쉽게 이해하고 사용할 수 있어야 함 아이콘 모양만 보고도 기능이 무엇인지 알 수 있음
(예: 쓰레기통 아이콘 = 삭제)
유효성  사용자의 목적을 정확하게 달성하여야 함 필요한 기능이 명확하게 배치되어 있어
클릭 몇 번으로 원하는 결과 도달
유연성  사용자의 요구사항을 최대한 수용하며, 오류를 최소화하여야 함 다크모드/라이트모드 지원, 키보드 단축키, 접근성 기능 
학습성 누구나 쉽게 배우고 익힐 수 있어야 함 동일한 패턴·위치 유지 → 반복 사용 시 자연스럽게 기억

 

728x90
반응형
LIST