Clean & Blue 자세히보기
반응형

화면설계 2

정보처리기사 실기 - 5. 화면 설계(2) /흐름설계/스토리보드/고객여정지도/HTML5

2) UI 설계하기 - UI 흐름 설계 업무의 흐름이나 업무 수행과 관련된 일련의 클릭에 의한 화면의 위치와 흐름을 흐름도 형식으로 표현하는 활동 -> 한 가지의 업무를 수행하는데 필요한 화면과 일련의 흐름을 이해시킴 -> 화면의 용도를 이해시킴 - UI 흐름 설계 수행 절차 - 업무 흐름 분석 - 화면에 표현되어야 할 기능 정의 시스템 입력 시스템 풀력 어떤 데이터를 저장할 건지 어떤 연산을 수행할지 - 업무 흐름을 기반으로 화면 흐름 정의 -> 각 단위 화면 간의 선후행 분석 -> 각 화면 간의 흐름을 정의 - 기능 분석을 통해 공통적으로 필요한 기능 및 양식 정의 - UI 상세 설계 - UI 요구사항 확인 - UI 구조 설계 -> UI 요구사항들과 UI 프로토타입에 기준해 UI 구조 설계 - 메뉴 ..

정보처리기사 실기 - 5. 화면 설계(1) /스타일가이드/프로토타입

1) UI 요구사항 확인하기 •화면 설계의 개요 - 화면(User Interface) 사람과 시스템 사이의 접점 -> 사용자와 각각의 시스템 사이의 정보 채널 -> 화면 설계 : 상호 정보 교환의 방법을 체계화하여 설계하고 디자인하는 작업 - 화면 설계의 방향 사용자 중심 단순한 설계 현명한 색상 사용 일관성 유지 사용자 경험 지식화 지속적인 테스트 및 반복 - 설계 원칙 직관성 유효성 학습성 유연성 - UI의 유형 명령어 방식 : 명령어 암기 필요 메뉴 방식 : 기억보다 인식에 의존하는 방식 자연언어 이용 방식 : 자연 언어의 모호성이 혼동을 가져올 수 있음 윔프 포인터와 클릭 - 화면 설계의 수행 절차 - UI 스타일 가이드 작성 디자이너 또는 개발자들이 각각 웹사이트의 다른 부분들을 맡아서 일을 할..

반응형