사용성·접근성·반응형 설계와 품질 표준

범위 경계

2026년 1과목의 공식 항목은 UI 표준·UI 지침·스토리보드·감성공학·UI 설계 도구다. 따라서 사용성·접근성·반응형 설계는 UI 지침을 적용하는 수준으로 학습한다.

제품 품질 표준의 세부 특성은 2과목의 제품소프트웨어 품질 범위에 해당하므로 이 이론에서는 다루지 않는다.

사용성

사용성은 특정 사용자가 특정 사용 맥락에서 목표를 달성할 때의 다음 요소로 본다.

• 효과성: 목표를 정확하고 완전하게 달성했는가
• 효율성: 목표 달성에 든 시간·노력·자원이 적절한가
• 만족도: 사용자가 수용 가능하고 만족하는가

사용성 확인

1. 대표 사용자와 과업을 정한다.
2. 성공 조건을 정의한다.
3. 성공률, 시간, 오류, 도움 요청, 만족도를 관찰한다.
4. 문제가 발생한 화면과 원인을 분석한다.
5. 설계를 수정하고 다시 확인한다.

선호도 설문만으로 과업 성공 여부를 대신할 수 없으며, 수행 시간만 짧다고 사용성이 무조건 좋은 것도 아니다.

접근성

접근성은 장애 유무, 기기, 입력 방식 등 다양한 조건에서도 정보와 기능을 인식·조작·이해할 수 있게 하는 설계 원칙이다.

UI 지침 수준의 핵심

• 이미지·아이콘에는 의미를 전달할 대체 수단을 제공한다.
• 색상만으로 오류·상태를 구분하지 않는다.
• 키보드만으로도 핵심 기능을 사용할 수 있게 한다.
• 포커스 위치와 이동 순서를 명확하게 한다.
• 입력 항목에 명확한 레이블과 오류 안내를 제공한다.
• 텍스트 확대나 화면 재배치 후에도 내용과 기능을 사용할 수 있게 한다.
• 동영상·음성 정보에는 필요한 대체 표현을 제공한다.

접근성은 장애인을 위한 별도 사이트만 만드는 것이 아니라 기본 UI의 설계·검토 기준에 포함하는 것이다.

반응형 설계

반응형 웹·화면 설계는 하나의 콘텐츠가 화면 크기와 조건에 따라 유연하게 배치되도록 한다.

• 유연한 그리드와 크기
• 화면 조건에 따른 스타일 규칙
• 콘텐츠 우선순위에 따른 재배치
• 터치·마우스·키보드 입력 고려
• 가독성과 조작 가능한 크기 유지

반응형은 같은 화면 구조가 조건에 따라 유연하게 변하는 방식이고, 적응형은 미리 정한 여러 레이아웃 중 조건에 맞는 형태를 선택하는 방식으로 설명되는 경우가 많다.

좁은 화면에서 단순히 모든 내용을 축소하거나 중요한 기능을 숨기는 것은 올바른 반응형 설계라고 보기 어렵다. 핵심 과업과 의미를 유지하면서 재배치해야 한다.

사용성·접근성·반응형의 관계

사용성·접근성·반응형 설계도

세 관점은 서로 영향을 주지만 같은 개념은 아니다.

설계 산출물에 반영

• UI 지침: 키보드 이동, 오류 안내, 색상 사용, 화면 재배치 기준
• 와이어프레임: 좁은 화면에서의 정보 우선순위
• 스토리보드: 상태 변화·오류·대체 동작
• 프로토타입: 대표 사용자의 과업 수행과 여러 화면 크기 확인