Bài giảng Tương tác người máy: Chương 4 - Các nguyên tắc và vòng đời hình sao trong thiết kế giao tiếp người dùng - máy tính được biên soạn với các nội dung chính bao gồm: Tổng quan về giao tiếp người dùng - máy tính; Các cách tiếp cận; Các mô thức cho tính dùng được; Các nguyên tắc cho tính dùng được; Thiết kế giao tiếp Người-máy;... 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 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 HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba Phần II: Phần thiết kế giao tiếp người dùng Chương IV: Các nguyên tắc vòng đời hình thiết kế tương tác người máy Chương V: Mơ hình GOM, Keytrock (GOM and Keytrock Models) Chương VI: Đặc tả yêu cầu ND Phân tích nhiệm vụ Chương VII: Ký pháp đối thoại thiết kế HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba Chương 4: Các ngun tắc vịng đời hình thiết kế giao tiếp Người dùng – Máy tính Tổng quan Mục đích thiết kế tính dùng tối đa (maximum usability) Lịch sử thiết kế hệ tương tác cung cấp mô thức cho thiết kế có tính dùng Các ngun tắc tính dùn g phương tiện khái quát để hiểu tính dùng HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba Chương 4:Các nguyên tắc vịng đời hình thiết kế giao tiếp Người dùng – Máy tính Nội dung 4.1 Tổng quan 4.2 Các cách tiếp cận 4.3 Các mơ thức cho tính dùng 4.4 Các nguyên tắc cho tính dùng 4.5 Thiết kế giao tiếp Người-máy 4.6 Thiết kế có cấu trúc HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan Nguyên tắc, guidlines, chuẩn hoá luật (rules) biểu diễn tri thức tích luỹ giao tiếp người dùng - Thiết kế để đạt tính sử dụng (usability) mục đích thiết kế, lấy người dùng trung tâm, : - ✓ Hiểu vấn đề : Hiểu y/c ND phát triển sản phẩm ✓ Xác định giai đoạn ✓ Hiểu nhu cầu cách tiếp cận lặp thiết kế ✓ Nguyên tắc ND quan trọng HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) - Lịch sử hệ thống tương tác cung cấp mô thức cho thiết kế dùng 4.1.1 Nguyên tắc (principles) • Là đích chung có lợi cho việc tổ chức thiết kế • Ngun tắc khơng cung cấp phương pháp đặc biệt để thực mục đích => khó sử dụng thực tế Vấn đề: ngun tắc tính qn hay đơn giản khó định nghĩa thực HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) • Yêu cầu: Hệ thống giao tiếp phải thiết kế phải chứng minh hay tính dùng được? 4.1.2 Guidelines ▪ Là luật chung mà thiết kế phải theo ▪ Có thể dẫn từ yếu tố tâm lý hay yếu tố người, chuẩn hoá: KSPM thường quan tâm đến việc trả lời nhanh, thiếu giải thích, thiếu ứng dụng guidelines trái với khác Có nhiều loại guidelines: quản lý, cơng cụ kỹ thuật Thí dụ: màu sắc khơng giống máy, người bị mù màu, HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) ▪ Guideline dùng nhiều thiết kế cơng cụ cho xây dựng giao tiếp người dùng 4.1.3 Chuẩn (Standards) • Là nguyên tắc, guidelines hay luật phải theo u cầu sức ép cơng nghiệp (thí dụ chuẩn Machintosh, MicroSoft, , ) [Smith 86b] • Chuẩn thiết kế để bảo vệ tính hiệu ND hay dây chuyền sản xuất nhà phát triển, lý thương mại hay sách HUT, Falt of IT © Dept of SE, 2002 HCI - Two Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) • Chuẩn đơi yêu cầu sớm lí thương mại hay trị 4.1.4 Luật (Rules) • Là guidelines hay chuẩn với biến tự đặc tả nhu cầu khách hàng với hệ thống riêng biệt [Mossier 86] • Luật tạo họ sản phẩm giống • Luật định nghĩa cách thu thập thông tin liên quan phần riêng biệt giao tiếp người dùng (quản lý Windows) hay chọn HUT,thông Falt of IT số để cài đặt © Dept of SE, 2002 màu sắc, HCI (tiêu đề, -.Two ) Prepared by MSc Luong manh Ba 4.1 Tổng quan (tiếp) • Việc áp đặt luật khó khăn tự động hố nhờ cơng cụ phần mềm, thí dụ thư viện tương tác theo hướng đối tượng • Minh chứng thơng tin guidelines, luật dùng để định nghĩa luật Luật dùng cho phần Hệ Thống: thông báo lỗi, nội dung cửa sổ, HUT, Falt of IT © Dept of SE, 2002 HCI - Two 10 Prepared by MSc Luong manh Ba Thí dụ tạo mẫu thử với Hypercard thí dụ tạo mẫu thử với Hypercard cho quản lý tệp: In tệp Xem tàI liệu “Prototyping UI in Hypercard” -A.J.Dix HUT, Falt of IT © Dept of SE, 2002 HCI - Two 51 Prepared by MSc Luong manh Ba Mẫu thử (tiếp) - Trợ giúp kỹ thuật Oz (Wizard of Oz technique): kỹ thuật trực giác nhằm đặt ND vào môi trường hoạt động giao tiếp ND, thí dụ để mơ giọng nói ngơn ngữ tự nhiên, đầu vào hệ thống đọc tả, ND dùng micro nói người nghe ghi đánh câu phòng khác Kỹ thuật cho phép đánh giá hệ thống chưa xây dựng HUT, Falt of IT © Dept of SE, 2002 HCI - Two 52 Prepared by MSc Luong manh Ba Mẫu thử (tiếp) 4) Một số cảnh báo kỹ thuật lặp • Qn tính thiết kế: lúc đầu tồi sau tồi • Chuẩn đốn vấn đề thực tính dùng thiết kế mẫu thử triệu chứng HUT, Falt of IT © Dept of SE, 2002 HCI - Two 53 Prepared by MSc Luong manh Ba Mẫu thử - thí dụ 5) Thí dụ: Tìm kiếm Nhân tệp Cán Giao tiếp thiết kế sau (qua bước) Chọn tiêu chí tìm Tªn Nghề nghiệp Văn hoá Phòng ban OK HUT, Falt of IT Back © Dept of SE, 2002 HCI - Two 54 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chn tiờu tỡm Tên Nghề nghiệp Văn hoá Phòng ban OK Back 1) Người dùng rê chuột đến ô cạnh Tên nhấn phím để chọn HUT, Falt of IT © Dept of SE, 2002 HCI - Two 55 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chn tiờu tỡm Tên Nghề nghiệp Văn hoá Phòng ban OK Back 1) Người dùng rê chuột đến ô cạnh Tên nhấn phím để chọn 2) Người dùng rê chuột đến cạnh Văn hố nhấn phím để chọn HUT, Falt of IT © Dept of SE, 2002 HCI - Two 56 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chọn tiêu chí tìm Tên Nghề nghiệp Văn hoá Phòng ban OK Back 1) Người dùng rê chuột đến ô cạnh ô Tên nhấn phím để chọn 2) Người dùng rê chuột đến cạnh Văn hố nhấn phím để chọn HUT, Falt of IT © Dept of SE, 2002 HCI - Two 57 Prepared by MSc Luong manh Ba Thí d (tip) Chn tiờu tỡm Tên Nghề nghiệp Văn hoá Phòng ban OK Back 3) Ngi dựng rờ chut đến cạnh Tên nhấn phím để loại chọn mục Tên HUT, Falt of IT © Dept of SE, 2002 HCI - Two 58 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chọn tiêu chí tìm Tªn Nghề nghiệp Văn hoá Phòng ban OK Back 1) Ngi dùng rê chuột đến cạnh Văn hố nhấn phím đề chọn HUT, Falt of IT © Dept of SE, 2002 HCI - Two 59 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chọn tiêu chí tìm Tên Nghề nghiệp Văn hoá Phòng ban OK Back 2) Người dùng rê chuột đến ô cạnh ô Nghề nghiệp nhấn phím đề chọn HUT, Falt of IT © Dept of SE, 2002 HCI - Two 60 Prepared by MSc Luong manh Ba Thí dụ (tiếp) Chọn giá trị Nghề nghiệp: Văn hoá: Back OK 3) Người dùng nhập liệu vào mục liên quan 4) Nhấn OK để thực HUT, Falt of IT © Dept of SE, 2002 HCI - Two 61 Prepared by MSc Luong manh Ba 4.7 Tổng kết • Mơ thức cho tính dùng : Lịch sử máy tính chứa đựng nhiều thí dụ sáng tạo mà tương tác người máy đề cao • Các ngun tắc cho tính dùng được: Thiết kế có tính lặp cho tính dùng nhằm vào lợi ích tối đa thiết kế tốt trìu tượng hố tính chất chung, định hướng việc thiết kế có mục đích • Sự thành cơng thiết kế có tính dùng đượcyêu cầu thấu hiểu nguyên tắc có chủ định HUT, Falt of IT © Dept of SE, 2002 HCI - Two 62 Prepared by MSc Luong manh Ba Bài tập chương IV 4.1 What was the problem with the synthesis example comparing a command language interface with a visual interface? Can you suggest a fix to make a visual interface really immediately honest? 4.2 It has been suggested in this chapter that consistency could be considered a major category of interactive principles, on the same level as learnability, flexibility and robustness If this had been the case, which principles discussed in this chapter would appear in support of consistency? HUT, Falt of IT © Dept of SE, 2002 HCI - Two 63 Prepared by MSc Luong manh Ba Bài tập chương IV (tiếp) 4.3 Discuss the ways in which a full-page word-processor is or is not a direct manipulation interface for editing a document using Shneiderman’s criteria What features of a modern word processor break the metaphor of composition with pen/ paper? 4.4 Starting with some of the principles outlined in this chapter, provide a usability specification for an electronic meetings diary or calendar First identify some of the tasks that would be performed by a user trying to keep track of future meetings, and then complete the usability specification assuming that the electronic system will be replacing a paperbased system What assumptions you have to make about the user and the electronic diary in order to create a reasonable usability specification? HUT, Falt of IT © Dept of SE, 2002 HCI - Two 64 Prepared by MSc Luong manh Ba Bài tập chương IV(tiếp) 4.5 Can you think of any instances in which the ‘noun–verb’ guideline for operations, as suggested in the Apple human interface guidelines for the Desktop Interface, would be violated? Suggest other abstract guidelines or principles besides consistency which support your example (Hint: Think about moving files around on the Desktop.) 4.6 Whatis the distinction between aprocess-oriented and a structure-oriented design rationale technique? Would you classify psychological design rationale as process- or structureoriented? Why? HUT, Falt of IT © Dept of SE, 2002 HCI - Two 65 ... - Two Prepared by MSc Luong manh Ba Chương 4: Các ngun tắc vịng đời hình thiết kế giao tiếp Người dùng – Máy tính Nội dung 4. 1 Tổng quan 4. 2 Các cách tiếp cận 4. 3 Các mô thức cho tính dùng 4. 4... Thiết kế giao tiếp người dùng – máy tính Nội dung 4. 5.1 Tổng quan thiết kế 4. 5.2 Vịng đời vịng đời hình thiết kế tương tác người máy 4. 5.3 Hợp thức kiểm chứng (validation & verification) 4. 5 .4 Mẫu... Ba Phần II: Phần thiết kế giao tiếp người dùng Chương IV: Các nguyên tắc vịng đời hình thiết kế tương tác người máy Chương V: Mơ hình GOM, Keytrock (GOM and Keytrock Models) Chương VI: Đặc tả