1. 제이콥의 멘탈모델 적용
2. 사용성향상을 위한 피츠의 법칙적용
3. 인지부하 힉의 법칙 적용
4. 매직넘버7 밀러의 법칙적용
5. 유연한 접근성 포스텔의 법칙
6. 최고 경험의 순간 피크엔드의 법칙
7. 심미적 만족도 향상의 원리
8. 강조를 위한 폰 레스토프 효과
9. 복잡성 보존을 위한 테슬러의 법칙
10. 사용자의 시선을 잡는 도허티 임계의 법칙
1. 현행시스템 분석
2. ASIS UIUX분석
3. 고객사, 수행사 PM, PL 인터뷰
4. 요구사항정의서리뷰 및 요구사항 취합
5. WBS작성
6. 관련 솔루션 분석
7. 업무매뉴얼 분석
8. RFP, 제안서, PI, ISP, ISMP, 전략문서
9. ASIS표준가이드 분석
10. TOBE I.A 분석
11. 내외부 사용자 현황및 화면해상도 취합
12. 핵심업무플로우 상세화면 ( ASIS --> TOBE ) 분석
13. 주요화면 추출
14. 화면패턴 추출
15. 주요 인터랙션 추출
17. A/B Test
18. 설문조사
19. FGI
20. 카드소팅
21. 트리테스트
22. FCT
23. FGD
24. UT
25. CRUD 패턴 정의
26. ASIS TOBE GAP분석
27. 유니크 프레임 / 테마 정의
28. 공통 UI정의
29. 디자인 Draft
30. Draft 보완 및 확정
31. 표준 퍼블리싱
32. UI표준 정의서 작성
33. 메인화면 컨텐츠 수집
34. 메인화면 설계
35. 주요 비표준 화면 지원
36. 변경관리 & Q&A 대응
37. 이행UIUX지원
개요
1.1 UI 표준의 목적
1.2 기대효과
1.3 UI 표준 적용방법
1.4 UI 표준 사용자그룹 별 활용방안
기본 환경
2.1 사용자 유형
2.2 사용자 환경
메인프레임
3.1 UI 구현 컨셉
3.2 프레임 구조
공통 영역 화면 구성
4.1 메인화면
4.2 공통 영역 UI
4.2.1 Top Frame
4.2.2 Left Frame
4.2.3 Right Frame
4.2.4 MDI Tab
4.2.5 Left, Right Frame의 확장/축소
4.3 네비게이션
4.3.1 메뉴 네비게이션
4.3.2 최근 사용 메뉴
4.3.3 즐겨찾기
4.3.4 전체메뉴
4.3.5 메뉴 검색
4.3.6 타 시스템 링크
4.3.7 사이트맵
4.4 업무 공통 영역 UI
4.4.1 타이틀 영역
4.4.2 업무 처리 버튼 영역
업무 영역 화면 구성
5.1 화면의 구성
5.1.1 업무 영역 화면 구성
5.2 업무 화면의 정보 구성
5.2.1 정보의 흐름
5.2.2 세부 구성 원칙
5.3 도움말
5.4 Popup화면
5.4.1 Popup 정보구성
5.5 메시지
5.5.1 메시지 유형
5.5.2 상황 별 메시지
화면세부요소
6.1 타이틀 구분
6.1.1 화면 유형별 타이틀 배치 정의
6.2 조회 영역
6.2.1 조회 조건 영역의 구성
6.2.2 조회 항목 정렬
6.2.3 조회 영역 접기, 펴기
6.3 상세 정보영역
6.3.1 상세정보 영역의 구성
6.3.2 상세정보 영역 버튼 정의
6.3.3 상세정보 영역내 데이터 수정/입력
6.3.4 상세정보 영역확대
6.4 Tab
6.4.1 업무영역내 Tab 구성
6.4.2 동일 레벨의 정보를 Tab으로 분류하는 경우
6.5 단 건 입출력 컴포넌트
6.5.1 단 건 입출력 컴포넌트 작성요령
6.5.2 Edit
6.5.3 Mask Edit
6.5.4 Combo
6.5.5 Combo Box
6.5.6 Calendar
6.5.7 Spin
6.5.8 Text Area
6.6 기타 업무영역 구성 컴포넌트
6.6.1 Check Box
6.6.2 Radio
6.6.3 Button
6.6.4 Tab
6.6.5 Shuttle
6.7 그리드 (다 건 입출력)
6.7.1 그리드 구성
6.7.2 데이터 필드 순서
6.7.3 그리드 작성시 권장사항
6.7.4 데이터 정렬
6.7.5 타이틀, 지시문
6.7.6 그리드 공통버튼
6.7.7 마스터, 디테일 정보의 정의
6.7.8 그리드 행 추가/수정/삭제
6.7.9 정보 구분 표기
6.7.10 정보 표기 / 툴팁
6.7.11 수정 가능 그리드 / 수정 불가능 그리드
6.7.12 그리드에서 키보드 사용하기
6.7.13 그리드 소트 (헤더 클릭)
6.7.14 그리드 우 클릭 부가기능
6.7.15 필터
6.7.16 그리드 항목 설정
6.7.17 멀티소트
6.7.18 컬럼 넓이 조절
6.7.19 컬럼 이동
6.7.20 스크롤 영역과 페이징
6.7.21 그리드 영역 확장/축소 기
6.7.22 헤더가 한 줄 이상인 경우
6.7.23 그리드 하위 정보 표기
6.7.24 데이터 조회 후 입력
6.7.25 그리드 셀 별 링크
6.7.26 데이터 복사버튼
6.7.27 Tree 그리드
6.7.28 그리드 커스텀 버튼 제한
6.7.29 그리드 하단 업무버튼
6.8 버튼
6.8.1 버튼 배치 기본원칙
6.8.2 버튼 그룹 정의
6.8.3 버튼 기능 설명
6.8.4 버튼 동작 규칙
6.9 표준 서식
6.9.1 날짜 / 시간 표준
6.9.2 국제 날짜 표기 형식
6.9.3 숫자 / 통화
6.9.4 아이디/비밀번호
6.9.5 휴대전화 / 전화·FAX번호
6.9.6 카드 / 법인 / 사업자 / 주민·외국인등록번호
6.9.7 계좌번호 / 생년월일 / 인터넷 주소
6.9.8 이름 / 이메일 / 페이징
6.9.9 주소
6.9.10 Popup으로 찾는 데이터