8 Golden Rules of Interface Design docx

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:
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?
Người 1: Bố cục cũng khá rõ ràng. Tốt !
Người 2: Thẩm mĩ hơn, và có tính gợi ý hơn.
Người 3: Hiểu khã rõ. Nhưng cảm thấy chưa hoàn hảo.
Question 10: Ý kiến của bạn để cải tiến website này?
Cả 3 người: Cần hiện thực hóa các chức năng để dễ dàng đánh giá. Đã khá tốt hơn
nhưng có nhiều chỗ cảm thấy không hài lòng.
Kết Luận: Sau khi cải tiến website được người xem đánh giá là cải tiến có tác dụng
nhưng còn nhiều hạn chế cần khắc phục.