LumoMate
LumoMate/용어집/DisciplineProduct / Process

UI

UI(User Interface)는 사용자가 제품과 상호작용하는 표면입니다. 버튼·메뉴·텍스트·이미지처럼 사용자가 직접 보고 누르는 모든 것이 UI입니다.
UI의 개념을 표현한 편집형 일러스트.

쉬운 설명

UI는 사용자가 제품과 만나는 접점입니다. 모바일 앱의 화면, 자동차 계기판, 식권 자동판매기의 키패드, 스마트 워치의 작은 디스플레이, 노트북 키보드의 단축키 모두 UI입니다. UI 설계의 본질은 '사용자가 다음에 뭘 해야 할지 한눈에 알게 하는 것'입니다.

좋은 UI는 보통 눈에 띄지 않습니다. 사용자가 '와 이거 UI 좋다'고 의식하기보다는 그냥 막힘없이 원하는 일을 해내고 떠납니다. 반대로 나쁜 UI는 작은 화면 하나에서 사용자가 멈칫하고, 한참 보고, 결국 떠나게 만듭니다. UI의 성공 여부는 '얼마나 예쁜가'보다 '얼마나 적은 생각으로 끝까지 갈 수 있는가'에 달려 있습니다.

잘 설계된 UI의 공통점은 몇 가지로 압축됩니다. ① 시각적 위계: 가장 중요한 것이 가장 눈에 띄어야 함. ② 일관성: 같은 동작은 같은 모양으로. ③ 피드백: 사용자가 한 행동에 즉각 반응이 와야 함. ④ 오류 예방: 사용자가 실수하기 어렵게 — 위험한 동작에는 확인 한 번 더. ⑤ 도움말 없이 짐작 가능: 처음 보는 사람도 한 번에 이해할 수 있어야.

현대 UI는 단순히 화면 하나를 잘 디자인하는 일이 아닙니다. 한 회사 안에서 수백 개의 화면이 일관되게 동작해야 하고(디자인 시스템), 다크 모드·접근성·다국어·반응형(데스크톱~휴대폰)이 동시에 지원돼야 하고, 모션·소리·진동 같은 작은 감각 신호까지 디자인합니다. UI의 작업 범위가 점점 넓어졌습니다.

자주 헷갈리는 단어: UI는 '눈에 보이는 표면'을, UX는 '그 표면을 쓰는 전체 경험'을 가리킵니다. 같은 UI를 두고도 결제까지 흐름이 잘 짜였다면 UX가 좋고, 화면 하나하나가 단정하면 UI가 좋다고 부릅니다. 두 가지는 떼어놓을 수 없게 얽혀 있어서, 실무에서는 같은 사람이 두 가지를 함께 다루는 경우가 많습니다.

UI의 개념을 본문 안에서 다른 각도로 비춰 보는 편집형 일러스트.
FIG. 1UI을 다른 각도에서 다시 봅니다.

비유로 보면

UI는 도구의 손잡이와 같습니다. 가위·드릴·자동차 핸들이 손에 잘 잡혀야 일을 빠르게 끝낼 수 있는 것처럼, 화면의 버튼·메뉴가 손가락에 잘 잡혀야 사용자가 원하는 일을 끝낼 수 있습니다. 손잡이가 어색하면 도구 자체가 아무리 좋아도 쓰기 싫어집니다.

어디에서 만나나

모든 디지털 제품(모바일·웹·태블릿·키오스크), 자동차 계기판·내비게이션, 스마트 워치·이어폰의 미세한 알림 디자인, 영화관 좌석 선택기·ATM 같은 공공 키오스크까지. 사용자가 만지는 모든 화면이 UI 작업의 결과입니다.

작은 예시

은행 앱에서 '계좌이체' 버튼을 떠올려 보세요. 버튼이 어디에 있는지, 누르면 어떤 화면이 뜨는지, 그 화면의 입력 순서와 색·간격 — 이 모든 시각·동작 디테일이 UI입니다. 같은 기능이라도 UI가 다르면 사용자가 1분 만에 끝낼 일을 5분 동안 헤매기도 합니다.

자주 하는 오해

오해
흔한 오해 셋. ① 'UI = 예쁜 디자인' — 예쁘기만 하고 사용성이 떨어지는 UI는 흔합니다. ② 'UI는 디자이너만의 일' — 코드·텍스트·접근성 모두 UI의 일부입니다. ③ '대박 UI 하나만 잘 만들면 끝' — 일관성·반응성·접근성 같은 가로지르는 품질이 더 중요합니다.

한 줄 정리

UI의 좋은 척도는 '예쁜가'가 아니라 '사용자가 멈칫하지 않는가'입니다. 멈칫하지 않게 만드는 일은 화려해 보이지 않지만 가장 어려운 디자인 작업입니다.
매주 월요일 오전 8시

한 주에 한 통,
오래 남는 이해를 보냅니다.

흘려보내지 않는 글만 골라 보내드립니다. 광고와 추적, 외부로 빠지는 미끼 링크 없이 메일 안에서 끝나는 한 통입니다.

언제든 한 번의 클릭으로 해지할 수 있습니다. 스팸은 보내지 않습니다.