Bài giảng Hệ thống thông tin: Chương 9 - GV. Lê Thị Quỳnh Nga
Faculty of MIS Faculty of MIS Chương 9 Thiết Kế Giao Diện & Đối Thoại Faculty of MIS Faculty of MIS GV: LÊ THỊ QUỲNH NGA Faculty of MIS Faculty of MIS Nội Dung Giải thích tiến trình thiết kế giao diện & đối thoại. Các phương pháp áp dụng cho tương tác với HT. Liệt kê & mô tả các thiết bị nhập khác nhau & các yếu tố ảnh hưởng đến khả năng sử dụng chúng. Mô tả các hướng dẫn cho việc thiết kế khuôn mẫu giao diện, cấu trúc các vùng nhập liệu, phản hồi, & trợ giúp HT. Thiết kế giao diện người dùng đồ họa. Faculty of MIS Faculty of MIS Faculty of MIS Faculty of MIS Thiết Kế Giao Diện /đối thoại (Interface/Dialogue Design) Khuôn dạng (Layout of widgets, text, & table data) Cấu trúc nhập liệu (tab order) Kiểm soát nhập liệu: dạng thức & giá trị hợp lệ Phản hồi (prompting, status, warning, & error messages) Trình tự đối thoại Faculty of MIS Faculty of MIS Tương tự như thiết kế form, nhưng còn bao gồm đặc tả trình tự đối thoại Đặc Tả Thiết Kế Giao Diện /đối thoại Faculty of MIS Faculty of MIS Đặc Tả Thiết Kế Giao Diện /đối thoại a. Tổng Quan - Tên giao diện/đối thoại - Đặc trưng người sử dụng (ai là người dùng): kinh nghiệm, học vấn, tính cách - Đặc trưng của nhiệm vụ (mục đích là gì?) - Đặc trưng của HT (các phần mềm HT): tác động tới các thiết bị và cách thức tương tác. - Đặc trưng của môi trường (tương tác với hệ ngoài nào) : vai trò của người dùng, độ chiếu sáng, âm thanh, … Faculty of MIS Faculty of MIS Đặc Tả Thiết Kế Giao Diện /đối thoại b. Mẫu thiết kế giao diện/đối thoại - Mẫu thiết kế giao diện/đối thoại - Biểu đồ trình tự đối thoại & mô tả thao tác sử dụng c. Kiểm thử & đánh giá tính khả dụng - Kiểm thử mục tiêu - Kiểm thử các thủ tục - Kiểm thử kết quả: thời gian học, tốc độ hoàn thành, tỉ lệ lỗi, thời gian còn nhớ được sau lần sử dụng cuối, sự thoả mãn của người dùng & nhận thức khác Faculty of MIS Faculty of MIS Các Phương Pháp Tương Tác Giao diện (Interface): phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural language) Faculty of MIS Faculty of MIS Tương tác bằng Ngôn ngữ lệnh Người dùng nhập các lệnh tường minh vào HT để gọi thực hiện thao tác Ví dụ ở MS DOS: COPY C:PAPER.DOC A:PAPER.DOC Sao chép tập tin từ đĩa C: vào đĩa A: Bao gồm các phím nóng & phím chức năng Faculty of MIS Faculty of MIS Các Phương Pháp Tương Tác Giao diện (Interface): phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural language) [...]... thước (Size) Giá trị (Values) Faculty of MIS Thông Tin Phản Hồi (Feedback Messages) Thông tin trạng thái: thông báo cho người dùng cái gì đang diễn ra, hữu dụng khi người dùng phải chờ đáp ứng của HT Nhắc nhở (Prompting cues): nói với người dùng khi nào thì cần nhập liệu, & làm thế nào để cung cấp input Cảnh báo hay sai sót (Warning or Error): Thông báo người dùng cái gì sai Faculty of MIS... gì sai Faculty of MIS Cung Cấp Trợ Giúp Đặt bạn vào vị trí người dùng khi thiết kế trợ giúp Hướng dẫn: Đơn giản Thông tin trợ giúp nên ngắn gọn & đi vào điểm chính Cho người dùng chỉ cái mà họ cần biết, & cho khả năng có thể tìm thêm thông tin Có tổ chức Thông tin trong thông báo trợ giúp phải được chú ý của người dùng Dùng danh sách chia nhỏ thành những mảng quản lý được Chỉ cho thấy... Danh sách các tùy chọn được cung cấp & lệnh cụ thể sẽ được gọi thực hiện khi người dùng chọn 1 tùy chọn của thực đơn Có 2 loại thực đơn phổ biến: Thực đơn con (Pop-up): Thực đơn đặt gần vị trí con trỏ chuột Thực đơn kéo thả (Drop-down): Điểm truy xuất thực đơn đặt ở dòng đầu của display, thực đơn thả xuống khi điểm truy xuất được nấp chuột Faculty of MIS Faculty of MIS Các Hướng Dẫn Thiết Kế Thực... Phương Pháp Tương Tác Giao diện (Interface): phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural language) Faculty of MIS Tương Tác Bằng Ngôn Ngữ Tự Nhiên Input & output là ngôn ngữ nói tự nhiên Dựa trên nghiên cứu trí tuệ nhân tạo (artificial intelligence) Faculty... ngầm định trong vùng thích hợp Units Cần chỉ rõ đơn vị đo của dữ liệu nhập Replacement Dùng ký tự thay thế khi thích hợp Captioning Luôn đặt 1 phần thích hợp vào 1 vùng (dấu ngoặc đơn, khoảng trống, gạch ngang…) Format Cung cấp mẫu định dạng (dấu phân định ngày, tháng năm) Justify Tự động cân chỉnh dữ liệu nhập Help Cung cấp sự trợ giúp nhạy cảm tao ngữ cảnh khi thích hợp Faculty of MIS Entering Text Faculty... Phương Pháp Tương Tác Giao diện (Interface): phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural language) Faculty of MIS Tương Tác Bằng Biểu Mẫu Cho phép người dùng điền vào các chỗ trống khi làm việc với HT Các đo lường thiết kế hiệu quả: Tiêu đề vùng & tựa... Phương Pháp Tương Tác Giao diện (Interface): phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural language) Faculty of MIS Tương Tác Bằng Họa Tiết Các ký hiệu được dùng để biểu diễn lệnh hay chức năng Họa tiết (Icons): Biểu tượng hình ảnh giống như tùy chọn xử... thoại (dialogue sequence) Xây dựng bản mẫu (prototype) Đánh giá tính khả dụng Faculty of MIS Biểu Đồ Đối Thoại (Dialogue Diagramming) 1 phương pháp hình thức để thiết kế & biểu diễn các đối thoại người-máy bằng cách dùng biểu đồ dòng & hộp Faculty of MIS Biểu đồ đối thoại đưa ra trình tự, nhánh điều kiện, & các đối thoại lặp lại Faculty of MIS Faculty of MIS . phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural. phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural. phương pháp mà người dùng tương tác với HTTT Các phương pháp tương tác chung Ngôn ngữ lệnh (Command line) Thực đơn (Menu) Biểu mẫu (Form) Họa tiết (Object-based) Ngôn ngữ tự nhiên (Natural