[1과목 소프트웨어 설계] 화면설계 - 012. UI 표준 및 지침

1. UI 표준

• 전체 시스템에 포함된 모든 UI에 공동적으로 적용될 내용
• 화면 구성이나 화면 이동 등

 

2. UI 지침

• UI요구사항, 제약사항 등 UI 개발 과정에서 꼭 지켜야 할 공통 조건

💡 웹 3요소

• 웹 표준 (Web Standards) : 웹에서 사용되는 규칙, 기술 (HTML, JS)
• 웹 접근성 (Web Accessibility) : 누구나, 어떤 환경에서도 접근 보장
• 웹 호환성 (Cross Browsing) : 하드웨어, 소프트웨어가 다른 환경에서도 모든 이용자에게 서비스 제공

 

3. 한국형 웹 콘텐츠 접근성 지침 (KWCAG; Korean Web Content Accessibility Guidelines)

1. 인식의 용이성
   • 대체 텍스트
   • 멀티미디어 대체 수단
   • 명료성
2. 운용의 용이성
   • 키보드 접근성
   • 충분한 시간 제공
   • 광과민성 발작 예방
   • 쉬운 내비게이션
3. 이해의 용이성
   • 가독성
   • 예측 가능성
   • 콘텐츠의 논리성
   • 입력 도움
4. 견고성
   • 문법 준수
   • 접근성

💡 내비게이션 (원하는 페이지로 이동할 수 있게 제공)

• 메뉴 : 계층구조 표현, 원하는 페이지로 이동
• 링크 : 하이퍼링크
• 이미지 맵 : 그림에 하이퍼링크
• 사이트 맵 : 전체 구조를 한 눈에 알아볼 수 있는 트리구조 형태
• 사이트 메뉴바 : 좌측, 우측에 메뉴, 링크를 모아둔 것
• 내비게이션 바 : 메뉴를 한 곳에 모아 놓은 그래픽, 문자열 모음
• 디렉터리 : 주제나 항목을 카데고리별로 표현한 방식

 

4. 전자정부 웹 표준 준수 지침

1. 내용의 문법 준수
   • 적절한 문서타입 명시
   • 인코딩 방식 표기
2. 내용과 표현의 분리
   • 마크업 언어를 사용해 웹 문서 구조화
   • 표준 문법 준수
3. 동작의 기술 중립성 보장
   • 스크립트의 비표준 문법 확장 배제 → 대체 텍스트나 정보 제공
4. 플러그인의 호환성
   • 다양한 웹 브라우저에서 호환
5. 콘텐츠의 보편적 표현
   • 다양한 인터페이스
6. 운영체제에 독립적인 콘텐츠 제공
   • 범용적인 포멧을 사용
7. 부가 기능의 호환성 확보
   • 실명인증, 전자인증 등 부가 기능을 다양한 브라우저에서 사용
8. 다양한 프로그램 제공
   • 윈도우, 리눅스, 맥킨토시 중 2개 이상 운영체제 지원

 

📖 Reference

2023 시나공 정보처리기사 필기 : 네이버 도서