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