수업 1검증 전략: 필수 필드, 이메일 검증, 값 범위, 조건부 표시, 실시간 피드백요청 데이터에 대한 견고한 검증 전략을 구현합니다. 필수 필드, 패턴 검사, 범위, 조건부 표시를 실시간 피드백과 결합하여 오류를 방지하면서 사용자 불편을 최소화합니다.
필수 및 선택 필드 구성이메일 및 패턴 기반 입력 검증숫자 범위 및 허용 값 집합조건부 표시 및 동적 규칙인라인 오류 메시지 및 성공 표시수업 2요청 상세 화면: 전체 메타데이터, 이력/타임라인, 댓글, 첨부파일, 상태 변경 액션전체 컨텍스트를 보여주는 요청 상세 화면을 설계합니다. 메타데이터, 이력, 댓글, 첨부파일, 상태 액션을 명확한 레이아웃으로 표시하여 감사 및 협업을 지원합니다.
주요 메타데이터 및 필드 구조화이력 및 상태 타임라인 표시댓글 및 내부 협업첨부파일 및 버전 관리상태 변경 및 승인 액션수업 3관리자 대시보드: 할당 대기열, 작업량 뷰, SLA 위반, 요청 유형 및 우선순위 구성 페이지운영 인사이트를 제공하는 관리자 대시보드를 구축합니다. 할당 대기열, 작업량 뷰, SLA 위반 지표, 요청 유형, 우선순위, 라우팅 규칙 구성 화면을 설계합니다.
할당 및 분류 대기열 설계작업량 및 용량 개요 뷰SLA 위반 및 위험 강조요청 유형 및 우선순위 구성관리자 전용 구성 및 보안수업 4공식 및 위임 패턴: patch vs submitform, LookUp/Filter 위임, 컬렉션 사용, 오류 처리 및 재시도신뢰할 수 있는 공식 및 위임 패턴을 적용합니다. Patch와 SubmitForm 비교, 위임 가능한 필터 및 조회 설계, 안전한 컬렉션 사용, 복원력 있는 앱을 위한 오류 처리 및 재시도를 구현합니다.
Patch 대 SubmitForm 선택위임 가능한 Filter 및 LookUp 설계데이터 손실 없는 컬렉션 사용오류 처리 및 사용자 알림일시적 실패를 위한 재시도 로직수업 5홈/대시보드 설계: 위젯, 필터, 상태별 카운트, SLA 알림, 검색 및 빠른 액션주요 지표와 액션을 요약하는 홈 대시보드를 생성합니다. 위젯, 필터, 상태 카운트, SLA 알림, 검색, 빠른 액션을 설계하여 사용자가 가장 중요한 작업을 먼저 수행하도록 안내합니다.
KPI 타일 및 요약 위젯 설계상태 및 소유권 글로벌 필터SLA 알림 및 연체 지표요청 및 메타데이터 검색자주 수행하는 사용자 작업 빠른 액션수업 6화면 구조 및 네비게이션: 홈/대시보드, 신규 요청, 내 요청, 요청 상세, 관리자 대시보드명확한 화면 맵과 네비게이션 모델을 정의합니다. 홈, 신규 요청, 내 요청, 요청 상세, 관리자 대시보드를 일관된 메뉴, 딥 링크, 뒤로 가기 패턴으로 연결합니다.
핵심 앱 화면 및 여정 매핑상단 네비게이션, 사이드 메뉴 또는 탭네비게이션을 위한 컨텍스트 변수 사용특정 요청 레코드로 딥 링킹뒤로 가기 및 취소 동작수업 7앱 유형 선택: Canvas vs 모델 기반 앱, 정당화 및 트레이드오프요청 솔루션을 위한 Canvas 및 모델 기반 앱을 비교합니다. 데이터 복잡성, UX 요구사항, 거버넌스, ALM을 평가하고 성능, 확장성, 유지보수를 위한 명확한 트레이드오프로 선택을 정당화합니다.
Canvas 앱 경험을 선호할 때모델 기반 앱을 선호할 때두 앱 유형을 사용하는 하이브리드 패턴보안, ALM, 거버넌스 영향라이선싱 및 환경 고려사항수업 8내 요청 및 팀 뷰: 리스트 갤러리, 정렬, 필터링, 인라인 액션 (편집, 댓글, 에스컬레이션)효율적인 분류를 위한 내 요청 및 팀 뷰를 설계합니다. 갤러리, 정렬, 필터링, 인라인 액션을 구성하여 사용자가 단일 화면에서 요청을 빠르게 찾고, 업데이트, 댓글, 에스컬레이션할 수 있습니다.
리스트 갤러리 및 레이아웃 설계주요 필드별 정렬 및 필터링인라인 편집, 댓글, 에스컬레이션 액션상태 및 우선순위 시각적 지표대용량 요청 리스트 성능 팁수업 9신규 요청 화면: 양식 레이아웃, 필수 필드, 첨부파일, 요청 유형 선택기, 자동 채워짐 필드데이터를 정확하고 빠르게 포착하는 신규 요청 화면을 설계합니다. 레이아웃, 필수 필드, 요청 유형, 첨부파일, 자동 채워진 값을 정의하여 사용자 노력 감소와 데이터 품질 및 거버넌스 규칙 강제를 달성합니다.
단일 vs 다중 컬럼 양식 레이아웃 선택필수 및 선택 필드 구성요청 유형 선택기 컨트롤 설계파일 첨부 및 크기 제한 관리자동 채워진 기본값 구현수업 10접근성, 태블릿/데스크톱 반응형 레이아웃, 모바일 고려사항태블릿, 데스크톱, 휴대폰에 적응하는 레이아웃을 설계합니다. 컨테이너, 브레이크포인트, 상대적 크기를 사용하여 방향, 해상도, 입력 방식에 관계없이 양식이 사용 가능하고 접근 가능하며 읽기 쉽게 유지합니다.
컨테이너 및 유연한 높이 컨트롤 사용디바이스 크기에 대한 브레이크포인트 구성터치, 마우스, 키보드 설계색상 대비 및 읽기 쉬운 타이포그래피화면 판독기 및 포커스 순서 지원