[정보처리산업기사] UI 설계

 

📢 공지사항 필독!!

[정보처리 산업기사] 📢 정보처리 산업기사 카테고리 공지(필독)

 

 

정보처리 산업기사를 공부하며

UI 설계에 대해

학습한 내용을 정리한다.

 

정보처리산업기사를 준비하는

사람이 아니더라도

도움될 내용이니 참고하자.

 

---

 

• UI 설계
  • UI 설계서
    • 사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서
    • 기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성
  • UI 설계 작성 순서
    • UI 설계서 표지 작성
      • 프로젝트명 또는 시스템명을 포함해 작성
    • UI 설계서 개정 이력 작성
      • 수정사항이 있는 UI 설계서의 수정내용 정리
    • UI 요구사항 정의서 작성
      • 사용자의 요구사항 확인, 정리
    • 시스템 구조 작성
      • UI 요구사항, UI 프로토타입에 기초해 전체 시스템 구조 설계
    • 사이트 맵 작성
      • 사이트에 표시할 콘텐츠 메뉴별로 구분해 설계
    🤔 사이트 맵?
    • 화면의 정보를 한눈에 파악하기 위한 시각적인 콘텐츠 모형, 테이블 형태로 구성됨.
    • 프로세스 정의서 작성
      • 사용자가 요구하는 프로세스들을 작업 진행 순서에 맞춰 정리
    • 화면 설계
      • 필요한 화면 페이지별로 설계
  • UI 흐름 설계
    • 업무의 진행 과정, 수행 절차에 따른 흐름을 파악하여 화면과 폼을 설계하는 단계
    • 순서
      • 기능 작성 → 입력 요소 확인 → 유스케이스 설계 → 기능 및 양식 확인
  • UI 상세 설계
    • UI 설계서를 바탕으로 실제 설계 및 구현을 이해 모든 화면에 대해 자세하게 설계를 진행하는 단계
    • 반드시 시나리오를 작성해야함.
    • 순서
      • 요구사항 확인 → UI 설계서 표지 및 개정 이력 작성 → UI 구조 설계 → 메뉴 구조 설계 → 화면 설계
• UI 시나리오 문서
  • 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 다양한 상황에서의 예외 처리 등을 정리한 문서
  • 요건
    • 완전성(Complete)
      • 누락되지 않도록 최대한 상세히 기술
    • 일관성(Consistent)
      • 서비스 목표, 시스템 및 사용자 요구사항, UI 스타일 등이 모두 일관성을 유지해야함.
    • 이해성(Understandable)
      • 누구나 쉽게 이해할 수 있도록 설명
    • 가독성(Readable)
      • 표준화된 템플릿 등을 활용하여 문서를 쉽게 읽을 수 있도록 해야 함.
    • 수정 용이성(Modifiable)
      • 시나리오의 수정, 개선 쉬워야 함
    • 추적 용이성(Traceable)
      • 변경 사항은 언제, 어떤 부분이, 왜 발생했는지 쉽게 추적할 수 있어야 함.

 

 

---

오늘도 열심히 공부하자! 🔥