Prepared by MSc Luong manh Ba Tương tác người - máy Human Computer Interaction - HCI Department of Software Engineering Faculty of Information Technology Hanoi University of Technology TEL: 04-8682595 FAX: 04-8692906 Email: cnpm@it-hut.edu Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Chương X: Thiết kế Trợ giúp Nội dung 10.1 Khái niệm 10.2 Phân loại 10.3 Qui trình thiết kế 10.4 Đánh giá Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Hệ trợ giúp • Là hệ thống giúp đỡ người dùng, có mặt ứng dụng phần mềm, ứng dụng Web-based, intranet • “Help” gọi “online Help” • Hệ trợ giúp thiết kế tốt giúp người dùng sử dụng tốt phần mềm • Là nơi người dùng tìm đến cần giúp đỡ Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Hệ trợ giúp (tiếp) • Mục đích Help để trả lời câu hỏi người dùng gặp phải trình sử dụng Mục đích xa Help đưa tài liệu toàn diện để người dùng tham khảo nghiên cứu sâu Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Hệ trợ giúp • Sự hữu ích hệ trợ giúp phụ thuộc vào cách phân phối, tổ chức thông tin • Người dùng muốn hệ trợ giúp trực tuyến đưa câu trả lời nhanh cho câu hỏi, họ không muốn phải đào sâu hệ trợ giúp để tìm Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Hệ trợ giúp • Các chế định dạng Help cho phép cho người dùng thông tin phù hợp cho công việc thời họ • Cung cấp cách tiếp cận nhanh tới thông tin bổ sung tập tài liệu lớn Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba 10.2 Các loại trợ giúp • Tham khảo nhanh - Quick reference • Trợ giúp cho công việc - Task specific help • Giải thích đầy đủ - Full explanation • Hướng dẫn – Tutorial Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Các yêu cầu hệ trợ giúp • Tính sẵn dùng – Availability • Tính xác đầy đủ - Accuracy and Completeness • Tính quán – Consistency • Tính khỏe – Robustness • Tính linh hoạt – Flexibility • Tính không tương tranh – Unobtrusiveness Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Các dạng trợ giúp Update 8-07  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Các dạng trợ giúp(tiếp) • Hệ trợ giúp hướng dẫn sử dụng (User guide) viết hoàn toàn giấy • Các hệ trợ giúp trực tuyến có lẽ panel trợ giúp - mô tả ngữ cảnh ngắn gọn hình ứng dụng Update 8-07  Dept of SE, August-2002 HCI – Four 10 Prepared by MSc Luong manh Ba Java Help • Được thiết kế cho ứng dụng viết ngôn ngữ lập trình Java • Có thể chạy hầu hết hệ điều hành khác (Window, UNIX, Macintosh , LINUX ) Update 8-07  Dept of SE, August-2002 HCI – Four 27 Prepared by MSc Luong manh Ba ROBO HELP • Robo Help công cụ tạo Help trợ giúp cho ứng dụng chạy desktop web-based • Hỗ trợ 10 loại ngôn ngữ khác • Bộ công cụ Robo Help hãng Macromedia sản xuất • Robo Help sử dụng công cụ soạn thảo Microsoft Word để tạo hiệu chỉnh file topic Update 8-07  Dept of SE, August-2002 HCI – Four 28 Prepared by MSc Luong manh Ba ROBOT Help (Tiếp) Demo ví dụ tạo Help công cụ Robo Help Update 8-07  Dept of SE, August-2002 HCI – Four 29 Prepared by MSc Luong manh Ba 10.3 Qui trình thiết kế hệ trợ giúp • Tạo Help Topic • Xác định cửa sổ để hiển thị Help Topic • Xác định phương pháp định hướng Help Topic Update 8-07  Dept of SE, August-2002 HCI – Four 30 Prepared by MSc Luong manh Ba Tạo Help Topic • Help Topic đơn vị tổ chức hệ trợ giúp, chứa đựng tất thông tin mà người dùng tìm kiếm • Welcome Topic: Chủ đề hệ trợ giúp, biểu diễn mục đích tổng thể hệ trợ giúp • Overview style topic: cung cấp thông tin mang tính khái niệm tảng chủ đề Update 8-07  Dept of SE, August-2002 HCI – Four 31 Prepared by MSc Luong manh Ba Tạo Help Topic (tiếp) • Procedure style topic: biểu diễn chuỗi bước giúp người dùng hoàn thành nhiệm vụ cụ thể, bắt đầu với tiêu đề mô tả vài loại hoạt động, ví dụ: “Creating a Topic”, “To create a Topic inside the Project Tab ” • Definition style topics: mô tả ngắn gọn thường hiển thị cửa sổ popup Update 8-07  Dept of SE, August-2002 HCI – Four 32 Prepared by MSc Luong manh Ba Tạo Help Topic (tiếp) • What’s This? Style topics: topic pop-up nhỏ hiển thị cách kích chuột vào tính giao diện ứng dụng để cung cấp mô tả ngắn gọn tính năng, đơn giản mô tả chức cụ thể giao diện ứng dụng • Một số loại chủ đề khác: bao gồm thông điệp lỗi (error message), chủ đề xử lý cố (troubleshooting), chủ đề hiển thị ứng dụng trình diễn đa phương tiện Update 8-07  Dept of SE, August-2002 HCI – Four 33 Prepared by MSc Luong manh Ba Xác định cửa sổ hiển thị • Không bắt buộc cửa sổ Help cảm ngữ cảnh phải hoàn thành nhiều nhiệm vụ • Thiết kế cửa sổ cảm ngữ cảnh “Always On Top” • Không nhét nhiều thông tin vào hình Help • Tránh dùng hình ảnh nền, hình mờ, màu sắc làm cho văn chủ đề Help khó đọc Update 8-07  Dept of SE, August-2002 HCI – Four 34 Prepared by MSc Luong manh Ba Xác định cửa sổ hiển thị (tiếp) • Cố gắng đơn giản thiết kế Help, cần kiểu mẫu hệ thống Help, giữ cho quy ước kiểu mẫu quán; tạo khoảng trống theo chiều dọc lề để tổ chức thông tin trợ giúp cho dễ đọc • Dùng bảng tổ chức thông tin phức tạp so sánh • Dùng định nghĩa pop-up để giải thích thuật ngữ, gom định nghĩa ngắn gọn glossary tab glossary Update 8-07  Dept of SE, August-2002 HCI – Four 35 Prepared by MSc Luong manh Ba Xác định cửa sổ hiển thị (tiếp) • Các loại cửa sổ: cửa sổ chính, cửa sổ thứ cấp, cửa sổ pop-up • Cửa sổ cửa sổ thứ cấp: cửa sổ tĩnh • Cửa sổ pop-up: cửa sổ tạm thời Update 8-07  Dept of SE, August-2002 HCI – Four 36 Prepared by MSc Luong manh Ba Cửa sổ Update 8-07  Dept of SE, August-2002 HCI – Four 37 Prepared by MSc Luong manh Ba Cửa sổ thứ cấp Update 8-07  Dept of SE, August-2002 HCI – Four 38 Prepared by MSc Luong manh Ba Cửa sổ pop-up Update 8-07  Dept of SE, August-2002 HCI – Four 39 Prepared by MSc Luong manh Ba Định hướng Help Topic • Các siêu liên kết dẫn tới chủ đề liên quan – Các siêu liên kết thường khó bảo trì – Tránh tạo nhiều siêu liên kết tới chủ đề liên quan – sử dụng siêu liên kết để hiển thị thông tin bổ sung cửa sổ pop-up cửa sổ thứ cấp – Các siêu liên kết không sâu mức Update 8-07  Dept of SE, August-2002 HCI – Four 40 Prepared by MSc Luong manh Ba Định hướng Help Topic (tiếp) • Siêu liên kết điều khiển chủ đề liên quan – – – – Các siêu liên kết chuẩn Các điều khiển See Also Các điều khiển liên kết từ khoá Các điều khiển chủ đề liên quan Update 8-07  Dept of SE, August-2002 HCI – Four 41 [...]... nhận biết tiếng nói) Update 8-07  Dept of SE, August-2002 HCI – Four 14 Prepared by MSc Luong manh Ba Các dạng trợ giúp( tiếp) • Trợ giúp tương tác (Interactive Help): không đợi đến khi được hỏi mới đưa ra trợ giúp Update 8-07  Dept of SE, August-2002 HCI – Four 15 Prepared by MSc Luong manh Ba Trợ giúp theo lệnh – Command assistance • • • • Cung cấp trợ giúp qua các dòng lệnh Được sử dụng trong UNIX... độ trợ giúp cho người sử dụng hiển thị lên màn hình những tài liệu có liên quan với lệnh, chế đ , hoặc động tác mà họ đang thực hiện • Giảm bớt thời gian và số lần gõ phím để có được sự trợ giúp trên màn hình Update 8-07  Dept of SE, August-2002 HCI – Four 12 Prepared by MSc Luong manh Ba Các dạng trợ giúp( tiếp) • CUA (Common User Access) - IBM lần đầu tiên đưa ra khái niệm các khuôn dạng trợ giúp. .. của trình đơn cơ s , về cách tổ chức các đề mục trên trình đơn đ , và về các tổ hợp phím cơ bản Update 8-07  Dept of SE, August-2002 HCI – Four 13 Prepared by MSc Luong manh Ba Các dạng trợ giúp( tiếp) • Các trợ giúp chuyên gia hay còn gọi là wizard • Tool tip, What’s This • Point-and-click • Trợ giúp bằng ngôn ngữ tự nhiên: AnswerWork trong WinHelp cho phép người dùng gọi đến trợ giúp bằng tiếng nói... Luong manh Ba Các dạng trợ giúp( tiếp) • Hệ trợ giúp chẩn đoán là một chương trình nhỏ (được thêm vào ứng dụng phần mềm) hướng dẫn người dùng thông qua một loạt các câu hỏi để có thể đi đến một chỉ dẫn hoặc giải pháp • Phát triển trong các hệ trợ giúp ra quyết định Update 8-07  Dept of SE, August-2002 HCI – Four 11 Prepared by MSc Luong manh Ba Các dạng trợ giúp( tiếp) • Trợ giúp cảm ngữ cảnh (Context... thông dịch • Trợ giúp mức window Hiển thị các Topic khi ấn F1 hay các nút trợ giúp • Trợ giúp mức vùng Hiện các ToolTip Update 8-07  Dept of SE, August-2002 HCI – Four 18 Prepared by MSc Luong manh Ba Các hướng dẫn trực tuyến OnLine Tutorial • Cho phép người dùng làm việc với những trợ giúp ngay trong ứng dụng • Hệ hướng dẫn thông minh ( Cung cấp các đề mục linh hoạt Update 8-07  Dept of SE, August-2002... 8-07  Dept of SE, August-2002 HCI – Four 29 Prepared by MSc Luong manh Ba 10. 3 Qui trình thiết kế một hệ trợ giúp • Tạo các Help Topic • Xác định các cửa sổ để hiển thị Help Topic • Xác định phương pháp định hướng các Help Topic Update 8-07  Dept of SE, August-2002 HCI – Four 30 Prepared by MSc Luong manh Ba Tạo các Help Topic • Help Topic là đơn vị tổ chức cơ bản trong một hệ trợ giúp, chứa đựng tất... Window , UNIX , MACINTOSH hay LINUX WEB help sẽ tạo ra các file định dạng HTML , XML và các file imagine, chúng sẽ được phân bổ trên các thư mục của người sử dụng hoặc trên một server Update 8-07  Dept of SE, August-2002 HCI – Four 25 Prepared by MSc Luong manh Ba Flash Help • Nâng cấp từ WEB Help • Tìm kiếm nhanh , hiệu quả khi phai qua firewalls và băng thông kết nối thấp • Tìm theo yêu cầu của người. .. thông tin mà người dùng tìm kiếm • Welcome Topic: Chủ đề đầu tiên trong một hệ trợ giúp, biểu diễn mục đích tổng thể của một hệ trợ giúp • Overview style topic: cung cấp thông tin mang tính khái niệm và nền tảng về một chủ đề Update 8-07  Dept of SE, August-2002 HCI – Four 31 Prepared by MSc Luong manh Ba Tạo các Help Topic (tiếp) • Procedure style topic: biểu diễn một chuỗi các bước giúp người dùng... nhiệm vụ • Thiết kế các cửa sổ cảm ngữ cảnh “Always On Top” • Không nhét quá nhiều thông tin vào một màn hình Help • Tránh dùng hình ảnh nền, hình m , màu sắc làm cho văn bản chủ đề Help khó đọc Update 8-07  Dept of SE, August-2002 HCI – Four 34 Prepared by MSc Luong manh Ba Xác định các cửa sổ hiển thị (tiếp) • Cố gắng đơn giản thiết kế Help, cần rất ít các kiểu mẫu trong một hệ thống Help, giữ cho... người sử dụng • Giao diện Help động, có tích hợp các Flash sinh động bao gồm cả âm thanh Update 8-07  Dept of SE, August-2002 HCI – Four 26 Prepared by MSc Luong manh Ba Java Help • Được thiết kế cho các ứng dụng viết bằng ngôn ngữ lập trình Java • Có thể chạy được trên hầu hết các hệ điều hành khác nhau (Window, UNIX, Macintosh , LINUX ) Update 8-07  Dept of SE, August-2002 HCI – Four 27 Prepared ... Ba Chương X: Thiết kế Trợ giúp Nội dung 10. 1 Khái niệm 10. 2 Phân loại 10. 3 Qui trình thiết kế 10. 4 Đánh giá Update 8-0 7  Dept of SE, August-2002 HCI – Four Prepared by MSc Luong manh Ba Hệ trợ. .. Luong manh Ba Hệ trợ giúp • Là hệ thống giúp đỡ người dùng, có mặt ứng dụng phần mềm, ứng dụng Web-based, intranet • “Help” gọi “online Help” • Hệ trợ giúp thiết kế tốt giúp người dùng sử dụng... Các dạng trợ giúp( tiếp) • Trợ giúp tương tác (Interactive Help): không đợi đến hỏi đưa trợ giúp Update 8-0 7  Dept of SE, August-2002 HCI – Four 15 Prepared by MSc Luong manh Ba Trợ giúp theo