화면 설계 - UI 요구사항 확인
1. UI 요구사항 확인
UI 개념
넓은 의미에서는 사용자와 의사소통 하는 물리적, 가상의 매개체
좁은 의미에서는 사람이 접하게 되는 화면
- UX(사용자 경험)는 UI를 포함하고 있다.
: UX란? 제품과 시스템, 서비스 등을 사용자가 직접 사용하면서 느끼고 경험한 총체적 경험
UI 유형
- CLI: 정적인 텍스트 기반 인터페이스
- GUI: 동적인 그래픽 기반 인터페이스
- NUI: 직관적 사용자 반응 기반 인터페이스
- OUI: 유기적 상호작용 기반 인터페이스
CG NO
UI 설계 원칙
- 직관성: 누구나 쉽게 이해하고, 쉽게 사용
- 유효성: 정확하고 완벽하게 사용자의 목표가 달성될 수 있어야 함
- 학습성: 초보와 숙련자 모두가 쉽게 배우고 이해할 수 있어야 함
- 유연성: 사용자의 인터랙션을 최대한 포용하고, 실수를 방지할 수 있어야 함
직학유유
=직장과 학교 ㅠㅠ
UI 설계 지침
- 사용자 중심: 사용자가 이해하기 쉽고 편하게 사용할 수 있는 환경을 제공하며, 실사용자에 대한 이해가 바탕이 되야 함
- 일관성: 버튼이나 조작 방법을 사용자가 기억하기 쉽고 빠르게 습득해야 함
- 단순성: 조작 방법이 간단
- 결과 예측 가능: 작동시킬 기능만 보고도 결과 예측이 가능해야 함
- 가시성: 주요 기능을 메인 화면에 노출시켜서 쉬운 조작이 가능
- 표준화: 디자인을 표준화 해야함
- 접근성: 사용자의 직무, 연령, 성별 등이 고려된 다양한 계층을 수용
- 명확성: 사용자가 개념적으로 쉽게 이해해야 함
- 오류 발생 해결: 사용자가 오류에 대한 상황을 정확하게 인지
사일단결 가표접명오
UI 요구사항 확인
UI 품질 요구사항
- 이식성
: 다른 플랫폼에서도 많은 추가 작업 없이 얼마나 쉽게 이식 가능한가에 대한 품질 기준
- 유지보수성
: 요구사항을 개선하고 확장하는 데 있어 얼마나 용이한가에 대한 품질 기준
- 신뢰성
: 시스템이 일정한 시간 또는 작동되는 시간 동안 의도하는 기능을 수행함을 보증하는 품질 기준
- 효율성
: 할당된 시간에 한정된 자원으로 얼마나 빨리 처리할 수 있는가에 대한 품질 기준
- 사용성
: 사용자와 컴퓨터 사이에 발생하는 행위를 정확하고 쉽게 인지할 수 있는 품질 기준
- 기능성
: 실제 수행 결과와 품질 요구사항과의 차이를 분석하고, 정확하지 않은 결과가 발생활 확률과 관련하여 시스템의 동작을 관찰하기 위한 품질 기준
이유신 효사기
2. UI 표준
UI 표준 구성
- 전체적인 UX원칙
- 정책 및 철학
- UI 스타일 가이드
- UI 패턴 모델 정의
- UI 표준 수립을 위한 조직 구성
액정 스패조
=액정의 스페이스바가 조금보인다
3. UI 지침
UI 개발을 위한 주요 기법
- 3C 분석: 고객, 자사, 경쟁사를 비교하고 분석하여 어떻게 차별화 할 것인가를 분석하는 기법
- SWOT 분석: 강점, 약점, 기회, 위협 요인을 분석하고 이를 토대로 경영 전략을 수립하는 기법
- 시나리오 플래닝: 불확실성이 높은 상황 변화를 예측하고 다양한 시나리오를 설계하는 방법으로 불확실성을 제거하는 경영 전략의 기법
- 사용성 테스트: 사용자가 직접 제품을 사용하면서 미리 작성된 시나리오에 맞추어 과제를 수행한 후 질문에 답하도록 하는 테스트
- 워크숍: 소집단 정도 인원으로 특정 문제나 과제에 대한 아이디어를 교환하고 검토하는 연구회
4. 스토리보드
스토리보드 개념
스토리보드는 UI 화면 설계를 위한 정책이나 서비스를 위한 대부분의 정보가 수록된 문서이다.
- 디자이너와 개발자가 최종적으로 참고하는 산출 문서
UI 화면 설계 구분
- 와이어 프레임: 이해 관계자들과의 화면구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 구성하는 작업
- 스토리보드: 서비스 구출을 위한 모든 정보가 담겨있는 설계 산출물
- 프로토타입: 정적인 화면으로 설계된 와이어 프레임이나 스토리보드에 동적 효과를 적용하여 실제 구현된 것 처럼 시뮬레이션하는 모형
와스프