똑똑
기술과 생활

사용자 인터페이스

User interface

사람이 기기나 프로그램과 정보를 주고받는 접점.

01 / 쉬운 설명

처음 읽는다면, 이렇게.

키보드와 화면 버튼으로 기기에 말을 걸어요. 기기가 보여 주는 안내도 다시 사용자에게 답해요. 이 접점을 인터페이스라고 불러요.

어린이는 보호자·교사와 함께 읽어도 좋아요.
02 / 일반 설명

사용자 인터페이스의 뜻

사용자 인터페이스는 사용자가 시스템에 입력하고 결과를 받는 접점입니다. 화면의 버튼뿐 아니라 키보드·음성 명령·상태 메시지도 포함될 수 있습니다. 무엇을 할 수 있는지 알아보기 쉽게 보여 주는지가 중요합니다.

정의의 근거 [1] MDN Web Docs
03 / 상황별 사례

일상과 수업에서 만나면

이해를 돕기 위해 구성한 가상 사례입니다. 실제 효과를 측정한 연구 사례가 아닙니다.

사례 1중학생

도서관 검색

상황
가상 도서관 검색 화면에 검색창과 결과 목록이 있습니다.
적용
검색어 입력과 결과 확인이 어디서 일어나는지 표시합니다.

짚어보기입력과 피드백이 모두 인터페이스입니다.

사례 2고등학생

오류 안내

상황
가상 앱이 비밀번호 오류를 빨간 테두리만으로 알립니다.
적용
글 안내를 더한 시안을 비교합니다.

짚어보기색만으로 정보를 전달하면 일부 사용자가 놓칠 수 있습니다.

04 / 비교와 오해

비슷한 말, 다른 뜻

사용자 인터페이스: 함께 구분할 용어
비교할 말무엇이 다른가요?
사용성 시험인터페이스는 접점 자체이고 사용성 시험은 사람이 그 접점에서 목표를 해내는지 관찰합니다.

이렇게 오해하기 쉬워요

인터페이스는 화면에 보이는 그림뿐이다.

입력 장치와 음성·문자 피드백도 접점이 됩니다.

이렇게 오해하기 쉬워요

보기 좋으면 사용하기도 쉽다.

실제 사용자가 과업을 수행하는지 시험해야 합니다.

05 / 깊이 읽기

한 걸음 더 들어가면

같은 기능도 인터페이스가 다르면 접근성과 사용 편의가 달라집니다. 버튼의 글자가 모호하거나 오류 메시지가 없으면 사용자는 기능을 이해하기 어렵습니다. 인터페이스를 예쁘게 만드는 것과 실제 과업을 성공하도록 돕는 것은 별도로 확인해야 합니다.

개념을 적용할 때 살펴볼 해석과 제안입니다. 연구 결과나 공식 규정 자체와 구분해 읽어 주세요.

06 / 직접 적용하기

직접 해 보는 순서

  1. 1사용자가 하려는 한 가지 일을 적습니다.
  2. 2입력과 결과 확인이 어디서 일어나는지 표시합니다.
  3. 3오류가 생겼을 때 안내가 이해되는지 시험합니다.

이해했는지 확인해 볼까요?

검색 결과가 없을 때 아무 안내도 없다면 무슨 문제가 생기나요?

해설 확인

사용자는 입력이 처리됐는지 알기 어렵습니다. 결과 없음과 오류를 구별하는 피드백이 필요합니다.

07 / 자주 묻는 질문

더 궁금한 점

버튼 모양만 바꾸면 인터페이스가 좋아지나요?

과업 수행과 피드백까지 확인해야 합니다.

음성 안내도 인터페이스인가요?

예. 사용자와 기기 사이의 정보 교환 방법입니다.

08 / 출처와 검수

설명의 근거를 확인하세요

MDN Web Docs · UI glossary의 표시된 절을 확인했습니다. 사례는 자체 제작한 가상 활동입니다.

  1. [1] MDN Web Docs · 영어MDN Web Docs · UI glossary ↗

    정의 — 사람과 기계의 상호작용을 돕는 화면·입력 장치 등의 접점.

에디터 나루 · 똑스 편집팀

편집 기록
원고 기록
2026.09.30
최초 발행
2026.09.30

내용에 관한 의견은 운영 안내의 문의 경로에서 전달해 주세요. 작성·검수 원칙 보기

← 교육 용어집으로 돌아가기