[ 정보처리기사 ] 1과목 - 화면설계 (사용자 인터페이스(UI))

사용자 인터페이스(UI, User Interface)

:  사용자와 시스템 간 상호작용을 도와주는 장치나 소프트웨어

 

사용자 인터페이스 분야

🔸물리적 제어

: 정보제공과 전달을 어떤 식으로 할 것 인가?

🔸구성 

: 해당 콘텐츠를 어떻게 구성할 것 인가?

🔸기능

: 사용자가 편리하고 간편하게 사용할 수 있는가?

인터페이스 특징

▪사용자 만족도에 가장 큰영향을 가져 소프트웨어 영역 중 가장 많이 변경

▪사용자의 편리성과 가독성을 높여 작업시간 단축 및 업무 이해도 상승

▪최소한 노력으로 원하는 결과 도출

▪정보제공자와 공급자 간의 매개 역할

▪인터페이스 설계시 소프트웨어 아키텍처 숙지 필요

사용자 인터페이스 종류

🔸 CLI(Command Lind Interface ) : 명령과 출력이 텍스트 형식

🔸 GUI(Graphic User Interface) : 아이콘, 메뉴와 같은 그래픽 환경

🔸 NUI(Natural User Intereface) : 사용자의 말, 행동으로 기기 조작

사용자 인터페이스 기본 원칙

🔸 직관성

사용자가 쉽게 이해하고 사용할 수 있어야함

🔸 유효성

사용자의 목적.정확.완벽하게 달성

🔸 학습성

쉽게 배울 수 있어야함

🔸 유연성

사용자의 요구사항을 최대한 수용

사용자의 실수를 최소화 할 수 있어야함

사용자 인터페이스 설계 지침

사용자 중심, 일관성, 단순성, 결과예측성 가능, 가시성, 표준화, 접근성, 명확성, 오류 발생 해결

한국형 웹 콘텐츠 접근성 지침 

:  장애인, 비장애인 상관없이 쉽게 접근 할 수 있는 웹 콘텐츠 제작 방법 규정

 

🔸 인식의 용이성

▪대체 텍스트 : 이미지에 대한 설명 ( 의미를 인식 할 수 있도록 )

▪멀티미디어 대체 수단 : 동영상에 대한 이해를 높힐 수 있도록 ( 자막, 수화 등 )

▪명료성 : 명확하게 전달해야함

 

🔸 운용의 용이성 

▪키보드의 접근성

▪충분한 시간 제공

▪광과민성 발작 예방

▪쉬운 내비게이션 : 링크 텍스트 제공

 

🔸 이해의 용이성

▪가독성 : 글자 크기

▪예측가능성 : 콘텐츠 기능을 예측 가능

▪콘텐츠의 논리성 : 선형 구조로 작성

▪입력 도움 : 입력 오류 방지 및 정정

 

🔸 견고성

▪문법 준수

▪접근성 : 웹 애플리케이션에 대한 접근성

전자정부 웹 표준 준수 지침

: 정부기관 홈페이지 구축시 반영해야 할 최소한의 규약

 

▪ 내용의 문법 준수

▪ 내용과 표현의 분리

▪ 동작의 기술 중립성 보장

▪ 플러그인의 호환성

▪ 콘텐츠의 보편적 표현

▪ 운영체제에 독립적인 콘텐츠 제공

▪ 부가 기능의 호환성 확보

▪ 다양한 프로그램 제공

---

UI 지침

: 웹 모바일 서비스를 구축할 때 효율적으로 정보 전달을 가능하게 하기 위해 지켜야할 세부사항을 규정

스토리 보드

 :  디자이너와 개발자가 최종적으로 참고하는 설계 산출 문서

▪기능에 대한 정의

▪데이터 베이스에 대한 연동 정책

▪콘텐츠 구성

스토리보드 작성 절차

🔻메뉴 구성도 만들기 

어떤 것을 표현, 메뉴에 대한 순서, 구성 단계, 용어 정리

 

🔻스타일 확정

레이아웃, 글자 크기, 색깔 정의

 

🔻설계하기

화면에 보여주는 디자인 컨셉 설계