Bài giảng Chương 10: Thiết kế tầng giao diện người-máy

Bài giảng Chương 10: Thiết kế tầng giao diện người-máy trình bày nguyên tắc chung trong thiết kế giao diện hệ thống; quy trình thiết giao diện; cách thiết kế cấu trúc giao diện; thiết kế các tiêu chí cho giao diện; các nguyên tắc và kỹ thuật phổ biến trong thiết kế điều hướng hệ thống.

Chương 10: Thiết kế tầng giao diện người-máy Mục tiêu chương: - Hiểu số nguyên tắc chung thiết kế giao diện hệ thống - Hiểu qui trình thiết giao diện - Hiểu cách thiết kế cấu trúc giao diện - Hiểu cách thiết kế tiêu chí cho giao diện - Hiểu nguyên tắc kỹ thuật phổ biến thiết kế điều hướng hệ thống - Hiểu nguyên tắc kỹ thuật phổ biến thiết kế đầu vào đàu hệ thống - Có khả thiết kế giao diện - Hiểu tác động yêu cầu phi chức tầng giao diện Giới thiệu - Thiết kế giao diện thức hóa tương tác hệ thống với thực thể bên hệ thống - Các giao diện hệ thống (system interfaces) giao diện giao tiếp hai hệ thống với xem phần tích hợp hệ thống - Giao diện người dùng (User interfaces) giao diện giao tiếp người với máy tính nội dung chương Các nguyên tắc thiết kế giao diện Thiết kế giao diện nghệ thuật cần thỏa mãn điều kiện sau: - Dễ sử dụng: giao diện dễ sử dụng với người khơng có kinh nghiệm - Dễ học: chức gần gũi với tư người sử dụng để họ nắm bắt dễ dàng nhanh chóng - Tốc độ thao tác: thao tác không phức tạp hay dài - Dễ phát triển: giao diện dễ dàng, sẵn sàng đáp ứng yêu cầu thay đổi người dùng Các nguyên tắc thiết kế giao diện bao gồm: - Có layout bố cục hợp lý, ổn định: Giao diện nên gồm chuỗi vùng có mục đích khác hình sử dụng cách ổn định VD bố cục header, footer, left, right website - Đốn nhận nội dung: Hệ thống ln cung cấp thông tin phản hồi công việc tiến hành cung cấp thông tin phần hệ thống sử dụng cho người sử dụng biết - Thẩm mỹ: Tỷ lệ khoảng trắng, hình ảnh, màu sắc, font chữ VD Tỷ lệ khoảng trắng vừa đủ mắt nghỉ ngơi không làm cho giao diện tẻ nhạt cảm giác thông tin sơ sài - Các giao diện có đồng cao - Phù hợp với kinh nghiệm người sử dụng: Giao diện nên thân thiện với người dùng phù hợp với kinh nghiệm, trình độ lớp người dùng khác Hệ thống sẵn sàng cung cấp trợ giúp người sử dụng cần - Tối thiểu hóa sức lực người dùng: Hạn chế tối đa tiêu phí sức lực khơng cần thiết người sử dụng Dễ cho phép người sử dụng thoát khỏi hộp thoại/ trạng thái dễ dàng thao tác quen thuộc (vd: ESC, Alt-F9) Cho phép hủy bỏ thao tác tiến hành, tăng tính khoan dung chương trình Một cửa sổ giao ứng dụng windows thường chia làm vùng: - Vùng điều hướng - Vùng form report - Vùng trạng thái Nguyên tắc thiết kế khuôn dạng giao diện: - Mỗi vùng giao diện chia nhỏ - Mỗi vùng độc lập - Thông tin vùng nên biểu diễn theo luồng trực quan tự nhiên để giảm thiểu chuyển động người dùng từ vùng sang vùng khác Giao diện hỗ trợ NSD đoán trước nội dung: - Khi nhìn vào giao diện, NSD trả lời câu hỏi: Tôi đâu? Tơi làm đây? - Mỗi vùng giao diện cần giúp NSD đoán nội dung Do Các trường thơng tin có form nhập mà có liên quan với nên xếp nhau, thơng tin báo cáo nên xếp 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 ... cho giao diện hệ thống: nhà phân tích thiết kế tiêu chuẩn giao diện, qui tắc mà giao diện hệ thống phải tuân theo Làm mẫu giao diện thiết kế: nhà phân tích tạo mẫu thiết kế 19 giao diện cho giao. ..Mục tiêu chương: - Hiểu số nguyên tắc chung thiết kế giao diện hệ thống - Hiểu qui trình thiết giao diện - Hiểu cách thiết kế cấu trúc giao diện - Hiểu cách thiết kế tiêu chí cho giao diện - Hiểu... interfaces) giao diện giao tiếp người với máy tính nội dung chương Các nguyên tắc thiết kế giao diện Thiết kế giao diện nghệ thuật cần thỏa mãn điều kiện sau: - Dễ sử dụng: giao diện dễ sử dụng