Bài giảng Tương tác người máy: Chương 11 - Thiết kế Icons trình bày các nội dung kiến thức trọng tâm về: Khái niệm và vai trò của Icons; Các chuẩn cho thiết kế Icon; Qui trình thiết kế; Đánh giá... Mời các bạn cùng tham khảo chi tiết bài giảng tại đây.
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 11.3 Qui trình thiết kế 11.4 Đánh giá Update 8-07 Dept of SE, August-2002 HCI – Four 42 Prepared by MSc Luong manh Ba 11.1 Tổng quan Các icon (biểu tượng/ hình vẽ) sử dụng hình để thực tương tác ứng dụng ND • Các biểu tượng đồ hoạ cung cấp độc lập ngôn ngữ trao đổi thơng tin với ND • Là phần giao diện đồ hoạ cung cấp khả học, hiểu ghi nhớ phần tử chức hệ thống trợ giúp ND thao tác với phần tử • Thường giao diện người dùng đồ hoạ – GUI cung cấp biểu diễn ẩn dụ cho nhiệm vụ ND Các biểu tượng biểu diễn ẩn dụ cách trực tiếp, hay đối tượng vật lí cách gián tiếp • Update 8-07 Dept of SE, August-2002 HCI – Four 43 Prepared by MSc Luong manh Ba 11.1 Tổng quan (tiếp) • Phân loại biểu tượng: – Biểu diễn đối tượng vật lý ổ đĩa, máy in,… – Biểu diễn chức cuả HT (action Icons) – Biểu diễn đối tượng điều khiển (data controls) Cách hiểu người dùng biểu tượng đối tượng Update 8-07 Dept of SE, August-2002 HCI – Four 44 Prepared by MSc Luong manh Ba 11.1 Tổng quan (tiếp) • Cấu trúc khái niệm đối tượng biểu tượng Khung làm việc sử dụng để rõ biểu tượng đối tượng- ISO 11581 Update 8-07 Dept of SE, August-2002 HCI – Four 45 Prepared by MSc Luong manh Ba Chương 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á Update 8-07 Dept of SE, August-2002 HCI – Four 46 Prepared by MSc Luong manh Ba 11.2 Các chuẩn cho thiết kế Icons • Có nhiều chuẩn cho thiết kế đảm bảo tính tiện dụng (Usability) Update 8-07 Dept of SE, August-2002 HCI – Four 47 Prepared by MSc Luong manh Ba 11.2 Các chuẩn (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 48 Prepared by MSc Luong manh Ba Các cách tiếp cận chuẩn • • Các chuẩn ISO hướng xử lý (Process-Oriented ISO Standards) – – – – ISO 9241-11 Hướng dẫn tính dùng ISO 13407 : 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 16982 : Công thái học cho tương tác người dùng – hệ thống Các phương pháp tính dùng hỗ trợ cho thiết kế hướng người dùng • Các chuẩn ISO hướng sản phẩm (Produit-Oriented ISO Standards) – – Update 8-07 ISO/IEC 9126 – : mơ hình cho chất lượng sản phẩm dựa công nghệ , kỹ thuật ISO/IEC 9126 – : tính dùng thước đo chất lượng bên bên Dept of SE, August-2002 HCI – Four 49 Prepared by MSc Luong manh Ba Chuẩn ISO 9241 cho tính tiện dụng Update 8-07 Dept of SE, August-2002 HCI – Four 50 Prepared by MSc Luong manh Ba Chuẩn ISO 11581 cho thiết kế ICON • ISO/IEC 11581: phần – ISO/IEC 11581 – : Tổng quan biểu tượng – ISO/IEC 11581 – : Các biểu tượng đối tượng – ISO/IEC 11581 – :Các biểu tượng trỏ - ISO/IEC 11581 – biểu tượng điều khiển - ISO/IEC 11581 – biểu tượng công cụ - ISO/IEC 11581 – : Các biểu tượng hành động Update 8-07 Dept of SE, August-2002 HCI – Four 51 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 Update 8-07 Dept of SE, August-2002 HCI – Four 87 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) Update 8-07 Dept of SE, August-2002 HCI – Four 88 Prepared by MSc Luong manh Ba Các biến thể • Các biến thể tồ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, Update 8-07 Dept of SE, August-2002 HCI – Four 89 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 Update 8-07 Dept of SE, August-2002 HCI – Four 90 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 • Update 8-07 Dept of SE, August-2002 HCI – Four 91 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 Update 8-07 Dept of SE, August-2002 HCI – Four 92 Prepared by MSc Luong manh Ba Một số hình ảnh Icons Update 8-07 Dept of SE, August-2002 HCI – Four 93 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 94 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 95 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 96 Prepared by MSc Luong manh Ba Một số hình ảnh Icons (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 97 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á Update 8-07 Dept of SE, August-2002 HCI – Four 98 Prepared by MSc Luong manh Ba 11.4 Đánh giá Thường Dùng kĩ thuật Heuristic Update 8-07 Dept of SE, August-2002 HCI – Four 99 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) Update 8-07 Dept of SE, August-2002 HCI – Four 100 Prepared by MSc Luong manh Ba Đánh giá (tiếp) Update 8-07 Dept of SE, August-2002 HCI – Four 101 ... tượng- ISO 115 81 Update 8-0 7 Dept of SE, August-2002 HCI – Four 45 Prepared by MSc Luong manh Ba Chương 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... Update 8-0 7 Dept of SE, August-2002 HCI – Four 74 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. .. (Process-Oriented ISO Standards) – – – – ISO 9241 -1 1 Hướng dẫn tính dùng ISO 13407 : 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