ỨNG DỤNG yếu tố CON NGƯỜI vào TRONG tổ CHỨC HCI

i ĐẠI HỌC QUỐC GIA HÀ NỘI ĐẠI HỌC CÔNG NGHỆ Lê Trung Hiếu ỨNG DỤNG YẾU TỐ CON NGƯỜI VÀO TRONG TỔ CHỨC HCI LUẬN VĂN THẠC SĨ LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ii MỤC LỤC MỤC LỤC i Danh mục kí hiệu viết tắt iv Danh mục hình bảng vi MỞ ĐẦU Chương I VAI TRÒ CỦA CON NGƯỜI TRONG HỆ THỐNG TƯƠNG TÁC 1 Nhận thức người đa dạng nhận thức 1 Nhận thức người 1 Sự đa dạng nhận thức người 10 Vai trị ngơn ngữ hình ảnh trình hình thành nhận thức 12 Các yếu tố hình ảnh tác động lên não người 12 2 Mối quan hệ hình ảnh ngơn ngữ 19 Đặc điểm hình ảnh ba chiều 28 Hoạt động người trình hình thành nhận thức 29 Sự suy nghĩ người 31 Tương tác người người 42 Cách tiếp cận HCI vấn đề người 50 Kết luận 57 Chương II TƯƠNG TÁC NGƯỜI MÁY 59 Lựa chọn thực đơn, mẫu điền, hội thoại 60 1 Giới thiệu 60 2 Các kiểu thực đơn 61 Trình diễn thư mục theo chuỗi 69 Thời gian phản hồi tốc độ hiển thị 71 Sự di chuyển nhanh thực đơn 71 Bố cục thực đơn 73 Các mẫu điền có sẵn 76 Kết luận 81 2 Sử dụng câu lệnh 81 2 Giới thiệu 81 2 Chức hỗ trợ nhiệm vụ người dùng 83 2 Lợi ích cấu trúc 86 2 Tên viết tắt 88 2 Thực đơn câu lệnh 89 2 Ngơn ngữ tự nhiên máy tính 89 2 Kết luận 92 Tương tác với thiết bị 92 Giới thiệu 92 Bàn phím phím chức 93 3 Các thiết bị trỏ 97 Nhận dạng giọng nói số hóa .102 Hình ảnh hiển thị đoạn phim 107 Máy in 108 Kết luận 109 Chương III CÁC LỖI TRONG HCI VÀ THIẾT KẾ MỘT TRANG WEB CỤ THỂ .111 Các lỗi HCI 111 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com iii 1 Lỗi phím điều khiển 111 Lỗi hộp thoại 123 3 Các lỗi khác 132 Thiết kế giao diện cụ thể 144 Cách thiết kế cho trang chủ 145 2 Cách thiết kế cho trang địa khó khăn .147 3 Cách thiết kế cho trang đóng góp 151 Cách thiết kế cho trang lòng nhân 153 Cách thiết kế trang tìm kiếm 153 Cách thiết kế trang diễn đàn 154 Cách thiết kế trang liên hệ 157 3 Kết luận 157 KẾT LUẬN .159 TÀI LIỆU THAM KHẢO 161 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com iv Danh mục kí hiệu viết tắt Tên Tiếng Anh Tên Tiếng Việt Algol Tên ngơn ngữ lập trình Alzhemeir Bệnh đãng trí (thường xuất tuổi cao) Camera Thiết bị để ghi hình Colbol Tên ngơn ngữ lập trình Cone Là phận thu nhận quan thị giác võng mạc kích hoạt ánh sáng mạnh mầu sắc DNA Acid deoxyribonucleic (viết tắt DNA) phân tử acid nucleic mang thông tin di truyền Edit Chỉnh sửa hay thay Font Phơng Fortran Ngơn ngữ lập trình FORMULA TRANSLATOR Ftp Giao thức truyển tải liệu HCI Human Computer Interaction – Tương tác người máy Help Trợ giúp Html Ngôn ngữ đánh dấu siêu văn Http Giao thức truyền siêu văn Hypothalamus Vùng não điều khiển thân nhiệt, đói, khát Icon Biểu tượng Logic Đảm bảo tính có hệ thống NLI Giao diện ngơn ngữ tự nhiên NLQ Ngôn ngữ truy vấn tự nhiên Nơron Là phận hệ thống thần kinh Rod Là phận thu nhận quan thị giác kích hoạt bới ánh sáng yếu Scrollbar Cuộn ngang Scrolling Cuộn dọc LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com v Video Thiết bị để ghi hình View Hiển thị Web Là hệ thống mạng phức tạp đan xen vào với Window Cửa sổ World Wide Web Mạng lưới toàn cầu LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com vi Danh mục hình bảng Hình 1 Liệu âm ngơn ngữ có giúp q trình nhận thức so với thị giác không Hình 1 Cấu tạo mắt người Hình 1 Khơng có não liệu thị giác hiểu hình ảnh Hình 1 Nhiều giả thuyết nêu lên hình Hình 1 Hình ảnh giúp cho loài vật tăng cường khả nhận thức Hình 1 Hiểu biết thơng qua trạng thái suy nghĩ khác Hình 1 Lồi vật có cần biết quy luật để sinh tồn 10 Hình 1 Hình ảnh thu nhận phụ thuộc nhiều vào nhận thức người 12 Hình Mắt người cần có yếu tố đặc biệt để xử lý thông tin 13 Hình 2 Những hình ảnh thu 14 Hình Quá trình tổng hợp diễn hình ảnh đơn sơ 15 Hình Tác dụng mầu sắc 15 Hình Bố cục độ sâu giúp người xử lý dễ dàng 16 Hình Hoạt động bán cầu não phải 20 Hình Hoạt động bán cầu não trái 20 Hình Bộ não xử lý hết thông tin thời gian ngắn 25 Hình Tác dụng chữ viết 26 Hinh Hình âm dương qua thời kỳ hiểu theo nhiều cách khác 31 Hình Não 32 Hình Tế bào thần kinh 32 Hình Tế bào đệm 33 Hình 4 Bán cầu não trái 33 Hình Cấu tạo não 33 Hình Tiểu não 34 Hình Các loại nhớ 35 Hình Giới hạn não người 36 Hình Sự thuận tiện trình xử lý thông tin 37 Hình 10 Cách thức tổ chức liệu 38 Hình 11 Hoạt động trao đổi thông tin não 39 Hình 12 Dữ liệu bên ngồi chiếm ưu thế, nỗi sợ hãi che lấn tất 40 Hình 13 Mơi trường bên ngồi khơng ảnh hưởng tới người 40 Hình 14 Nhận thức người bị đảo lộn 41 Hình Các yếu tố ảnh hưởng đến người 46 Hình L S Vygotsky, nhà xã hội học Liên xô cũ 50 Hình Immanuel Kant, nhà triết học Đức 50 Hình C Marx, nhà triết học, tư tưởng 51 Hình Sơ đồ lý thuyết hoạt động 52 Hình Mối liên hệ ngành 56 Hình 1 Giao diện Pulldown 60 Hình 2 Mỗi thực đơn có nhiều lựa chọn cho người sử dụng 63 Hình Nhiêu lựa chọn lựa chọn lúc 63 Hình Thực đơn dạng pop up 64 Hình Một dạng thực đơn hai chiều 65 Hình Một dạng thực đơn tìm kiếm theo thứ tự 65 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com vii Hình Các đường dẫn (mầu xanh) gắn đoạn văn 66 Hình Nhiều thực đơn đặt giao diện 67 Hình Một thực đơn đồ World Wide Web 68 Hình 10 Một mẫu bảng điền 76 Hình 11 Một mẫu kết hợp danh sách hộp combo 78 Hình 12 Một dạng hộp hội thoại 79 Hình Bàn phím Microsoft với đầy đủ tính 94 Hình Máy vi tính bỏ túi với bàn phím thu gọn 94 Hình 3 Bàn phím thiết kế lõm 95 Hình Bàn phím điều khiển trỏ dạng chữ T ngược 97 Hình Bàn phím điều khiển trỏ theo dạng hình 97 Hình Bút điện tử 99 Hình Màn hình tiếp xúc 99 Hình Chuột nút bấm chuột hai nút bấm 100 Hình Joystick giúp cho người sư dụng di chuyển chuột dễ dàng 101 Hình 1 Lỗi phím mũi tên 111 Hình Lỗi chương trình xếp 112 Hình 3 Lỗi chương trình Visual Studio 112 Hình Sự giới hạn lựa chọn 112 Hình Lỗi thông báo thời gian tải cho người dùng 113 Hình Dùng công cụ để hiển thị thực đơn 113 Hình Lỗi chọn giá trị .113 Hình Lỗi q trình tích lựa chọn 114 Hình Lỗi không hiển thị đường dẫn .114 Hình 10 Khơng có hướng dẫn kiểu trường .115 Hình 11 Lỗi thực đơn 115 Hình 12 Lỗi thứ tự trường .115 Hình 13 Lỗi khơng qn phần mềm 116 Hình 14 Các trợ giúp khơng cần thiết 116 Hình 15 Lỗi cách xác định đường dẫn .117 Hình 16 Lỗi sử dụng trượt ngang 118 Hình 17 Lỗi hiển thị 118 Hình 18 Lỗi thể danh sách 118 Hình 19 Lỗi xuất nhiều nút 119 Hình 20 Xuất hỗ trợ lâu 119 Hình 21 Tổ chức không theo cấu trúc .120 Hình 22 Lỗi nhập số lượng nhiều 120 Hình 23 Lỗi lãng phí nhớ 120 Hình 24 Lỗi chương trình duyệt Web 121 Hình 25 Lỗi khơng xuất phím điều khiển 121 Hình 26 Lỗi lựa chọn dựa vào chuột .122 Hình 27 Lỗi lựa chọn dựa vào chuột 122 Hình 28 Lỗi lựa chọn dựa vào chuột 122 Hình 29 Lỗi thao tác với thực đơn 123 Hình 30 Lỗi chương trình lịch 123 Hình 31 Thiết kế thiếu định hướng .123 Hình 32 Lỗi chương trình Microsoft Word 124 Hình 33 Lỗi thể Font 124 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com viii Hình 34 Lỗi không quán lỗi chọn lựa 125 Hình 35 Lỗi số lượng nhiều hộp thoại 125 Hình 36 Lỗi số lượng nhiều hộp thoại 125 Hình 37 Lỗi số lượng nhiều hộp thoại 126 Hình 38 Lỗi số lượng mầu sắc nhiều 126 Hình 39 Một giao diện thiết kế tốt 126 Hình 40 Lỗi thiết kế ẩn hộp thoại 126 Hình 41 Lỗi không hiển thị đầy đủ thông tin .127 Hình 42 Lỗi không rành mạch chức 127 Hình 43 Lỗi không rành mạch chức 128 Hình 44 Lỗi chức 128 Hình 45 Lỗi sách địa IBM 129 Hình 46 Lỗi hộp thoại Sounds Properties .129 Hình 47 Lỗi không hỗ trợ người dùng 130 Hình 48 Lỗi đặt tên hộp thoại .130 Hình 49 Lỗi đặt tên hộp thoại .130 Hình 50 Lỗi cách thiết kế chức 131 Hình 51 Lỗi ngăn cản người sử dụng 132 Hình 52 Lỗi gán nhãn .132 Hình 53 Lỗi phím Start 132 Hình 54 Thơng báo mang tính khó hiểu 133 Hình 55 Thơng báo mang tính khó hiểu 133 Hình 56 Lỗi chương trình xử lý ảnh .134 Hình 57 Sự khơng qn chương trình phần mềm 134 Hình 58 Chuột có nút bấm 134 Hình 59 Nút điều khiển chuột 135 Hình 60 Che chức điều khiển 135 Hình 61 Lỗi thiết kế trượt .136 Hình 62 Một số trượt thiết kế tốt 137 Hình 63 Bố trí mầu sắc không hợp lý .138 Hình 64 Lỗi mầu sắc đường dẫn 139 Hình 65 Lỗi cách bố trí chương .140 Hình 66 Lỗi khắc phục 140 Hình 67 Lỗi thiết kế thực đơn 141 Hình 68 Lỗi khắc phục 141 Hình 69 Sự không quán bố cục 142 Hình 70 Thật khó để phân biệt hình ảnh 144 Hình Giao diện trang chủ 146 Hình 2 Thanh cơng cụ tìm kiếm mạng .147 Hình 3 Giao diện thực đơn địa khó khăn .148 Hình Giao diện trang địa khó khăn 148 Hình Giao diện hình ảnh xem 149 Hình Nội dung chữ trang địa khó khăn 150 Hình Giao diện trang đóng góp 151 Hình Giao diện trường chọn tỉnh, thành phố 152 Hình Giao diện trường quyên góp 153 Hình 10 Giao diện thực đơn trang lòng nhân 153 Hình 11 Giao diện trường từ khóa trang tìm kiếm 153 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ix Hình 12 Giao diện thực đơn cho trang diễn đàn 154 Hình 13 Giao diện trang đăng ký thành viên 155 Hình 14 Giao diện trang thảo luận 156 Hình 15 Nội dung trang thảo luận .156 Hình 16 Bình luận người dùng 157 Hình 17 Giao diện trang liên hệ 157 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com MỞ ĐẦU Công nghệ thông tin lĩnh vực hấp dẫn nhiều người trình học tập nghiên cứu nhằm phát điều thú vị lĩnh vực Tuy nhiên hấp dẫn lại có nhiều thách thức chờ đợi nhiêu Kiến thức khoa học vô tận người không nắm bắt hết Cứ qua thời kỳ kiến thức khoa học lại tăng theo cấp số nhân Công nghệ thông tin ngoại lệ Dù phát triển năm gần nhiên yêu cầu thực tế gần ln địi hỏi kiến thức ngành khác cần phải liên kết lại để giải đáp yêu cầu người Công nghệ thông tin ngày phải liên kết với ngành khoa học khác để phát huy hết vai trị cho ứng dụng thực tiễn sống với người trung tâm phục vụ Tương tác người máy mơn địi hỏi phải kết hợp với ngành khác để tự hồn thiện mình, trước hết ngành tâm lý nhận thức thần kinh để hiểu rõ hoạt động ngươi, sau ngành kĩ thuật để thực hóa ý tưởng đó, ngồi cần có số ngành khác tôn giáo, triết học, tâm lý đám đơng, văn hóa, kinh tế, trị, luật pháp để giải mã hành động người theo cấp độ tập thể Khoa học công nghệ nói chung cơng nghệ thơng tin bước vào giai đoạn nhanh chóng mạnh mẽ Sức mạnh khoa học kỹ thuật điều giới thừa nhận, từ lâu tiềm thức người hình thành nên suy nghĩ: kĩ thuật sức mạnh người Bắt đầu từ kỷ 18 số nước văn minh Châu Âu sau lan sang nước khác giới, khoa học kĩ thuật có nhiều đóng góp to lớn vào phát triển tồn loài người, từ chỗ phụ thuộc hoàn toàn vào tự nhiên đến chỗ người, chưa thể làm chủ hồn tồn người tự đáp ứng nhu cầu tồn phát triển Những thành tựu mà khoa học kĩ thuật đem lại vòng kỷ qua cịn lớn tất mà lồi người trước làm Mặc dù kỷ qua dân số loài người tăng lên nhanh đại phận lồi người có sống chất lượng cao nhiều so với trước đó, từ việc đảm bảo nhu cầu thực phẩm, quần áo, điện nước sinh hoạt tất dồi phong phú, đảm bảo cho loài người tiếp tục tồn phát triển Trong đóng góp to lớn khoa học kĩ thuật cơng nghệ thơng tin đóng vai trò quan trọng Mặc dù sinh sau đẻ muộn cơng nghệ thơng tin có đóng góp to lớn, làm thay đổi lớn sống loài người từ phương thức hoạt động sản xuất tư cấu trúc tổ chức xã hội theo hướng tích cực Thơng qua cơng nghệ thơng tin người tăng suất lao động nhờ rút ngắn thời gian hồn thành cơng việc tăng tính hiệu làm việc Loài người tiếp tục tồn phát triển, không mãi, khoa học kĩ thuật nói chung cơng nghệ thơng tin nói riêng công cụ vô hữu hiệu để người thực điều Và mong chờ nhiều điều tốt đẹp mà khoa học kĩ thuật mang lại cho loài người LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 148 đâu thực đơn Ví dụ minh họa cho thấy người dùng muốn tìm kiếm địa khó khăn Lạng Sơn Hình 3 Giao diện thực đơn địa khó khăn Cách tổ chức trang gần giống tương tự với cách thức tổ chức mà mầu sắc, bố cục quán cách thức chủ đạo để thiết kế giao diện tốt Tuy nhiên mục đích phần có khác so với trước nên cách thức tổ chức có khác Trong phần nhằm mục đích kêu gọi lịng hảo tâm, phải làm bật lên khó khăn Khơng có diễn tả tốt hình ảnh to rõ ràng trường hợp bất hạnh Những cảnh thương tâm có thuyết phục đáng kể việc động viên người giúp đỡ hồn cảnh khó khăn Các đường dẫn tơ mầu xanh có tác dụng đáng kể việc giúp người dùng dễ nhận vị trí để tiếp tục đọc trọn vẹn Nội dung trang bố trí theo cách hình ảnh đại diện nằm bên phải Phía bên ảnh có nút Album để người dùng xem xét tồn tập ảnh hồn cảnh bất hạnh Bên dịng chữ có đường dẫn để người dùng xem tồn nội dung viết Hai đường dẫn thiết kế vị trí rõ ràng để người dùng nhìn thấy dễ dàng Hình giao diện địa khó khăn Hình Giao diện trang địa khó khăn LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 149 Trong phần có tập ảnh để người sử dụng hiển thị toàn ảnh Một tập ảnh bố trí phía bên trái Các hình ảnh tương đồng hiển thị bên phải.được phóng to Cách bố trí giúp cho người sử dụng có nhìn tồn cảnh tất hình ảnh có Album bỏ qua số hình ảnh khơng cần thiết Hình Giao diện hình ảnh xem Tiếp theo xem nội dung trang địa khó khăn Cách bố trí trang địa khó khăn phải đảm bảo tính sang sủa dễ đọc để người dùng đọc dễ dàng đọc Các vấn đề liên quan tỉ lệ phơng chữ cách bố cục khoảng không chữ Tỷ lệ font chữ tiết kiệm không gian dễ đọc so với font chữ có tỷ lệ cố định Kích cỡ font vấn đề cần phải xem xét Thơng thường 10 pt đọc được, 11 pt 12 pt đọc tốt Sự khác biệt font size phải pt, nhỏ mắt thường khơng thể phân biệt Sau xem xét số ví dụ cụ thể sau: a 12 pt dành cho đoạn văn hội thoại LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 150 b 10 pt dành cho ký hiệu c 14 pt dành cho đoạn tiêu đề d 16 pt hay lớn dành cho mục lục hay tiêu đề lớn Chữ viết hoa viết thường: sử dụng chữ viết hoa viết thường có tác dụng tốt so với dùng riêng chữ hoa Một vấn đề việc nhận dạng chữ viết thường dựa nhiều vào hình dáng chúng Các chữ viết thường khơng có hình dáng cố định chế độ viết hoa, việc nhận biết chữ thường thường dễ dàng Ví dụ sau SHAPE khó đọc so với shape  Ký tự, chữ khoảng cách dòng: Khoảng cách ký tự phụ thuộc lớn vào font, thông thường phơng khác có khoảng cách khác Khoảng cách chữ xấp xỉ với độ rộng chữ n Sau thấy có số cách viết mà khoảng cách khác Word spacing : khoảng cách hẹp Word spacing : khoảng cách chữ n Word spacing : khoảng cách chữ m Khoảng cách dòng quan trọng Q nhiều khơng gian dịng cách xa tạo cảm giác khơng có gắn kết Q khơng gian dịng làm cho đoạn text trở nên khó đọc cách thoải mái Ngày phần mềm soạn thảo văn có chế độ cho phép thiết lập khoảng cách cho dòng cho phù hợp Khoảng cách dòng ngắn hay dài khó khăn cho người đọc Hình Nội dung chữ trang địa khó khăn LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 151  Độ dài dòng: Thơng thường người ta quy định 10 chữ (60 ký tự) cho dòng sách, chữ (30 chữ) cho dòng tờ báo Nếu dịng q dài, người đọc khó khăn việc tìm kiếm đâu bắt đầu cho đoạn dịng Ngồi nên sử dụng bảng liệu để giúp cho việc định dạng xác định vị trí dễ dàng nhờ có việc đảm bảo tính quán Hơn việc lề trái lề phải giúp cho việc đọc đoạn văn trở nên dễ dàng thuận tiện  Cách thể phơng chữ: Đây kiểu dáng giao diện phông chữ Thông thường cỡ phông chữ thể thông qua printers’ point (pt) pt = / 72 inch = 35 mm pica = 1/6 inch = mm Tiếp theo kiểu chữ có móc kiểu chữ khơng có móc chữ có móc kiểu trang trí tơ điểm vào đằng cuối nét chữ Ví dụ T, kiểu chữ hai phông Times New Roman Georgia , chữ khơng có móc khơng có đường nét trang trí vào đằng cuối nét chữ Ví dụ T, phông chữ Arial, Helvetical Verdana phông thuộc kiểu Thông thường đọc đoạn viết giấy chữ có móc dễ đọc chữ khơng có móc nhiên điều chưa kiểm chứng cách rõ ràng 3 Cách thiết kế cho trang đóng góp Hình Giao diện trang đóng góp Đây trang mà nhà hảo tâm đăng ký theo mẫu điền sẵn để đăng ký tên mình, thơng tin liên quan năm sinh địa điểm nơi hình thức đóng góp Trong phần nhập ngày tháng năm sinh vấn đề phức tạp LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 152 việc điền người dùng khơng hợp lệ nhầm lẫn trình nhập ngày 30/2 Do cách tiếp cận tạo nên bảng để người dùng chọn chuột Khi sang tức ngày tháng năm chọn Nếu trỏ chuột di đến đâu trang tương ứng sang lên đồng thời phía ngày tháng tương ứng lên Dưới giao diện phần nhập ngày tháng năm sinh Địa điểm người quyên góp phần gây nên nhầm lẫn, cách tổ chức để người dùng lựa chọn chuột Những nhà hảo tâm thường hai thành phố lớn Hồ Chí Minh Hà Nội Do hai thành phố xếp đầu để làm giảm thời gian tìm kiếm Tương tự vậy, hình thức đóng góp tổ chức để giúp người dùng tránh sai sót Tiếp theo xem xét đến trường nhập vào địa người sử dụng Do có khơng qn cách gọi tên vùng miền nên gây nên nhầm lẫn định ví dụ Sài Gịn Thành phố Hồ Chí Minh Do cách thức tốt cung cấp hộp combo người dùng lựa chọn địa điểm Cách thức bố trí thực đơn địa điểm có nhiều người đóng góp thường xuyên chọn bố trí lên đầu Trong vùng miền cịn lại xếp theo bảng chữ Với cách bố trí Thành phố Hồ Chí Minh Hà Nội hai địa điểm xếp vị trí đầu tiên, sau ĐBSCL Bắt đầu từ An Giang trở sau địa danh xếp theo vần chữ Việc xếp theo vần giúp cho người sử dụng nhanh chóng dễ dàng chọn địa điểm mà khơng nhiều thời gian Hơn q trình chọn ước lượng vị trí cần phải chọn Hình Giao diện trường chọn tỉnh, thành phố Tiếp theo xem xét đến trường cuối Đó hình thức quyên góp Người dùng cảm thấy bối rối mà khơng biết hình thức qun góp Thay LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 153 vào đưa cho người dùng lựa chọn để người dùng có lựa chọn cho Khi lựa chọn đến đâu có vệt mầu xanh chạy đến để giúp cho người dùng xác định hình thức lựa chọn Sau tất lựa chọn hồn tất người dùng có chọn hai nút Đóng góp Huỷ để tiếp tục thực thao tác Hình Giao diện trường quyên góp Cách thiết kế cho trang lòng nhân Trang nhằm mục đích cung cấp cho người dùng long nhân ái, việc tốt người tốt đời thường Tuy nhiên có nhiều lĩnh vực cần thể nên cách tốt phân chia thành danh mục nhỏ đồng thời danh mục nhỏ lại phân chia thành danh mục nhỏ Hơn cách bố trí theo chức giúp cho người tìm kiếm có định dạng dễ dàng Sau xem xét giao diện thực đơn cho trang lịng nhân Hình 10 Giao diện thực đơn trang lịng nhân Người dùng lựa chọn mục thông qua trỏ chuột di chuyển vệt sang Nội dung cách bố trí phần thực đơn tương tự phần khác Cách thiết kế trang tìm kiếm Mục đích trang tìm kiếm hình ảnh hay hoạt động trang Web Người dùng điền thơng tin theo u cầu để có kết mong muốn Yêu cầu tìm kiếm cung cấp thêm hai phần nhỏ giúp cho người sử dụng đến gần với kết tìm kiếm Người dùng lựa chọn hai hình thức cách nháy chuột vào cần tìm Nếu phần chọn có chấm nhỏ lên bên cạnh phần chọn Hình 11 Giao diện trường từ khóa trang tìm kiếm LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 154 Sau cịn có hai trường khác bao gồm trường địa điểm ngày tháng cách thức thiết kế tn theo có trường Cả hai trường thiết kế theo hộp Combo để tránh sai sót từ phía người dùng, đồng thời hỗ trợ trình tìm kiếm trường nhanh Trường ngày tháng thiết kế để cho người dùng cần sử dụng chuột để có kết mong muốn Trỏ chuột chạy đến đâu có đốm nhỏ chạy theo đến đó, đồng thời chọn kết bên Trường trường địa điểm địa điểm hay sử dụng xếp lên đầu tiên, cịn địa điểm xếp theo vần Cách làm vừa rút ngắn thời gian tìm kiếm cho người dùng vừa tránh sai sót có Cách thiết kế trang diễn đàn Đây trang có chức người sau xem qua trang Web đăng ký làm thành viên nơi thành viên cũ thảo luận trao đổi chia sẻ Thông thường phần diễn đàn có nhiều thơng tin mục khác Tuy nhiên thiết kế danh mục thực đơn dài làm cho người dung khơng thể bao quát hết nội dung thực đơn thực đơn dài làm nội dung phần Theo cách bố cục cho trang chủ thực đơn bao gồm khoảng mục, mục chung Con trỏ chuột di chuyển đến đâu có vệt sáng di chuyển đến Hình 12 Giao diện thực đơn cho trang diễn đàn Tiếp theo xem xét phần trang diễn đàn Trước hết vào phần đăng ký mục diễn đàn Phần có chức giúp cho người sử dụng trang Web muốn đăng nhập để trở thành thành viên diễn đàn Do cách thiết kế thiết kế thành mẫu điền để người dung điền thơng tin Trong bao gồm có trường sau họ tên, ngày tháng năm sinh, địa hộp thư Cuối phần khả năng, dạng thực đơn có nhiều lựa chọn lúc Người dùng vào khả chọn hay đồng thời vài lựa chọn lúc LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 155 Các trường họ tên, địa hộp thư đoạn chữ nên người dung phải nhập từ bàn phím Trường ngày tháng năm sinh thiết kế để đảm bảo tránh sai sót cho người dùng Đối với trường mà yêu cầu người dung nhập từ bàn phím người dùng khơng nhập hay nhập sai có dịng thơng báo lỗi bên cạnh để nhắc nhở người sử dụng Nếu khơng có thơng báo q trình nhập người dùng xác Dịng chữ thơng báo thiết kế mầu đỏ nằm bên cạnh trường khơng có xác q trình nhập để người dung xác định nhanh chóng lỗi cần tìm q trình nhập Thơng báo lên nơi trường khơng thỏa mãn Nếu có hai trường khơng thoả mãn lên đồng thời hai thơng báo Hình 13 Giao diện trang đăng ký thành viên Tiếp theo phần thảo luận Nội dung trang thảo luận bố trí thành mục tin, có hình ảnh nội dung viết Nếu người dung muốn vào thảo luận vấn đề ấn vào đường dẫn vào đường dẫn xem thêm để lên tồn nội dung trang cần LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 156 Hình 14 Giao diện trang thảo luận Sau người dung ấn vào đường dẫn tồn thơng tin chi tiết Cùng với nội dung viết tồn lời bình luận hay góp ý trang phía Các lời bình luận xếp theo thứ tự từ cũ đến để giúp cho người sử dụng theo dõi cách dễ dàng quán lời bình luận Ngồi phần nội dung trang có số phần có liên kết trang khác để tiện cho người sử dụng có thiết kế số đường dẫn người dùng tiện khảo cần thiết Cách gắn đường dẫn vào nội dung trang Web đảm bảo tính đầy đủ dễ đọc cho người dung Hình 15 Nội dung trang thảo luận Cuối trang phần người dùng gửi bình luạn phản hồi Cách thức làm tăng tính tương tác người dùng trang Web LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 157 Hình 16 Bình luận người dùng Cách thiết kế trang liên hệ Đây phần cuối diễn đàn với mục đích cung cấp cho người dùng thơng tin cần thiết để liên hệ với người quản trị Do thơng tin phải trình bày cách ngắn gọn cô đọng cách để cung cấp cho người dùng nhiều thông tin khoảng thời gian ngắn Trong trang có thiết kế thành trường khác để người dùng điền thơng tin cần thiết sau gửi Hình 17 Giao diện trang liên hệ 3 Kết luận Các lỗi HCI nói riêng ngành khác nói riêng nói lên điều cịn nhiều vấn đề cách thức thiết kế Các lỗi thiết kế tính khó hiểu, khơng rõ nghĩa hay nhầm lẫn xuất đâu lặp lại nhiều lần Hậu nhầm lẫn tùy thuộc vào trường hợp từ đơn giản mở tủ lạnh hay phím chức vấn đề điều khiển máy bay LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 158 Thiết kế giao diện tốt phải bao gồm có nhiều vấn đề khác từ phông chữ, khoảng cách chữ dòng, biểu tượng ảnh hưởng nhiều đến q trình tưong tác Các thiết kế khơng đơn giản mặt kĩ thuật mà cịn có nhiều yếu tố khác Điều địi hỏi cần có nhiều nỗ lực để kết hợp yếu tố lại với LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 159 KẾT LUẬN Những kết đạt được: Cách thức xử lý thông tin não người luôn vấn đề vơ khó khăn Để hiểu chế hoạt động não, phải cần nhiều phối hợp liên ngành môn khoa học khác Giải vấn đề thực khơng đơn giản nhiên kết đem lại giúp ích cho nhiều.Giác quan người ln ln đóng vài trị quan trọng nhận thức người, tất trình tương tác với xã hội Giác quan người nhạy bén khả hấp thụ thông tin lớn nhiêu tăng cường khả nhận thức Trong q trình tìm tịi nghiên cứu, tơi hồn thiện luận văn với mục tiêu đặt ban đầu, cụ thể đạt kết sau đây: - Giải thích chế xử lý thơng tin não tăng cường nhận thức người thông qua thị giác Việc giải vấn đề giúp hiểu dược phần cách thức hoạt động não trình nhận thức người Mối quan hệ thị giác não hoạt động người - Giải thích đa dạng nhân thức người hai cấp độ cá nhân đám đông Cá nhân thường liên quan đến vấn đề sinh học, đám đông thường liên quan đến vấn đề xã hội Điều giúp cho có lý giải cho hành động khác người - Nghiên cứu dạng tương tác thông qua máy tính thực đơn, câu lệnh hay thiết bị Thơng qua cách tương tác hiểu rõ kiểu tương tác cách thiết kế giao diện phù hợp Việc thiết kế giao diện tốt đòi hỏi nỗ lực lớn nhà thiết kế để thu kết tốt - Chỉ lỗi HCI thiết kế giao diện chương trình phần mềm Các lỗi thiết kế tính khó hiểu, khơng rõ nghĩa hay nhầm lẫn xuất đâu lặp lại nhiều lần Hậu nhầm lẫn tùy thuộc vào trường hợp từ đơn giản mở tủ lạnh hay phím chức vấn đề điều khiển máy bay - Thiết kế giao diện cụ thể để minh họa kết đạt Việc thiết kế giao diện tốt phải bao gồm có nhiều vấn đề khác từ phông chữ, khoảng cách chữ dòng, biểu tượng ảnh hưởng nhiều đến q trình tưong tác Các thiết kế khơng đơn giản mặt kĩ thuật mà cịn có nhiều yếu tố khác Điều địi hỏi cần có nhiều nỗ lực để kết hợp yếu tố lại với Hướng nghiên cứu đề tài: Về lý thuyết: LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 160 - Tiếp tục xem xét kĩ lưỡng cách thức xử lý thông tin não người có liên kết ngành khoa học khác để giải mã hành động người hai cấp độ cá nhân tập thể Mở rộng để nghiên cứu thực nghiệm cụ thể để rút kết luận cụ thể - Nghiên cứu kiểu tương tác người-máy thông qua sử dụng máy vi tính Mở rộng sang kiểu tương tác khác trở nên phổ biến Có liên kết hoạt động người trình tương tác với chế hoạt động trao đổi thông tin diễn não người Về chương trình demo: - Hồn thiện trang Web thơng qua phần lý thuyết trên, ứng dụng nhiều kết lý thuyết thu để thiết kế giao diện tốt than thiện với người dùng LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 161 TÀI LIỆU THAM KHẢO Tiếng Anh [1] Alejandro Jaimes and Nicu Sebe, DIAP (2006), Multimodal human–computer interaction, published by Mathias Kolsch, University of Amsterdam, The Netherlands [2] Ben Shneiderman (1998), “Designing the User Interface, Strategies for Effective Human - Computer Interaction”, Third Edition [3] B Shneiderman (1993), Spark of Innovation in Human-Computer Interaction, Ablex Publ, Norwood, NJ [4] Brad Myer, Jim Hollan, Isabel, Steve Bryson, Dick Bulterman (1995), Strategic direction in human-computer interaction, publisher ACM, New York, USA [5] Daisy Mwanza (MSc HCI; BSc (Hons) IT) (2006), Toward an Activity-Oriented Design method for HCI research and practice, thesis submitted in partial fulfilment of the requirement for the degree of Doctor of Philosophy [6] Elspeth Mckey, Rmit, Australia (2002), Enhance learning through Human Computer Interaction, Ideal Group Reference, Library Congress Cataloging in Published Data, United State of America [7] Eva Hudlicka, Psychometrix Associates, Inc (1805) The role of affect in human– computer interaction, Azalea Drive, Blacksburg, VA 24060, USA [8] John F Roesler, Richard A Yetter and Frederick L Dryer, Mechanical and Aerospace Engineering, Pricnciple activity theory for HCI, Princeton University, Princeton, NJ 08544, USA [9] Lawrence Shao-Hsien Chen, B S, (1996), Joint Processing of Audio-Visual Information for the Recognition of Emotional Expressions in Human-Computer Interaction, Thesis Submitted in partial fulfillment of the requirment for the degree of Doctor of Philosophy in Elictrical Enggineering in the Graduate College of the University of Illinois at UrbanaChampion, University of Illinois at Urbana-Champion, 1992 [10] Mathew I Brad (2004), User Modeling in Human-Computer Interaction, publisher Springer Netherlands [11] Maja Pantic, Nicu Sebe, Jeffrey F Cohn, Thomas Huang (1997), Affective multimodal human-computer interaction, Source International Multimedia Conference, Proceedings of the 13th annual ACM international conference on Multimedia LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 162 [12] Sari Kujala (2004), A Practical Approach to User Involvement for Gathering User Needs and Requirement, Dissertation for the degree of Doctor of Philosophi to be presented with due permission of the Department Computer Scicence [13] Suhanya Gunarajah, Bachelor of Engineering (2004), Hardware involved in HCI problem, a thesis submitted to the school of Information and Electrical Engineering, the University of Queensland [14] Tonya Barrier (2005), Human Computer Interaction Development and Management, Second Edition [15] Vladimir I Pavlovic, Rajeev Sharma, Thomas S Huang (2003), Visual Interpretation of Hand Gesture for Human-Computer Interaction, Department of Elictrical and Computer Engineering and the Beckman Institute for Advance Science and technology, University of Illinois at Urbana-Champion 405 N Mathew Avenue, Urbana H, 61801, USA [16] V V Alexandrov & N D Gorsky (1991), “From Humans to Computers, Cognition Through Visual Perception”,World Scientific Series in Computer Science – Vol 22, World Scientific Publish Co Pte Ltd [17] Zhihong Zeng, Jilin Tu, Ming Liu, Tong Zhang (2001), Bimodal HCI-related affect recognition, Source International Conference on Multimodal Interfaces Proceedings of the 6th international conference on Multimodal interfaces, Publisher ACM, NY, USA LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... thị giác yếu tố chiều sâu, kết cấu mầu sắc yếu tố ảnh hưởng mạnh mẽ nhìn người hay nói cách khác người bị thu hút vào yếu tố Các yếu tố bố cục không gian phát vật thể riêng biệt yếu tố ảnh hưởng... yếu tố chủ yếu giai đoạn bước vào giai đoạn hồn tồn khác yếu tố kinh tế thị trường thêm vào xã hội, tạo sợi dây liên kết với yếu tố cũ mối quan hệ yếu tố cũ với hồn tồn thay đổi có thêm yếu tố. .. diện phần mềm cụ thể Trong hoạt động người bị chi phối ba yếu tố: yếu tố xã hội (văn hóa, tơn giáo, kinh tế, trị) yếu tố người (tâm lý học, sinh lý học, thần kinh học ) yếu tố mơi trường xung