기술사 학습노트 | imt-log

기술사 학습노트 › 소프트웨어공학 › UI/UX 설계 원칙

SW Engineering · 한장정리

[기술사토픽] UI/UX 설계 원칙 완벽 정리 - 한장정리

닐슨 사용성 10원칙, UCD 프로세스, 페르소나·와이어프레임, 휴리스틱 평가·A/B 테스트까지 기술사 빈출 주제를 완벽 정리합니다.

UIUX닐슨10원칙사용성UCD휴리스틱평가페르소나정보관리기술사

Ⅰ.사용자 중심 설계 — UI/UX의 개요

개념: UI(User Interface)는 사용자와 시스템 간 상호작용 접점이며, UX(User Experience)는 사용자가 제품을 사용하면서 느끼는 총체적 경험입니다.

구분	UI	UX
범위	시각적·상호작용 인터페이스	전체 사용 경험·감정
초점	화면 구성·레이아웃·색상	편의성·만족도·감동
산출물	와이어프레임·프로토타입·스타일가이드	사용자 여정지도·페르소나
측정	시각적 일관성	NPS·태스크 완료율·이탈률

가. 닐슨의 사용성 10원칙 (Nielsen's Heuristics)

원칙	설명
시스템 상태 가시성	현재 상태를 항상 피드백으로 알려줌
실세계와의 일치	사용자 언어·개념·관례 사용
사용자 제어와 자유	실수 취소·재실행 지원
일관성과 표준	플랫폼 관례 준수
오류 예방	오류 발생 전 예방 설계
기억보다 인식	정보를 보이게 제공 (기억 부담 최소화)
유연성과 효율	초보·전문가 모두 지원 (단축키 등)
미적·최소 설계	불필요한 정보 제거
오류 인식·진단·복구	명확한 오류 메시지
도움말·문서	필요 시 쉽게 검색 가능한 도움말

Ⅱ.UX 설계 프로세스 & 기법

가. 사용자 중심 설계(UCD) 프로세스

① 사용자 조사	인터뷰·관찰·설문으로 사용자 니즈·맥락 파악
↓
② 페르소나·시나리오	대표 사용자 유형과 사용 시나리오 정의
↓
③ 정보 아키텍처	콘텐츠 구조·내비게이션 설계
↓
④ 와이어프레임·프로토타입	저충실도→고충실도 설계 산출물
↓
⑤ 사용성 평가	휴리스틱 평가·사용자 테스트·A/B 테스트

나. 주요 UI/UX 평가 기법

기법	방법	특징
휴리스틱 평가	전문가가 닐슨 10원칙으로 검토	비용 낮음. 빠른 피드백
사용자 테스트	실제 사용자가 태스크 수행 관찰	현실적 문제 발견
A/B 테스트	두 버전 비교 성과 측정	데이터 기반 의사결정
아이트래킹	시선 추적으로 주목 패턴 분석	무의식적 행동 파악
카드소팅	정보 구조 사용자 검증	IA 설계에 활용

시험 포인트

닐슨 10원칙 중 기출 빈도 높은 것: 가시성, 실세계 일치, 오류 예방, 기억→인식.
UX 측정 지표: NPS(순추천지수), 태스크 완료율, 오류율, 학습시간.

Ⅲ.결론

결론

UI/UX는 기술적 완성도를 사용자 가치로 연결하는 핵심 설계 영역입니다.
향후 AI 기반 개인화 UX, 음성·제스처 인터페이스, 제로 UI(주변 컴퓨팅)로 진화합니다.

"디자인은 어떻게 보이느냐가 아니라 어떻게 작동하느냐다." — Steve Jobs

블로그: 기술사 학습노트 · imt-log.tistory.com

← 소프트웨어공학 목록