정보처리기사 UI표준

 

 

 

 

사용자 인터페이스란?

• 둘 이상의 대상, 주로 사용자와 컴퓨간 상호작용이 원할하도록 도와주는 하드웨어 및 소프트웨어를 의미한다. 
• 사용자가 시스템을 조작하는 입력 수단과 시스템이 정보를 표시하는 출력수단으로 나누니다.
• 물리적 제어,기능적 제어, 전체 구서으이 제어 3가지로 나뉜다.

UI특징

• 사용자 소프트웨어 만족도에 가장 큰 영향을 미친다.
• 편리성과 가독성 향상에 작업 시간을 단축시킴
• 수행결과 오류를 줄이고 기능 수행에 대한 방법을 제시한다.
• 소프트웨어 아키텍처를 기반으로 설계되고 가장 빈번하게 수정된다.

UI종류

• CLI 는 명령문자열을 통해 시스템과 상호작용하는 UI이다.
• GUI 메뉴 아이콘 등의 그래픽 요소를 통해 시스템과 상호작용하는 UI이다.
• NUI는 사람의 온도 음성 터치등을 통해 시스템과 상호작용하는 UI이다. 스마트폰, 지문인식에서 사용된다.

UI설계 기본원칙

• 직관성 : 가급적 별다른 이해없이 즉시 사용가능해야 함
• 일관성 : 기능 및 시각적 요소의 일치로 학습하기 용이해야 함
• 효율성 : 사용자의 목적을 정확하고 빠르게 달성할 수 있어야 함
• 유연성 : 사용자의 요구를 수용하고 실수를 수정할 수 있어야 함

UI설계 시 고려사항

• 표준화 : 
  - 기능 구조를 단순화하여 쉽게 조작하고 누구나 명확히 이해할 수 있어야 함
  - 폰트, 색상, 용어 선택에 일관성이 있어야 함
• 호환성 : 
  - 다양한 플랫폼과 브라우저에서 동등한 서비스를 제공하도록 설계함
• 접근성 : 다양한 계층에서 접근할 수 있도록 설계함
• 사용자 중심 : 실사용자가 쉽게 이해하고 사용할 수 있는 환경을 제공하도록 설계함
• 결과 예측: 특정기능에 대한 결과를 미리 예측할 수 있도록 설계함
• 오류해결 : 오류에 대한 내요을 사용자가 쉽게 인지할 수 있고 해결할 수 있도록 설계함

UI 표준

1. UI 표준의 정의 : 화면 구성, 화면 이동등에 UI에 공통적으로 적용되는 내용
2. 웹 스타일 가이드
   - Instruction : 웹 스타일 가이드 기본 활용 및 적용 범위
   - Basic Rules : 색상, 폰트, 아이콘 정의
   - Layout : 작업 유형, 목적별로 시안 정의/ 주메뉴, 서브메뉴 위치, 고정영역과 가변영역 정의 
   - Element :  텍스트, 아이콘, 네비게이션, 메뉴, 버튼 등을 정한다.
     (명령버튼 토글버튼, 라디오 버튼, 체크 박스, 텍스트박스, 콤보박스)

전자정부 웹 표준 준수 지침

UI 지침

• UI지침 정의 : UI개발 과정에서 꼭 지켜야 할 공통의 조건이나 세부 사항 규정
• 한국형 웹 콘텐츠 접근성지침(KWCAG : Korean Web Content Accessibility Guidlines)
• 인식의 용이성 : 텍스트가 아닌 콘텐츠는 그 의미를 인식할 수 있는 대체 텍스트 제공
• 멀티미디어 콘텐츠에 대한 대체 수단 제공
• 콘텐츠는 데이터 종류에 상광없이 명료하게 전달
• 운용의 용이성 : 콘텐츠는 키보드만으로도 접근할 수 있어야 함
• 콘텐츠를 이용할 수 있는 충분한 시간 제공
• 광과민성 발작을 일으킬 수 있는 콘텐츠는 제공하지 말것.
• 쉽고 편리하게 콘텐츠에 접근할 수 있는 수단을 제공할 것
• 이해와 용이성
• 콘텐츠는 읽고 이해하기 쉬워야 함
• 콘텐츠의 기능과 실행 결과는 예측가능해야 함
• 콘텐츠는선형구조로 논리적인 순서를 제공해야 한다.
• 입력 오류를 방지하거나 정정할 수 있어야 함
• 견고성
• 웹 콘텐츠는 마크업 언어의 문법을 준수해야 한다.
• 다양한 계층이 이용할 수 있도록 접근성을 제공해야 함

전자정부 웹 표준 준수 지침

1. 내용의 문법 준수
   - 모든 웹 문서는 적절한 문서 타입을 명시할 것
   - 명시한 문서 타입에 맞는 문법 준수
   -모든 페이지는 사용할 인코딩 방식을 표기할 것
2. 내용과 표현의 분리
   - 논리적인 마크업 언어를 사용해 웹 문서를 구조화 할 것
   -사용된 스타일 언어는 표준적인 문법을 준수해야 할 것
3. 동작의 기술 중립성 보장
   - 스크립트 비표준 문법을 확장하는 것은 배제할 것
   - 스크립트 비사용자를 위해 대체 텍스트나 정보를 작용할 것
4. 플러그인의 호환성 : 플러그인은 다양한 웹 브라우저에서 호환되는 것을 사용해야 한다