Thiết kế trợ giúp, thiết kế ICONS (TƯƠNG tác NGƯỜI máy SLIDE)

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á 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” đơi cịn 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 đỡ • 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 q 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 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 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 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 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 HCI – Four Prepared by MSc Luong manh Ba Các dạng trợ giúp 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 HCI – Four Prepared by MSc Luong manh Ba Các dạng trợ giúp(tiếp) • Hệ trợ giúp chẩn đốn 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 loạt câu hỏi để đến dẫn giải pháp • Phát triển hệ trợ giúp định HCI – Four 10 Prepared by MSc Luong manh Ba Các Khuyến nghị • • • Giao diện icon nên quán tập icon, nghĩa tập icon nên hiển thị kiểu đồ hoạ giống Nếu icon biểu diễn kích cỡ khác hình, thiết kế icon nên đảm bảo tính dễ hiểu dễ nhìn, đảm bảo thành phần xuất Nếu icon sử dụng hình khác làm cho icon hiển thị với tỷ lệ cạnh khác nhau, phương pháp thiết kế nên quan tâm đến việc tạo giao diện icon cho ln tương tự hình ảnh thiết kế ban đầu HCI – Four 86 Prepared by MSc Luong manh Ba Các Khuyến nghị (tiếp) • • • Tất icon có sẵn nên dễ hiểu Khi tính dễ hiểu từ lần quan sát khơng phải u cầu tính dùng được, icon nên có khả học dễ nhận biết Vị trí nhãn liên kết với icon thay đổi người dùng nên quán bên môi trường tập môi trường thiết kế để sử dụng Hoạt hình khơng làm giảm tính dễ hiểu dễ nhận biết icon (mục of ISO 9241-3:1992) HCI – Four 87 Các biến thể • Prepared by MSc Luong manh Ba Các biến thể toàn cục cho thuộc tính đường thẳng như: kiểu, độ rộng, điểm kết thúc, liên thông, mẫu, HCI – Four 88 Prepared by MSc Luong manh Ba Các biến thể (tiếp) • Các biến thể tồn cục cho thuộc tính canh góc là: cong, vng, liên thơng HCI – Four 89 Prepared by MSc Luong manh Ba Các biến thể (tiếp) • Mức độ chi tiết tăng lên để thêm vào tính thực tế • Bề mặt mẫu màu sắc khác tồn khơng làm giảm tính dễ hiểu icon Các phần tử đồ hoạ thêm vào khơng nên làm giảm tính dễ nhận dạng icon • HCI – Four 90 Prepared by MSc Luong manh Ba Chi tiết số TD theo chuẩn cho thiết kế giao diện phần mềm HCI – Four 91 Prepared by MSc Luong manh Ba Một số hình ảnh Icons HCI – Four 92 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) HCI – Four 93 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) HCI – Four 94 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) HCI – Four 95 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) HCI – Four 96 Prepared by MSc Luong manh Ba Chương X: Thiết kế ICONS Nội dung 11.1 Khái niệm vai trò Icons 11.2 Các chuẩn cho Thiết kế Icon 11.3 Qui trình thiết kế 11.4 Đánh giá HCI – Four 97 Prepared by MSc Luong manh Ba 11.4 Đánh giá Thường Dùng kĩ thuật Heuristic HCI – Four 98 Prepared by MSc Luong manh Ba 11.4 Đánh giá (tiếp) • Đánh giá Icon theo thuộc tính Để đánh giá Icon ta đánh giá dựa hình ảnh , mà đánh giá theo hình ảnh Icon chíng ta dựa vào tính chất sau: • Viền (boder) • • • Nền (Background) Ảnh (Image) Nhãn (label) HCI – Four 99 Prepared by MSc Luong manh Ba Đánh giá (tiếp) HCI – Four 100 ... XI: Thiết kế ICONS 11.1 Khái niệm vai trò Icons 11.2 Các chuẩn cho Thiết kế Icon 11.3 Qui trình thiết kế 11.4 Đánh giá HCI – Four 45 Prepared by MSc Luong manh Ba 11.2 Các chuẩn cho thiết kế Icons. .. khiển liên kết từ khoá Các điều khiển chủ đề liên quan HCI – Four 40 Prepared by MSc Luong manh Ba Chương XI: Thiết kế ICONS Nội dung 11.1 Khái niệm vai trò Icons 11.2 Các chuẩn cho Thiết kế Icon... : Các trình thiết kế người dùng trung tâm cho hệ thống tương tác ISO/TR 18529 : Công thái học cho tương tác người dùng – hệ thống Các mơ tả q trình , chu trình , vịng đời hướng người dùng ISO/TR