사용자 인터페이스

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

사용자 인터페이스 3가지 분야

• 정보제공과 전달을 위한 물리적 제어 관련 분야
• 콘텐츠 상세적 표현과 전체적 구성 관련 분야
• 사용자가 사용하는 기능 관련 분야

인터페이스 특징

• 사용자 만족도의 영향이 커서 소프트웨어 영역 중 가장 많이 변경된다.
• 사용자 편리성과 가독성을 높여 작업시간 단축 및 업무이해도 ↑
• 최소한 노력으로 원하는 결과 획득(Low Risk & High Return)
• 수행 결과 오류를 줄인다.
• 작업 기능을 구체적으로 제시
• 정보제공자-공급자 간 매개역할
• 인터페이스 설계 시 소프트웨어 아키텍처 숙지 필요

소프트 아키텍처

개발할 소프트웨어의 기본 틀 만드는 행위이며
아키텍처는 시스템의 논리적 구성을 정의한다.

• 개발하려는 소프트웨어의 특성과 본질 파악하여 다양한 시각에서 모형화
• 전체 시스템 전반적 구조 설계
• 소프트웨어 시스템 구축 및 개선 용이
• 작업자 간 상호이해, 타협 및 원활한 의사소통을 위해 사용

사용자 인터페이스 종류

• CLI(Command Lind Interface) : 명령과 출력이 텍스트 형식
• GUI(Graphical User Interface) : 그래픽 환경
• NUI(Natural User Interface) : 사용자의 말 또는 행동으로 기기 조작

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

• 직관성, 유효성, 학습성, 유연성

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

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

UI 표준 및 지침

UI 표준 및 지침을 토대로 기술의 중립성(웹 표준), 보편적 표현 보장성(웹 접근성), 기능의 호환성(웹 호환성) 고려 확인
- UI 표준 : 모든 UI에 공통 적용되는 내용 (ex. 화면구성, 화면이동
- UI 지침 : UI 요구사항, 구현 시 제약사항 등 UI 개빌 시 꼭 지켜야할 공통 조건

웹 표준 : 웹에서 사용되는 규칙 또는 기술 (ex. HTML, JavaScript 규정 등
웹 접근성 : 누구나 어떤 환경에서도 웹 사이트에서 제공되는 모든 정보 접근을 보장
웹 호환성 : 하드웨어나 소프트웨어 등이 다른 환경에서도 동등한 서비스 제공 (ex. PC와 모바일, IE와 Chorome

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

장애인이 비장애인과 동등하게 접근할 수 있는 웹 콘텐츠 제작 방법 제시

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

전자정부 웹 표준 준수 지침

정부기관 홈페이지 구축 시 반영해야 할 초소한의 규약 정의.
모든 사람이 시스템 환경에 구애받지 않고 정부기관 홈페이지 이용 가능하게 하기 위함

내용의 문법 준수, 내용과 표현의 분리, 동작의 기술 중립성 보장, 플러그인의 호환성, 콘텐츠의 보편적 표현, 운영체제에 독립적인 콘텐츠 제공, 부가 기능의 호환성 확보, 다양한 프로그램 제공

UI 설계 도구

사용자 요구사항에 맞게 UI 화면 구조나 배치 등 설계할 때 사용하며
와이어프레임, 목업, 스토리보드, 프로토타입, 유스케이스 등이 있다.

와이어프레임 : 기획 단계 초기에 제작하며, 페이지의 개략적 레이아웃이나 UI 요소 등 뼈대 설계 단계(손그림, 파워포인트 등으로 가볍게 표현)

목업 : 와이어프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태
스토리보드 : 와이어프레임에서 콘텐츠 설명, 페이지 간 이동 흐름 등 추가한 문서
프로토타입 : 와이어프레임이나 스토리보드 등에 인터랙션 적용하여 실제 구현된 것처럼 테이스 가능한 동적인 형태
유스케이스 : 사용자 측면의 요구사항이며, 사용자가 원하는 목표를 달성키 위해 수행할 내용 기술

UI 요구사항 확인

새로 개발할 시스템에 적용할 UI 관련 요구사항 조사 및 작성하는 단계

목표 정의 → 활동사항 정의 → UI 요구사항 작성