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àn
Trang 18 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
Trang 22.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ụ:
Trang 34.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
Trang 4Khi 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
Trang 5Bạ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
Trang 6nà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
Trang 7Question 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ì.
Trang 8Question 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
Trang 9Ngườ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
Trang 10Ngườ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?
Trang 11Ngườ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