넓은 의미
사용자와 시스템 사이에서 의사소통할 수 있도록 고안된 물리적, 가상의 매개체
좁은 의미
정보 기기나 소프트웨어의 화면 등에서 사람이 접하게 되는 화면
CLI (Command Line Interface)
명령어를 텍스트로 입력하여 조작하는 사용자 인터페이스
GUI (Graphical User Interface)
그래픽 환경을 기반으로 한 마우스나 전자 펜을 이용하는 사용자 인터페이스
NUI (Natural User Interface)
키보드나 마우스 없이 터치, 음성을 포함한 신체 부위를 이용하는 사용자 인터페이스
OUI (Organic User Interface)
현실에 존재하는 모든 사물이 입출력장치로 변화할 수 있는 사용자 인터페이스
물리적 제어 분야
정보 제공과 기능 전달을 위한 하드웨어 기반
디자인적 분야
콘텐츠의 정확하고 상세한 표현과 전체적 구성
기능적 분야
사용자의 편의성에 맞춰 쉽고 간편하게 사용 가능
사용자 중심
사용자가 이해하기 쉽고 편하게 사용할 수 있는 환경을 제공하며 실사용자에 대한 이해가 바탕이 되어야 함
일관성
버튼이나 조작 방법을 사용자가 기억하기 빠르고 쉽게 습득할 수 있도록 설계해야 함
단순성
조작 방법은 가장 간단하게 작동되도록 하여 인지적 부담을 최소화
결과 예측 가능
작동시킬 기능만 보고도 결과 예측이 가능해야 함
가시성
주요 기능을 메인 화면에 노출하여 쉬운 조작이 가능해야 함
표준화
디자인을 표준화하여 기능 구조의 선행 학습 이후 쉽게 사용 가능해야 함
접근성
사용자의 직무, 연령, 성별 등이 고려된 다양한 계층을 수용해야 함
명확성
사용자가 개념적으로 쉽게 인지해야 함
오류 발생 해결
사용자가 오류에 대한 상황을 정확하게 인지할 수 있어야 함
응용 소프트웨어 개발을 위한 UI 표준 및 지침에 따라 기능 및 비기능적 요구 사항의 도출을 통해 개발하고자 하는 응용 소프트웨어에 적용될 UI 요구 사항을 확인할 수 있음
디자인 철학과 원칙 기반으로 전체 시스템에 공통으로 적용되는 화면 간 이동, 화면 구성 등에 관한 규약
전체적인 UX 원칙
사용자의 관점에서 사용자 업무를 효율적으로 수행할 수 있는 UX 원칙 정의
정책 및 철학
조직의 목표나 정체성을 포함하는 정책 및 철학 설정
UI 스타일 가이드
UI에 대한 구동 환경 및 레이아웃 등을 정의
UI 패턴 모델 정의
CRUD 방식을 기반으로 데이터 입력, 출력 패턴 모델 정의
UI 표준 수립을 위한 조직 구성
UI 팀 및 표준 개발팀을 주축으로 추진 조직 구성
UI의 통일과 일관적인 화면 구성을 위해 시스템이 지켜야 할 UI 요소 정의와 화면 설계 원칙을 제시함
OS 확인
기업이 운영하는 업무와 운영체제 확인
웹 브라우저 확인
익스플로러, 크롬, 파이어폭스 등 기업 환경에 가장 적합한 것으로 확정
모니터 해상도 확인
컴퓨터 작업 표시줄 및 브라우저 기본 환경을 기준으로 스크롤이 생기지 않도록 설정
상단 메뉴 구성 (Top Area)
좌측 메뉴 구성 (Left Area)
내용 구성 (Contents Area)
하단 메뉴 구성 (Footer Area)
검색 영역이나 Tab Menu 등 공통된 표준 화면을 정의함
시스템 요구 사항에 대한 개념 모델을 논리적 모델로 상세화하여 기능을 정의함
그리드
테이블 형태로 UI 구성
버튼/컨트롤
기능 버튼, 검색 버튼, 그리드 관련 버튼, 기타 버튼 등 다양한 형태로 구분해 제작
Page 요소
폰트 규정, 아이콘 요소, 체크박스/라디오 버튼, 말풍선, 이미지 표시, 탭 표시, 스텝 표시, 페이지 이동, 상하 스크롤, 정보 입력 등으로 구성
팝업 요소
윈도 팝업, 레이어 팝업
Alert 요소
정보 누랑 및 오류 시 알림, 업무 처리 완료 알림, 삭제 및 수정 시 알림, 업무 안내성 알림
CRUD 방식을 기반으로 데이터의 입력과 출력을 처리하는 화면 흐름을 포함하여 오퍼레이션 방식에 대한 표준 절차를 표시하고 UI 패턴 모델을 개발함
프레임워크를 도입한다면 해당 프레임워크가 제공하는 방식 채택
별도의 클라이언트 제품을 도입하는 경우 서버 컨트롤러와의 연동 방식 결정
어떤 방식의 오브젝트를 사용할 것인지를 먼저 결정
클라이언트와 서버 간 데이터 형태 변환을 어떻게 처리할 것인지 방안 마련
조직 구성 및 역할 정의
효과적인 프로젝트 추진을 위하여 UI 팀 및 표준 개발팀을 주축으로 한 추진 조직 구성을 확정
커뮤니케이션 방안 수립
UI 개발이 원활히 수행되도록 정식 보고 및 정기적인 회의뿐 아니라 이슈 회의 등 다양한 방식의 커뮤니케이션 방안을 마련
UI 표준에 따라 사용자 인터페이스 설계 및 개발 시 지켜야 할 세부 사항을 규정하는 가이드라인
필수적으로 수행해야 하는 절차이며 프로젝트 계획 전반에 반영함
성공적인 수행을 위해 내부 관계자에게 UI 개발 필요성 및 목표를 공유하고 개발 범위를 수립하기 위한 활동을 함
고객(Customer), 자사(Company), 경쟁사(Competitor)를 비교 및 분석하여 자사를 어떻게 차별화해서 경쟁에서 이길 것인가를 분석하는 기법
기업 내부 환경과 외부 환경을 분석하여 Strength, Weakness, Opportunity, Threat 요인을 규정하고 이를 토대로 경영 전략을 수립하는 방법
불확실성이 높은 상황 변화를 사전에 예측하고 다양한 시나리오를 설계하는 방법으로 불확실성을 제거해 나가려는 경영 전략의 한 방법
사용자가 직접 제품을 사용하면서 미리 작성된 시나리오에 맞추어 과제를 수행한 후 질문에 답하도록 하는 테스트
소집단 정도의 인원으로 특정 문제나 과제에 대한 새로운 지식, 기술, 아이디어, 방법들을 서로 교환하고 검토하는 연구회 및 세미나
최신 트렌드, 경쟁사 동향을 통해 정의된 핵심 기능 관련 예상 타깃 고객층의 프로파일을 기술하고 정의함
고품질의 리서치 결과를 얻기 위해 적절한 대상자 선정 및 리서치 설계가 필요
사용자의 불편 사항과 니즈를 파악하기 위한 단계
결과 분석을 토대로 핵심 이슈 도출을 통해 UI 개발 목표를 설정
잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자
여러 가지 추상적인 콘셉트들 사이의 관계를 보여주는 다이어그램
리서치 및 페르소나 결과물을 토대로 요구 사항을 도출하고 우선순위를 정함
정리된 요구 사항을 구체화하는 단계로 화면 디자인 단계 전에 대표 화면 설계를 진행하는 단계
UI 설계 시안을 토대로 실제 설계 및 구현을 위해서 모든 화면에 대한 UI 상세 설계 단계를 진행함
스크린별 레이아웃과 대부분의 인터랙션이 적용된 높은 수준의 프로토타입을 이용하여 내부 개발자, 전문가 평가 등을 통해 지속적인 UI 사용에 대한 평가와 UI 디자인 평가를 진행하여 개선 사항을 반영함
UI 화면 설계를 위해서 정책이나 프로세스 및 콘텐츠 구성, 와이어 프레임, 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분의 정보가 수록된 문서
문서명, 개정 이력, 디렉터리, 작성 일자, 업데이트 기록 등 전반적인 개요를 명시
메인 페이지로부터 각각의 서브 메뉴들이 어떤 화면들을 거쳐서 진행되는지 과정을 보여주는 화면 작성
레이아웃이나 글자 모양, 크기, 색상, 그래픽에서의 일관성을 유지해야 하는 스타일 확정
각각의 화면에 대한 상세 설명 페이지를 작성
프로그램 요소나 스크립트 기능, ASP나 PHP 등의 프로그램 등을 표시하고 그 기능에 대해 설명
컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운용 가능성을 평가하거나 요구 사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능을 간략한 형태로 구현한 시제품
사전에 프로토타입을 먼저 제작하고 이를 기반으로 UI의 적정성을 평가, 수정, 보완함으로써 추후 발생 가능한 오류들을 사전에 방지하는 효과가 있음
종이와 펜을 활용하여 화면의 구조를 스케치하는 프로토타입
디지털 편집기, HTML 등의 도구를 사용해 화면의 구조를 만드는 프로토타입