Giao diện người máy
Giao diện Người-Máy Lời cảm ơn Em xin chân thành gửi lời cảm ơn đến thầy Đặng Trần Trí phân tích hướng dẫn, đóng góp ý kiến giúp em hoàn thành đề tài Vì lý hạn chế kinh nghiệm kiến thức chung, trình làm đề tài khó tránh khỏi sai sót, kính mong thông cảm, phê bình góp ý thầy cô SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy MỤC LỤC TỔNG QUAN 1.1 LÝ DO CHỌN ĐỀ TÀI 1.2 MỤC TIÊU NGHIÊN CỨU GIAO DIỆN NGƯỜI-MÁY 2.1 ĐỊNH NGHĨA .4 2.2 TÍNH SỬ DỤNG CỦA HỆ THỐNG TƯƠNG TÁC .5 2.2.1 Định nghĩa 2.2.2 Nguyên lý thiết kế hệ thống có tính sử dụng 2.3 2.3.1 Mô hình thác nước 2.3.2 Mô hình thiết kế lặp 2.3.3 Vòng đời kỹ nghệ giao diện người sử dụng 2.4 THIẾT KẾ HƯỚNG NGƯỜI SỬ DỤNG KHẢ NĂNG CỦA CON NGƯỜI 10 2.4.1 Hệ thống nhận thức người 10 2.4.2 Mô hình xử lý thông tin người 11 2.4.3 Nhận thức 12 ĐÁNH GIÁ MỘT SỐ HỆ THỐNG HIỆN HỮU 13 3.1 SLIDESHARE.NET 13 3.2 SCRIBD.COM 15 3.3 DOCSTOC.COM .17 3.4 TAILIEU.VN 19 3.5 EBOOK.EDU.VN 21 KẾT LUẬN 22 TÀI LIỆU THAM KHẢO .23 SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy Tổng quan 1.1 Lý chọn đề tài Ngày nay, với phát triển vượt bậc khoa học kĩ thuật, đặc biệt công nghệ thông tin, việc ứng dụng công nghệ thông tin vào nhiều lĩnh vực có ý nghĩa quan trọng đời sống người, sản phẩm tương tác tạo ngày nhiều Giao diện người-máy (HCI – Human Computer Interface/Interaction) nghiên cứu tương tác người hệ thống nhằm tạo giao diện đẹp mắt, dễ sử dụng cho người dùng Bên cạnh đó, HCI hướng nghiên cứu ngành phát triển nhiều tiềm có giá trị sử dụng cao 1.2 Mục tiêu nghiên cứu Công nghệ đà đầu tư phát triển kéo theo thương mại điện tử phát triển vượt bậc, website kênh quảng cáo / bán hàng hữu dụng doanh nghiệp Cùng với ý nghĩa thực tiễn đó, em chọn đề tài tổng hợp nguyên lý, quy luật HCI phân tích giao diện số hệ thống website trao đổi tài liệu trực tuyến với lý thuyết HCI SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy Giao diện người-máy 2.1 Định nghĩa Giao diện người-máy HCI (Human-Computer Interaction) nghiên cứu phát triển giao diện máy tính với mục đích làm cho người dùng dễ sử dụng chúng HCI tập tiến trình, đối thoại hành động thông qua mà người sử dụng tương tác với máy tính HCI không thiết kế giao diện, HCI tương tác người máy, giao tiếp người máy HCI liên quan đến việc hiểu tương tác người hệ thống sở máy tính: - Con người o Người sử dụng cuối (end-user) chương trình o Những người khác tổ chức - Máy tính o Là máy móc mà chương trình chạy - Tương tác o Con người “bảo” cho máy tính biết họ muốn o Máy tính “truyền đạt lại” kết Nội dung HCI (khung tương tác người – máy nhóm HCI ACM SIGCHI đưa ra): SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy Nội dung hướng nghiên cứu HCI nhiều, đồ án tập trung trình bày vấn đề sau đây: - Các nhân tố người ánh hưởng đến tính sử dụng tính hiệu hệ thống tương tác - Nguyên lý, kĩ thiết kế đánh giá hệ thống tương tác 2.2 Tính sử dụng hệ thống tương tác 2.2.1 Định nghĩa Tính sử dụng xác định “người sử dụng sử dụng tốt chức hệ thống nào” Theo ISO – Tổ Chức Tiêu Chuẩn Hóa Quốc Tế tính sử dụng xem phạm vi sản phẩm sử dụng nhóm người xác định để đạt mục SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy tiêu xác định với tính hiệu (effectiveness), suất (efficiency) thỏa mãn (satisfaction) ngữ cảnh sử dụng xác định Sáu thuộc tính tính sử dụng: - Effectiveness: tính xác tính đầy đủ mà với người sử dụng đạt mục tiêu xác định trước - Learnability: hệ thống học không? - Efficiency: dễ học, có nhanh sử dụng không? - Memorability: nhớ học? - Errors: lỗi dễ vượt qua lỗi? - Subjective satisfaction: có thích thú sử dụng hệ thống? 2.2.2 Nguyên lý thiết kế hệ thống có tính sử dụng Don Norman – nhà tâm lý học nhận thức tiếng giới mô tả sách “The Design of Everyday Things” sáu nguyên lý thiết kế hệ thống có tính sử dụng - Sự rõ ràng (Visibility) o Nguyên tắc việc giao tiếp mô hình với người sử dụng o Giúp người sử dụng nhận biết trạng thái hành hệ thống - Phản hồi (Feedback) o Bao gồm loại phản hồi: thính giác, thị giác xúc giác o Là mà hệ thống làm người sử dụng hành động Khi thay đổi, phải nhìn thấy - Ràng buộc (Constraints) o Là giới hạn vật lý, ngữ nghĩa, văn hóa logic tổng số khả o Quy ước: ràng buộc văn hóa Các quy ước khác tùy theo văn hóa khác o Ví dụ màu đỏ: Ở Mỹ: nguy hiểm SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy Ai Cập: chết Ấn Độ: sống Trung Quốc: hạnh phúc - Ánh xạ (Mapping) o Là quan hệ điều khiển (controls) ảnh hưởng lên hệ thống o Ánh xạ tự nhiên lấy lợi tương ứng vật lý chuẩn văn hóa o Ví dụ: Xoay tay lái xe theo chiều kim đồng hồ để rẽ phải Sử dụng âm to cho số lượng lớn - Nhất quán (Consistency) - Gợi ý (Affordance) o Là tập thao tác hay thủ tục thực đối tượng “Gợi ý quan sát” người sử dụng nghĩ thực đối tượng o Khả tưởng tượng liên quan đến khả người sử dụng xác định sử dụng đối tượng cách quan sát chúng Đối với đối tượng vật lý, hình dáng bên cách sử dụng: ghế gợi ý ngồi, tay nắm cửa gợi ý xoay… Trong GUI (Graphical User Interface): button gợi ý nhấn được, button chìm gợi ý nhấn, textbox có trắng gợi ý edit, textbox xám không… Việc phát triển hệ thống tương tác thực theo tiến trình: SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy - Giai đoạn thiết kế: o Người dùng ai? o Người dùng muốn gì? o Người dùng biết gì? o Môi trường làm việc họ sao? o … - Giai đoạn cài đặt: xây dựng mẫu; có nhiều phương pháp xây dựng mẫu khác nhau: giấy, kéo, công cụ phát triển phần mềm… - Đánh giá: thực thử nghiệm mẫu - Chúng ta không qua lần giai đoạn thiết kế, cài đặt đánh giá Sử dụng kết đánh giá, tái thiết kế giao diện, xây dựng mẫu đánh giá tiếp Cần phải qua số lần lặp để có giao diện với tính tiện dụng mong muốn mô hình thiết kế lặp 2.3 Thiết kế hướng người sử dụng 2.3.1 Mô hình thác nước SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy - Tiến trình thiết kế trình tự giai đoạn - Ý tưởng “suy nghĩ trước, lập trình sau” Thu thập phân tích yêu cầu, thiết kế hoàn tất trước viết dòng lệnh - Nhược điểm o Không phù hợp thiết kế UI không dễ dàng dự đoán nhu cầu người dùng o Thực tế pha phát triển không phân chia rõ ràng, nhiều pha gối lên cung cấp thông tin cho 2.3.2 - Mô hình thiết kế lặp Như phân tích, mô hình lặp lặp lại chu trình thiết kế cài đặt đánh giá - Người dùng tham gia đánh giá nhiều hơn, nâng cao chất lượng “hướng người dùng” sản phầm 2.3.3 Vòng đời kỹ nghệ giao diện người sử dụng SV: Đinh Thị Thu Hiền Page Giao diện Người-Máy - Nhận biết người sử dụng: quan sát, vấn hình thành mục tiêu, quan điểm… nhóm người dùng tiềm - Đo tính sử dụng được: phân tích thiết lập đặc tính sử dụng cho giao diện thiết kế - Thiết kế tương tác: thiết kế giao diện ban đầu hướng mục tiêu - Thiết kế lặp: thực “thiết kế, kiểm thử, tái thiết kế” 2.4 Khả người Mục tiêu việc nghiên cứu mô hình xử lý thông tin người để nhận biết khả hạn chế người sử dụng thiết kế 2.4.1 Hệ thống nhận thức người SV: Đinh Thị Thu Hiền Page 10 Giao diện Người-Máy - Thông tin từ môi trường vào mã hóa - Thông tin so sánh với thông tin biểu diễn nhớ - Quyết định trả lời - Tổ chức trả lời hành động cần thiết 2.4.2 - Mô hình xử lý thông tin người Hệ thống cảm nhận (Peceptual processor): lấy liệu từ đầu vào (sau lưu trữ nhớ cảm biến ngắn hạn (Short-term Sensory Store)) nhận biết biểu tượng Sau nhớ dài hạn (Long-term memory) lưu trữ biểu tượng nhận dạng SV: Đinh Thị Thu Hiền Page 11 Giao diện Người-Máy - Hệ thống nhận thức (Cognitive processor): lấy kí tự nhận dạng thực so sánh, lập định Nó trao đổi thông tin với nhớ làm việc (Working memory) - Hệ thống vận động (Motor processor): thu nhận hành động từ xử lý nhận thức lệnh bắp (Muscles) thực Ta có phản hồi (Feedback) cho khả quan sát hàng động cách cảm nhận, dụng điều chỉnh chuyển động Cuối thành phần tương ứng với ý (Attention), xem luồng điều khiển hệ thống máy tính - Các hệ thống vận động song song nối tiếp 2.4.3 Nhận thức - Có trách nhiệm thực so sánh kích thích lập định đáp ứng - Lập định sở kĩ năng: o Kĩ thủ tục mà học từ thực tế, ví dụ: đi, đọc, lái xe, gõ phím… o Quyết định sở kĩ đáp ứng tự động đòi hỏ hay không đòi hỏi ý - Lập định dựa sở luật: o Con người xử lý cách chủ ý tập luật dạng “if X, then Y” o Quyết định dựa sở luật thường thực người nhiệm vụ o Ví dụ người tập lái xe phải suy nghĩ nhiều tới ngã rẽ - Lập định sở tri thức: o Kích hoạt suy nghĩ giải vấn đề mức cao o Dùng để quản lý vấn đề không quen biết hay không chờ đợi o Ví dụ, ô tô không khởi động SV: Đinh Thị Thu Hiền Page 12 Giao diện Người-Máy Đánh giá số hệ thống hữu 3.1 Slideshare.net SlideShare trang lớn dành riêng cho định dạng tài liệu trình chiếu theo Slide Các tài liệu dạng đuợc tải lên hệ thống SlideShare tổ chức gọn gàng bên danh mục, đạt tốc độ nhanh thao tác thực dễ dàng SlideShare đồng thời import dạng tài liệu trình chiếu từ tài khoản Google Docs bạn Cùng với tính hữu ích làm việc với trang mạng xã hội, cho phép thảo luận thiết tạo nhóm … Bạn chèn slideshow lên blog hay trang web cá nhân để chia sẻ với bạn bè, người thân Ngoài có tính đồng hóa âm với slide bạn cho phép quảng bá mang tính thương mại thuộc bạn SlideShare SV: Đinh Thị Thu Hiền Page 13 Giao diện Người-Máy SV: Đinh Thị Thu Hiền Page 14 Giao diện Người-Máy Nhận xét - Website có giao diện đơn giản để bù trừ cho màu sắc họa tiết nội dung slide - Giao diện thân thiện, dễ sử dụng, heading cho người dùng thấy mục đích website - Thanh search, login, upload chạy theo hình giúp người sử dụng dùng lúc họ muốn - Trình bày dễ hiểu, tuân thủ quy tắc HCI rõ ràng, phản hồi, ánh xạ, gợi ý, không gây khó khăn cho người dùng sử dụng 3.2 Scribd.com Scribd – trang chia sẻ tài liệu khổng lồ dành cho đối tượng Tại đây, theo thống kê có 60 triệu người đọc tháng ngày, có tới 50000 tài liệu tải lên từ phía người dùng với 90 loại ngôn ngữ khác Điều cho thấy tín nhiệm mà người dùng dành cho Scribd vô lớn Người đọc tài liệu iPaper Scribd hỗ trợ hàng loạt định dạng tập tin tài liệu thông dụng bao gồm: pdf, doc, ppt, tiff, png, jpg, OpenDocument StarOffice Các đặc điểm bật khác Scribd tính tải lên lúc nhiều tập tin, tải lên từ địa URL, phân chia theo danh mục, nhóm, theo nhãn theo thư mục cố định Cuối cùng, Scribd trang bị tính phân tích lưu lượng hoàn toàn miễn phí, mà bạn biết có bao nhiều người hiển thị, tải xuống hay thông tin liên quan tới tài liệu thuộc quyền sở hữu bạn SV: Đinh Thị Thu Hiền Page 15 Giao diện Người-Máy SV: Đinh Thị Thu Hiền Page 16 Giao diện Người-Máy Nhận xét - Website có giao diện đẹp, bắt mắt, dễ sử dụng - Thanh search upload chạy dọc theo website giúp người dùng thuận tiện việc tìm kiếm upload tài liệu - Hover chuột vào sách ta có preview sách - Sách chia thành category phục vụ cho việc tìm kiếm theo chủ đề - Tuân thủ quy tắc thiết kế hướng người sử dụng 3.3 Docstoc.com Docstoc trang lưu trữ chia sẻ tài liệu trực tuyến, có phần yếu so với Scribd Tuy nhiên, Docstoc sở hữu thư viện khổng lồ với hàng triệu tài liệu từ đó, bạn tìm kiếm tham khảo trực tuyến tài liệu miễn phí bổ ích Docstoc không hỗ trợ nhiều định dạng tập tin Scribd, bù lại Docstoc có nhiều tùy chọn thiết đặt cho tính chèn dán chia sẻ tài liệu, chẳng hạn gửi tài liệu tới trang mạng xã hội phổ biến Bên cạnh Docstoc mang đến đặc điểm hiển thị tài liệu tốt Scribd, cụ thể hỗ trợ hiển thị toàn hình, định dạng độ rộng hay trang, xoay chiều, tài liệu liên quan nhiều SV: Đinh Thị Thu Hiền Page 17 Giao diện Người-Máy SV: Đinh Thị Thu Hiền Page 18 Giao diện Người-Máy - Docstoc không chia sẻ sách mà tất dạng tài liệu, dù video, hay chủ đề, cung cấp khóa học online đa dạng - Giao diện bắt mắt, thân thiện, dễ sử dụng, hướng người dùng 3.4 Tailieu.vn Tailieu.vn kho tài liệu, sách, giáo án, giáo trình, luận văn tốt nghiệp trực tuyến lĩnh vực, ngành nghề, dành cho đối tượng giáo viên, sinh viên, người làm Người đọc đọc trực tuyến tải tài liệu dạng PDF máy tính Việc tìm kiếm tài liệu đơn giản kho tài liệu phân chia riêng biệt theo lĩnh vực, thể loại khu vực riêng tài liệu nhất, tài liệu nhiều người xem nhất, tài liệu tải nhiều nhất, tài liệu nhiều người bình luận nhất… SV: Đinh Thị Thu Hiền Page 19 Giao diện Người-Máy SV: Đinh Thị Thu Hiền Page 20 Giao diện Người-Máy - Nhìn chung, website có giao diện tốt, rõ ràng, có đưa tài liệu “hot” cho người dùng lựa chọn - Không thiết kế search upload chạy dọc theo website, người dùng thuận tiện muốn tìm kiếm hay đăng nhập phải kéo lên đầu trang 3.5 Ebook.edu.vn - So với trang web ebook.edu.vn nghèo nàn thiết kế giao diện, tạo cảm giác không gọn gàng - Các thông tin chồng chéo lên nhau, gây khó khăn cho người dùng muốn tìm thông tin - Font chữ không hợp lý, to quá, nhỏ quá, dày quá, thưa quá… SV: Đinh Thị Thu Hiền Page 21 Giao diện Người-Máy Kết luận Đề tài đề cập đến hướng phát triển tiềm hứa hẹn, nhằm hiểu rõ tương tác người-máy cách thiết kế giao diện hướng người sử dụng Trong trường hợp mở rộng đề tài, cần khai thác kĩ nhiều khía cạnh khác người hành động phản xạ người với hệ thống để thiết kế giao diện mang tính sử dụng cao SV: Đinh Thị Thu Hiền Page 22 Giao diện Người-Máy TÀI LIỆU THAM KHẢO [1] Đặng Văn Đức, Giao diện người máy [2] Bùi Thế Duy, Bài Giảng Tương tác người-máy Các website: https://www.google.com.vn http://en.wikipedia.org/ SV: Đinh Thị Thu Hiền Page 23