[정보처리기사 실기] 2-1.화면 설계 _UI 요구사항 확인

말하는 감자·2024년 12월 24일
0

정보처리기사 실기

목록 보기
5/29
post-thumbnail

화면 설계 - UI 요구사항 확인

1. UI 요구사항 확인

UI 개념

넓은 의미에서는 사용자와 의사소통 하는 물리적, 가상의 매개체
좁은 의미에서는 사람이 접하게 되는 화면

  • UX(사용자 경험)는 UI를 포함하고 있다.
    : UX란? 제품과 시스템, 서비스 등을 사용자가 직접 사용하면서 느끼고 경험한 총체적 경험

UI 유형

  1. CLI: 정적인 텍스트 기반 인터페이스
  2. GUI: 동적인 그래픽 기반 인터페이스
  3. NUI: 직관적 사용자 반응 기반 인터페이스
  4. OUI: 유기적 상호작용 기반 인터페이스

    CG NO

UI 설계 원칙

  1. 직관성: 누구나 쉽게 이해하고, 쉽게 사용
  2. 유효성: 정확하고 완벽하게 사용자의 목표가 달성될 수 있어야 함
  3. 학습성: 초보와 숙련자 모두가 쉽게 배우고 이해할 수 있어야 함
  4. 유연성: 사용자의 인터랙션을 최대한 포용하고, 실수를 방지할 수 있어야 함

    직학유유
    =직장과 학교 ㅠㅠ

UI 설계 지침

  1. 사용자 중심: 사용자가 이해하기 쉽고 편하게 사용할 수 있는 환경을 제공하며, 실사용자에 대한 이해가 바탕이 되야 함
  2. 일관성: 버튼이나 조작 방법을 사용자가 기억하기 쉽고 빠르게 습득해야 함
  3. 단순성: 조작 방법이 간단
  4. 결과 예측 가능: 작동시킬 기능만 보고도 결과 예측이 가능해야 함
  5. 가시성: 주요 기능을 메인 화면에 노출시켜서 쉬운 조작이 가능
  6. 표준화: 디자인을 표준화 해야함
  7. 접근성: 사용자의 직무, 연령, 성별 등이 고려된 다양한 계층을 수용
  8. 명확성: 사용자가 개념적으로 쉽게 이해해야 함
  9. 오류 발생 해결: 사용자가 오류에 대한 상황을 정확하게 인지

    사일단결 가표접명오

UI 요구사항 확인

UI 품질 요구사항

  1. 이식성
    : 다른 플랫폼에서도 많은 추가 작업 없이 얼마나 쉽게 이식 가능한가에 대한 품질 기준
  • 적용성, 설치성, 대체성 포함
  1. 유지보수성
    : 요구사항을 개선하고 확장하는 데 있어 얼마나 용이한가에 대한 품질 기준
  • 분석성, 변경성, 안정성, 시험성 포함
  1. 신뢰성
    : 시스템이 일정한 시간 또는 작동되는 시간 동안 의도하는 기능을 수행함을 보증하는 품질 기준
  • 성숙성, 고장 허용성, 회복성 포함
  1. 효율성
    : 할당된 시간에 한정된 자원으로 얼마나 빨리 처리할 수 있는가에 대한 품질 기준
  • 시간 효율성, 자원 효율성 포함
  1. 사용성
    : 사용자와 컴퓨터 사이에 발생하는 행위를 정확하고 쉽게 인지할 수 있는 품질 기준
  • 이해성, 학습성, 운용성 포함
  1. 기능성
    : 실제 수행 결과와 품질 요구사항과의 차이를 분석하고, 정확하지 않은 결과가 발생활 확률과 관련하여 시스템의 동작을 관찰하기 위한 품질 기준

    이유신 효사기

2. UI 표준

UI 표준 구성

  1. 전체적인 UX원칙
  2. 정책 및 철학
  3. UI 스타일 가이드
  4. UI 패턴 모델 정의
  5. UI 표준 수립을 위한 조직 구성

    액정 스패조
    =액정의 스페이스바가 조금보인다

3. UI 지침

UI 개발을 위한 주요 기법

  1. 3C 분석: 고객, 자사, 경쟁사를 비교하고 분석하여 어떻게 차별화 할 것인가를 분석하는 기법
  2. SWOT 분석: 강점, 약점, 기회, 위협 요인을 분석하고 이를 토대로 경영 전략을 수립하는 기법
  3. 시나리오 플래닝: 불확실성이 높은 상황 변화를 예측하고 다양한 시나리오를 설계하는 방법으로 불확실성을 제거하는 경영 전략의 기법
  4. 사용성 테스트: 사용자가 직접 제품을 사용하면서 미리 작성된 시나리오에 맞추어 과제를 수행한 후 질문에 답하도록 하는 테스트
  5. 워크숍: 소집단 정도 인원으로 특정 문제나 과제에 대한 아이디어를 교환하고 검토하는 연구회

4. 스토리보드

스토리보드 개념

스토리보드는 UI 화면 설계를 위한 정책이나 서비스를 위한 대부분의 정보가 수록된 문서이다.

  • 디자이너와 개발자가 최종적으로 참고하는 산출 문서

UI 화면 설계 구분

  1. 와이어 프레임: 이해 관계자들과의 화면구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 구성하는 작업
  2. 스토리보드: 서비스 구출을 위한 모든 정보가 담겨있는 설계 산출물
  3. 프로토타입: 정적인 화면으로 설계된 와이어 프레임이나 스토리보드에 동적 효과를 적용하여 실제 구현된 것 처럼 시뮬레이션하는 모형

    와스프

profile
주니어개발자(?)

0개의 댓글