8 Golden Rules of Interface Design : 8 quy tắc vàng của thiết kế giao diện 1.Strive for consistency:Phấn đấu cho thống nhất Ví dụ:không tốt Giao diện không đồng nhất 2.Enable frequent users to use shortcuts:Cho phép người dùng sử dụng các phím tắt Ví dụ:Tốt Dùng phím tắt Ctrl+N để mở một Tab mới 3.Offer informative feedback:Cung cấp phản hồi thông tin Ví dụ: 4.Design dialogs to yield closure:Thiết kế các hộp thoại để mang lại sự khép kín Ví dụ:Tốt 5.Offer error prevention and simple error handling:Đề phòng và xử lý lỗi đơn giản Ví dụ:Tốt Khi bạn đăng nhập mà hok đúng ID hoặc pass thì hệ thống sẽ gửi thông báo cho bạn như trên.Bạn click chuột vào thì ra bảng như bên duới.Sau đó bạn nhập mail của mình là có thể lấy lại ID hay Pass. 6.Permit easy reversal of actions:Cho phép đảo ngược hành động dễ dàng Ví dụ:Tốt Bạn có thể bấm next hoặc back để nghe bài khác nếu không thích bài hiện tại. 7.Support internal locus of control:Hỗ trợ quỹ tích kiểm soát nội bộ Ví dụ: 8.Reduce short-term memory load:Bộ nhớ ngắn hạn giảm lượng tải Ví dụ: PHẦN 2: ĐÁNH GIÁ VÀ CẢI TIẾN WEBSITE Website chọn để đánh giá và cải tiến: http://www.greenmtmall.com 1. Xác định chức năng của website: - Website này giới thiệu, cung cấp thông tin về một khu thương mại có tên là “The Green Mountain Mall”. Trong khu thương mại có các cửa hàng riêng biệt và trên web này cung cấp đường link tới các trang riêng cụ thể của các cửa hàng trong khu thương mại, đồng thời cũng cho biết email, sô điện thoại liên lạc với người có liên quan quản lý các cửa hàng này. - Cho xem bản đồ toàn bộ khu thương mại tại link layout. 2. Kịch bản (scenario) và câu hỏi , khảo sát câu trả lời: Scenario 1: vưa truy cập vào trong trang này điều tôi nhận thấy là màu sắc không cân đối làm tôi chói mắt và cảm thấy khó chịu. Question 1: Màu sắc của trang tạo cho bạn cảm giác như thế nào? Trả lời: Người thứ 1: xấu. Người thứ 2: xấu. Người thư 3: xấu. Scenario 2: Trông thấy trong trang này có hai thanh menu đứng tôi tưởng rằng nó là hai menu với các chức năng khác nhau nhưng không phải cả thanh bên trái lẫn phải đều có cùng chức năng. Question 2: Hai thanh menu có cùng chức năng theo bạn có cần thiết không? Trả lời: Người thứ 1: không cần thiết. Người thư 2: không có tác dụng nhưng để đó cũng không ảnh hưởng gì. Người thứ 3: Gây nhầm lẫn là menu với hai chức năng khác nhau. Không cần phải dư thừa. Scenario 3: Khi xem lay out của khu thương mại này tôi thấy bắt buộc phải download file *.pdf về để xem, có nghĩa là nếu máy tính không có phần mềm đọc file *.pdf thì tôi không xem được lay out cùa khu thương mại. Question 3: Có tiện dụng không khi bạn xem lay out của khu thương mại bạn phải download file *.pdf về để xem? Trả lời: Người thứ 1: Phiền toái. Người thứ 2: Không tiện dụng chút nào. Người thứ 3: phức tạp rắc rối, bỏ đi còn hơn. Scenario 4: Để đến trang riêng của một cửa hang ở trong khu thương mại tối cần click vào link đế tới website của của trang đó, nhưng trong số đó có những cửa hàng không có web thì bị thay thế bằng link để gửi mail đến người của cửa hang đó, gây cho tôi sự nhầm lẫn. Question 4: link của website các cửa hàng có website có cùng kiểu với link đến mail của cưa hàng không có web bạn thấy thế nào? Trả Lời: Ngươi thứ 1: Không nên để nhứ vậy nên phân biệt ra. Người thứ 2: Có quá ít thông tin về các cửa hàng không có website. Link mail có thể đặt riêng ra vào mục contact. Người thứ 3: Thế nào cũng được không quan trọng. Scenario 5: Khi tôi click vào store thấy các thông tin và hình ảnh của các cửa hàng tôi thấy trực quan hơn trang chinh chỉ co toản chữ là chư khó hinh dung. Question 5: Cần đưa hinh ảnh của các cưa hàng ra trang chủ weblink cho trực quan hơn không? Trả lời: Người thư 1: cần. Người thứ 2: Có càng tôt. Người thứ 2: nếu có sẽ trực quan hơn. Scenario 6: Trang web các các link chết không có tác dụng gì. Question 6: các link bị die trong website có cần bỏ đi không? Trả lời: Người thứ 1: bỏ đi. Người thứ 2: lúc khác nó hoạt động thì sao. Người thứ 3: để lại cũng không ảnh hưởng gì. Scanerio 7: Tôi thấy có nút change password khi tôi click vào cho tôi nhập địa chỉ email và thay đổi mật khẩu tôi không nghĩ ở website này lại thay đổi được mật khẩu tài khoản gmail của tôi là vô lý, bời vì tại web này không hề có phần đăng nhập thì cho thay đổi mật khẩu làm gì. Question 7: Thao tác với nút Change password bạn có hiểu nó là gì không? Trả lời: Người 1: không. Người 2: không. Người 3: không. Scanario 8: Cuối trang có hiển thị hit couter để đếm số lượng người truy cập nhưng không thấy hiển thị. Question 8: Chức năng đếm số lượng người truy cập không hoạt động bạn có nhận xét gì? Trả lời: Người 1: làm cho nó hoạt động lại. Người 2: bỏ đi lun. Người 3: sửa lại. Question 9: Bố cục của website có cùng cấp cho bạn hiểu về các chức năng trên website không? Người 1. Sơ sơ. Ngưởi 2. Tạm ổn. Người 3. Thiếu thông tin chi tiết. Question 10: Ý kiến của bạn để cải tiến website này? Người 1: Sửa lại màu sắc. Thống nhât menu tạo tính tiện dụng cho các chức năng khác. Người 2: Sửa lại màu sắc và bố cục lại. Người 3: Không biết, làm thế nào cho đẹp thì được miễn là không như cũ. Kết luận về giao diện website: website có bố cục chưa hoàn thiện, phối màu không hợp lý gây chói măt khó chịu cho người xem. Một số chức năng không được tiện dụng. 3. Danh sách khảo sát: Người thứ nhất: Trần Thị Nhụy sv ĐHSG điện thoại: 01683011230 Người thứ 2: Ngô Kim Hoàng . ĐT 0919842121 Người thứ 3: Ngo Kim Hoa. ĐT 0122692231 4. Khảo sát sau khi cải tiến: Question 1: Màu sắc của trang tạo cho bạn cảm giác như thế nào? Người 1: dễ nhìn, khá tốt. Người 2: không còn bị lòe loẹt nữa, nhưng hơi đơn giản. Người 3: màu sắc tương đối tốt. Có tính trực quan. Question 2: Thanh menu được sửa bạn cảm nhận thế nào. Người 1: khá tốt. Cho thành hàng ngang tốt hơn. Người 2: nhìn khá tốt. Phân biệt được chức năng. Người 3: khá hơn trước nhưng không đẹp. Question 3: Có tiện dụng không khi bạn xem lay out của khu thương mại bạn phải download file *.pdf về để xem? Người 1. Có link hiển thị luôn vân dễ chịu hơn. Người 2: Đổi thành link là ok. Người 3: tạm được. Phải thể hiện link mới biết được chứ! Question 4: link của website các cửa hàng có website có cùng kiểu với link đến mail của cưa hàng không có web bạn thấy thế nào? Người 1: menu phân biệt được chức năng này, tốt. Người 2: về chức năng thì ok, nhưng thẩm mĩ thì chưa đạt. Người 3: tam ổn, không được đẹp lắm. Question 5: Cần đưa hinh ảnh của các cưa hàng ra trang chủ weblink cho trực quan hơn không? Người 1: đã trực quan, khá đẹp. Người 2: dễ nhìn, dễ hình dung ra khu thương mại. Người 3: có hình là tốt rồi. Bố cục như vậy là được. Question 6: các link bị die trong website có cần bỏ đi không? Người 1: Sửa lại sao thấy link nào cũng die. Để lại cũng được. Người 2: Không cần bỏ nữa. Người 3: Cứ để đó có sao đâu. Question 7: Bỏ nút Change password bạn có ý kiến gì? Cả ba người: không hiểu thì bỏ đi là phải. Question 8: Chức năng đếm số lượng người truy cập không hoạt động bạn có nhận xét gì? Người 1: Làm cho nó hoạt động là ok. Ngưởi 2: Cho số nào đại vào đó là được. Tức chỉ cần có sô là được. Người 3: Cho hiển thị là được rồi. Còn không thì bỏ đi cũng được. Question 9: Bố cục của website có cùng cấp cho bạn hiểu về các chức năng trên website không? . 8 Golden Rules of Interface Design : 8 quy tắc vàng của thiết kế giao diện 1.Strive for consistency:Phấn đấu cho. mở một Tab mới 3.Offer informative feedback:Cung cấp phản hồi thông tin Ví dụ: 4 .Design dialogs to yield closure:Thiết kế các hộp thoại để mang lại sự khép kín Ví dụ:Tốt 5.Offer error prevention. easy reversal of actions:Cho phép đảo ngược hành động dễ dàng Ví dụ:Tốt Bạn có thể bấm next hoặc back để nghe bài khác nếu không thích bài hiện tại. 7.Support internal locus of control:Hỗ trợ