정처기 감자정처기 감자
SW 설계UI

검색

검색어를 입력해 개념, 문제, 필기를 찾습니다.

UI 설계 원칙

SW설계UI/UX
읽는데 3분 소요
처음 쓰인 날: 2026-04-29
마지막 수정일: 2026-10-01
조회수: —

요약

정처기 실기에 출제된 UI 설계 4원칙(직관성·유효성·학습성·유연성)을 키워드 중심으로 정리하고, UI와 UX의 차이를 비교합니다.

UI와 UX의 차이

구분의미
UI(User Interface)사용자가 컴퓨터·시스템과 정보·명령을 주고받게 해주는 매개체 (예: CLI, GUI)
UX(User Experience)사용자가 시스템을 사용하면서 느끼는 감정·경험 전반

UI는 "어떻게 보이고 어떻게 조작되는가"라는 외관과 상호작용 수단, UX는 "사용해보니 어떤 느낌이 드는가"라는 총체적 경험입니다. 좋은 UI가 항상 좋은 UX로 이어지지는 않으며, UX는 UI 외에도 콘텐츠·서비스 흐름·브랜드 신뢰도 등 여러 요소가 합쳐져 만들어집니다.

자판기 버튼(UI)을 누르고 기분 좋은 생각 풍선(UX)을 띄운 감자
누르는 버튼은 UI, 마시고 느끼는 기분은 UX

UI 설계 4원칙

UI를 설계할 때 지켜야 하는 핵심 원칙은 직관성·유효성·학습성·유연성 4가지입니다.

직관성·유효성·학습성·유연성을 각각 표현한 감자 네 마리
보자마자 알고, 정확히 맞히고, 쉽게 배우고, 실수도 되돌린다
원칙핵심 키워드
직관성(Intuitiveness)누구나 쉽게 이해·사용 (검색·사용성·일관성)
유효성(Validity)정확하고 완벽하게 사용자 목표 달성
학습성(Learnability)누구나 쉽게 배우고 익힘
유연성(Flexibility)사용자 요구·실수를 너그럽게 수용

직관성 (Intuitiveness)

누구나 쉽게 이해하고 사용할 수 있어야 한다는 원칙입니다. 화면을 보자마자 어떻게 쓰는지 알 수 있고, 같은 기능은 어디서나 같은 모양·같은 방식(일관성)으로 동작해야 합니다.

  • 키워드: 쉬운 검색, 사용성, 일관성
  • 예시: 휴지통 아이콘은 어디에서나 "삭제" 동작과 연결됨

유효성 (Validity)

정확하고 완벽하게 사용자 목표가 달성될 수 있어야 한다는 원칙입니다. UI를 통한 작업이 의도한 결과를 그대로 만들어내야 합니다.

  • 키워드: 정확함, 완벽한 목표 달성
  • 예시: 결제 버튼을 눌렀을 때 정확한 금액·수량으로 주문이 처리됨

학습성 (Learnability)

누구나 쉽게 배우고 익힐 수 있어야 한다는 원칙입니다. 처음 사용하는 사람도 짧은 시간 안에 주요 기능을 배울 수 있어야 합니다.

  • 키워드: 쉬운 학습, 짧은 학습 시간
  • 예시: 앱을 처음 실행할 때 핵심 기능을 차례로 안내하는 소개(온보딩) 화면

유연성 (Flexibility)

사용자의 다양한 요구와 실수를 너그럽게 수용해야 한다는 원칙입니다. 다른 방식의 조작을 허용하고, 실수를 되돌릴 수 있어야 합니다.

  • 키워드: 다양한 사용자 요구, 실수 허용, 되돌리기
  • 예시: 단축키와 마우스 양쪽으로 같은 기능 제공, Ctrl+Z로 작업 되돌리기
시험 포인트
네 원칙을 묻는 단답형이 20년 2회·3회에 연달아 출제되었습니다. 키워드 한 개만 보고 원칙 이름을 떠올릴 수 있어야 합니다.

정처기 기출 문제

문제를 불러오는 중이에요.
문제를 불러오는 중이에요.
문제를 불러오는 중이에요.
문제를 불러오는 중이에요.
문제를 불러오는 중이에요.
메가커피와 함께, 홈페이지 개선에 참여하세요! ☕
혹시 이용에 불편한 점이나 개선이 필요한 부분을 발견하셨나요? 댓글로 알려주시면 더 나은 감자가 될 수 있어요! 🥔 제보해주신 모든 분께 메가커피 기프티콘을 드립니다! (본인 이메일로 댓글 달아주셔야해요~)
후수학습(1개)
  • UI 종류 (CLI·GUI·NUI·OUI·VUI)

관련 글

(42개)
제목태그업데이트시험
UI 정보처리기사 실기 모의 시험
UI/UXSW설계UI/UX
2026-05-04응시
UI 종류 (CLI·GUI·NUI·OUI·VUI)
UI/UXSW설계UI/UX
2026-10-01-
디자인패턴 정보처리기사 실기 모의 시험
디자인패턴SW설계디자인패턴
2026-07-10응시
UI/UX2개
제목태그업데이트시험
UI 정보처리기사 실기 모의 시험
UI/UXSW설계UI/UX
2026-05-04응시
UI 종류 (CLI·GUI·NUI·OUI·VUI)
UI/UXSW설계UI/UX
2026-10-01-
SW설계40개
제목태그업데이트시험
디자인패턴 정보처리기사 실기 모의 시험
디자인패턴SW설계디자인패턴
2026-07-10응시
릴리스 노트 작성 항목
제품 소프트웨어 패키징SW설계제품 소프트웨어 패키징
2026-06-26-
애자일(Agile) 방법론
애자일SW설계방법론애자일
2026-10-01-
코딩 컨벤션과 표기법
코딩 스타일SW설계코딩 스타일
2026-10-01-
소프트웨어 비용 산정 기법
비용 산정SW설계비용 산정
2026-10-01-
비기능 요구사항
요구사항SW설계요구사항
2026-04-29-
리팩토링(Refactoring)
리팩토링SW설계리팩토링
2026-10-01-
SW 설계 왕감자 정보처리기사 실기 모의 시험
SW설계SW설계
2025-11-04응시
앱 설계(디자인패턴, 응집도-결합도,객체지향) 정보처리기사 실기 모의 시험
앱설계SW설계앱설계
2025-10-08응시
객체 지향 설계 원칙 - SOLID
객체지향SW설계앱설계객체지향
2025-10-11-
럼바우 객체 모델링 - 객(정)동기
객체지향SW설계앱설계객체지향
2025-10-08-
UML 정보처리기사 실기 모의 시험
UMLSW설계UML
2025-10-08응시
소프트웨어 아키텍처 4+1 뷰 모델
UMLSW설계UML
2025-09-26-
UML 클래스 다이어그램의 6가지 관계
UMLSW설계UML
2025-10-26-
UML 다이어그램
UMLSW설계UML
2025-09-26-
소프트웨어 모듈 응집도와 결합도
응집도/결합도SW설계앱설계응집도/결합도
2025-09-24-
정보처리기사 실기를 위한 디자인 패턴 암기 방법
앱설계SW설계앱설계
2026-09-22-
추상 팩토리 abstract factory 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
빌더 builder 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
팩토리 메서드 factory method 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-11-03-
프로토타입 prototype 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
싱글톤 singleton 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
책임 연쇄 chain of responsibility 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-11-03-
커맨드 command 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
인터프리터 interpreter 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
이터레이터 iterator 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
중재자 mediator 패턴 - 타입스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
메멘토 memento 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-10-29-
옵저버 observer 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
상태 state 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
전략 strategy 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
템플릿 메서드 template method 패턴 - 타입스크립트 예시
디자인패턴SW설계디자인패턴
2025-09-01-
방문자 Visitor 패턴 - 타입스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
어댑터 adapter 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-02-
브릿지 bridge 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
컴포지트 composite 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
데코레이터 decorator 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
퍼사드 facade 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
플라이웨이트 flyweight 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
프록시 proxy 패턴 - 자바스크립트 예제
디자인패턴SW설계디자인패턴
2025-09-01-
정처기 감자정처기 감자

정보처리기사 합격
도와줄라고 하는 감자

실기 이론

  • 이론 공부법
  • DB
  • 네트워크/OS
  • SW 설계
  • SW 개발
  • 보안/신기술

시험 응시

  • 시험장 찾기
  • 원서 접수
  • 응시자격 서류

요약 PDF

  • 26년 3회 이론 압축
  • 26년 3회 코딩 압축
  • 초압축 25년 3회
  • 압축 25년 3회

기출문제

  • 전체 기출문제
  • 25년 3회
  • 25년 2회
  • 문제 포럼

감자 이용권

  • 이용권 구매

실기 이론

  • 이론 공부법
  • DB
  • 네트워크/OS
  • SW 설계
  • SW 개발
  • 보안/신기술

시험 응시

  • 시험장 찾기
  • 원서 접수
  • 응시자격 서류

요약 PDF

  • 26년 3회 이론 압축
  • 26년 3회 코딩 압축
  • 초압축 25년 3회
  • 압축 25년 3회

기출문제

  • 전체 기출문제
  • 25년 3회
  • 25년 2회
  • 문제 포럼

감자 이용권

  • 이용권 구매
© 2025 재현기획개발. All rights reserved.
  • 정처기 감자의 시작
  • 업데이트 로그
  • 개인정보 처리방침
  • 이용약관
상호명 : 재현기획개발 / 주소: 서울특별시 영등포구 영등포로 150, 지하1층 108호 L145 가라지(당산동1가, 생각공장 당산) / 대표: 김재현 / 전화: 010-8158-7127 / 통신판매업신고: 제2025-서울영등포-1569호 / 이메일: contact@edugamja.com / 사업자등록번호: 573-51-00999