📕 UI 지침
- UI 표준에 따라 사용자 인터페이스 설계, 개발 시 지켜야할 세부사항을 규정하는 가이드라인
SW 개발 단계별 UI 지침
목표 정의
- 환경 분석 / UI 개발 목표 및 범위 정의
프로젝트 계획
- 사용자 분석 및 니즈(needs) 조사
요구사항 정의
- 사용자 요구사항 도출
- UI 컨셉션 정의
설계 및 구현
- UI 상세 설계
- UI 화면 디자인
- UI 검증
테스트
- 사용성 테스트 실행
- 결과 분석
배포 및 관리
- 메뉴얼 배포, 관리
UI 표준 적용을 위한 환경 분석
- 사용자 트렌드 분석
- 기능 및 설계 분석
사용자 트렌드 분석
- 현재 UI의 단점 파악 및 트렌드 숙지
- 사용자가 필요로 하는 핵심 요구사항 파악
- 사용자가 쉽게 이해 가능한 기능을 위주로 기술 영역 정의
기능 및 설계 분석
- 기능 조작성 분석
사용자 편의성 확대를 위한 조작 기능 확인
스크롤바 지원 가능 여부 확인
마우스 조작 및 업무 처리 시 동선 확인- 오류 방지 분석
사용자 조작 시 오류에 대해 예상 가능한지 확인
사용자 의도와 관계없는 페이지 이동이 있는지 확인
기능 버튼 명이 사용자 조작과 일치하는지 확인- 최소한의 조작으로 업무 처리 가능 여부 확인
기능 특성에 맞는 UI 확인
조작 단계를 최소화하고 동선은 단순한지 확인- UI의 정보 전달력 확인
정보 제공 방식이 일관적이며,
사용자가 쉽게 이해 가능한지 확인
사용자 정보 제공이 간결하고 명확한지 확인
UI 개발 목표 및 범위 정의
- UI 개발 목표 및 범위 정의를 필수적으로 수행하여, 프로젝트 계획 전반에 반영한다.
- 성공적인 수행을 위해 내부 관계자에게 UI 개발 필요성 및 목표를 공유하고 개발 범위를 수립하기 위한 활동을 한다.
경영진의 UI 관련 개발 요구사항 조사 및 정의
목표
- 경영진을 대상으로 심층 인터뷰를 통해 비즈니스 요구사항 정의
- 경영진이 생각하는 사업적 목표를 바탕으로 UI 디자인 프로세스 정의
- 경영진 인터뷰는 반드시 사용자 리서치 시작 전 진행활동
- 초기 비전과 기대 설정
- 비용과 일정 결정
- 기술적 제약과 가능성 파악
- 사업전략, 목표, 각 프로세스 책임자 선정, 우선순위 선정, 개별적인 업무 단위 구분자사-타사-사용자 분석(3C 분석) 및 트렌드 분석
- 목표 : 기존의 자사 제품과 주요 경쟁사 제품을 분석하는 마케팅적 관점으로 시장 이해
- 활동
- 자사 및 타사분석 실시(3C 분석, SWOT 분석)
- 트렌드 분석 실시(이슈 분석, 시나리오 플래닝)
- 전문가 사용성 테스트 진행
- 핵심 이슈 도출관계자 간 개발 목표 협의 및 공유 워크숍
- 목표
- 앞의 단계에서 조사, 분석된 결과를 토대로 부서 간, 내부 관계자 간 개발 목표 협의
- UI 차별성 있는 콘셉트, 개선 등 디자인 및 개발 이슈가 많은 상황에서 필요- 활동
- 워크숍 범위와 목표 정의
- 아이디어 워크숍을 통해 아이디어 수렴 및 평가
- 아이디어 정리, 분석 후 전문가적 통찰을 통해 아이디어를 선정, 개발목표 도출UI 개발을 위한 주요 기법
3C 분석
- 고객(Customer), 경쟁하고 있는 자사(Company)와 경쟁사(Competitor)를 비교하고 분석하여, 자사를 어떻게 차별화해서 경쟁에서 이길 것인가를 분석하는 기법
SWOT 분석
- 기업의 내부 환경과 외부 환경을 분석하여
Strength, Weakness, Oppurtunity, Threat 요인을 규정하고 이를 토대로 경영 전략을 수립하는 방법시나리오 플래닝(Scenario Planning)
- 불확실성이 높은 상황 변화를 사전에 예측하고
다양한 시나리오를 설계하는 방법으로 불확실성을 제거해나가려는 경영 전략의 한 방법사용성 테스트(Usability Test)
- 사용자가 직접 제품을 사용하면서
미리 작성된 시나리오에 맞추어 과제를 수행한 후,
질문에 답하도록 하는 테스트워크숍(Workshop)
- 소집단 정도의 인원으로 특정 문제나 과제에 대한 새로운 지식, 기술, 아이디어, 방법들을 서로 교환하고 검토하는 연구회 및 세미나
사용자 분석 및 니즈(Needs) 조사
- 최신 트렌드, 경쟁사 동향을 통해 정의된 핵심 기능 관련, 예상 타깃 고객의 프로파일을 기술하고 정의한다.
프로파일 : 어떤 시스템을 일정 범위 내에서 한정적으로 특징 지우는 그룹화된 값
리서치 대상 선정 및 내용 설계
- 목표
- 고품질의 리서치 결과를 얻기 위해 적절한 대상자 선정 및 리서치 설계(적절한 인터뷰 기법, 관찰조사 기법)가 필요
- 대상 선정 및 계획 수립- 활동
- 사용자 분류기준 정의 및 분류
- 사용자 그룹별 매력도 평가
- 이슈별 내용 상세설계
- 리서치 방식 정의, 리서치 팀 구성, 스케쥴링리서치 진행
- 목표
- 사용자의 불편사항과 니즈를 파악하기 위한 단계
- 해당 제품/서비스에 대한 다양한 의견을 수집- 활동
- 설문 조사 / 개인(심층 인터뷰) / 그룹(그룹 인터뷰) 리서치 진행
- 리서치 내용 점검 및 보완리서치 결과 정리
- 목표
- 결과분석을 토대로 핵심이슈 도출을 통해 UI 개발 목표를 설정
- 전략과 디자인 개발의 토대- 활동
- 리서치 결과 분석서 작성
사용자 요구사항 도출
페르소나 정의 -> 콘셉트 모델 정의 -> 사용자 요구사항 정의 -> UI 컨셉션
단계를 통해 사용자 요구사항을 도출할 수 있다.
페르소나 정의
- 설명
- 잠재적 사용자의 다양한 목적과 관찰된 행동 패턴을 응집시켜 놓은 가상의 사용자- 세부 수행 활동
- 페르소나 분류 및 정의
- 페르소나 작성
- 페르소나 활용콘셉트 모델 정의
- 설명
- 여러가지 추상적인 콘셉트들 사이의 관계를 보여주는 다이어그램
- 다양한 아이디어들을 간편하게 시각화하여 표현할 수 있는 유용한 방법으로 아이디어를 잘 전달하고 생각의 과정을 효율적으로 이끌어 줌.- 세부 수행 활동
- 콘셉트 모델 정의
- 브레인스토밍 활용사용자 요구사항 정의
- 설명
- 리서치 및 페르소나 결과물을 토대로 요구사항을 도출하고, 우선순위를 정함.- 세부 수행 활동
- 요구사항 매트릭스 작성
- 정황 시나리오 제작
- 정황 시나리오로부터 요구사항 도출요구사항 매트릭스(Requirement Matrix) : 다양한 경로를 통해 수집된 직접적인 요구사항을 검토하며, 페르소나(Persona)의 목적을 기준으로 데이터 요구, 기능 요구, 제품 품질, 제약 요인 기반으로 만든 요구사항 표
정황 시나리오(Contextual Scenario) : 요구사항 정의에 사용되는 초기 시나리오를 말하며, 높은 수준, 낙관적이면서도 발생 상황에서의 이상적인 시스템 동작에 초점을 맞추는 시나리오
UI 컨셉션
- 목표
- 정리된 요구사항을 구체화하는 단계
- 화면 디자인 단계 전에 대표 화면 설계를 진행하는 단계- 세부 수행 활동
- 정보 구조 설계
- 대표 화면 와이어 프레임 스케치
- 페이퍼 프로토타입을 통한 스토리보드 설계UI 상세 설계
- UI 설계 시안을 토대로 실제 설계 및 구현을 위해 모든 화면에 대한 UI 상세설계 단계를 진행
- UI 시나리오 문서는 사용자 인터페이스의 기능구조, 대표 화면, 화면 간 인터랙션 흐름, 다양한 상황에서의 예외 처리방식 등을 문서로 정리한 것으로
'효율적인 UI 관리'와 여해 이해관계자 간의 '원활한 의사소통'을 할 수 있게 해준다.UI 화면 디자인
- UI 화면 디자인에 활용될 레이아웃, 컬러 패턴, 타이포 그래픽, 화면 디자인 요소 등을 정의
- UI 가이드 문서를 작성
UI 시연을 통한 사용성 검토/검증
- 스크린별 레이아웃과 대부분의 인터렉션이 적용된 고수준의 프로토타입을 이용하여 내부 개발자, 전문가 평가 등을 통해
지속적인 UI 사용에 대한 평가와 UI 디자인 평가를 진행하여 개선사항을 반영한다.테스트, 배포 및 관리
- 테스트 계획 수립 단계를 거쳐서 실제 사용성 테스트를 수행
- 사용성 테스트 결과를 분석하여 객관적이고 정량화된 값을 도출/개선한다.
- 사용자 중심 소프트웨어 매뉴얼을 작성한다.
- 사용자 피드백을 지속적으로 수집, 유형화하여 체계적으로 관리