11-4 객체지향 설계(사용자 인터페이스 설계)

🖥️ 인터페이스 설계 절차

사용 시나리오 개발

• 시스템 사용자가 실제로 시스템을 어떻게 사용할지를 시나리오 형식으로 기술한다.
• 예: 로그인 → 상품 검색 → 장바구니 담기 → 결제

인터페이스 구조 설계

• 도출된 모든 사용 시나리오의 각 단계를 블록 다이어그램으로 표현한다.
• 흔히 윈도우 네비게이션 다이어그램을 사용하여 화면 간 이동 흐름을 시각적으로 설계.

인터페이스 표준 템플릿 개발

• 사용자 요구사항 또는 개발 환경(UI 프레임워크 등)에 적합한 **화면 레이아웃(템플릿)**을 설계한다.
• 예: 버튼 위치, 메뉴 구조, 폰트 스타일, 색상 가이드 등 UI 일관성을 유지.

인터페이스 프로토타입 개발

• 설계된 템플릿을 기반으로 실제 동작하는 프로토타입(UI Mockup)을 제작한다.
• Figma, Adobe XD, HTML/CSS 등 다양한 도구를 사용 가능.

인터페이스 평가

• 개발된 프로토타입을 개발팀 내부 평가 후, 사용자 평가(Usability Test) 또는 시나리오 기반 평가를 수행한다.
• 사용성이 떨어지는 부분을 개선하여 최종 UI 설계에 반영.

🖼️ 인터페이스 클래스 설계

• 인터페이스 클래스 설계는 자료 구조 설계와 유사한 접근 방식을 사용한다.

• 도메인 클래스의 모든 클래스에 대해 해당하는 UI 요소(화면, 컨트롤러 등)를 인터페이스 클래스로 정의한다.

• 예:

  • User → UserView, UserController
  • Product → ProductListView, ProductDetailView

💡 즉, UI 계층에서 도메인 객체를 표현하고 조작하기 위한 클래스를 정의하는 단계이다.