L o g o
KIỂM TRA GIAO DIỆN ỨNG DỤNG WEB
Giảng viên:
ThS. Nguyễn Công Hoan
Các thành viên nhóm:
10520394 – Trịnh Ngọc Huy
10520389 – Võ Ngọc Lâm Sơn
10520362 – Nguyễn Vĩnh Kim Long
L o g o
NỘI DUNG
Kiểm Tra Hiển Thị Giao Diện Người Dùng
Kiểm Tra Tính Khả Dụng Và Khả Năng Truy Nhập
Kiểm Tra Thực Thi Giao Diện Người Dùng
Kiểm Tra Thiết Kế Giao Diện Người Dùng
Giới Thiệu
Tổng Kết
L o g o
GIỚI THIỆU
Để kiểm tra việc thực hiện và thiết kế giao diện người dùng (GUI) của 1 ứng dụng Web, chúng ta cần phải
hiểu cả quan điểm của các nhà thiết kế (mục tiêu của thiết kế) và quan điểm của nhà phát triển (thực hiện
công nghệ giao diện người dùng). Với thông tin đó, chúng ta có thể phát triển các trường hợp kiểm tra hiệu
quả nhằm vào các đối tượng có nhiều khả năng có sai sót trong thiết kế và thực hiện của một ứng dụng
Web.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG

Kiểm tra thiết kế giao diện người dùng đánh giá mức độ “chăm sóc” của nó đối với người
dùng.

Nói một cách cụ thể là kiểm tra khả năng cung cấp hướng dẫn rõ ràng, cung cấp thông
tin phản hồi, và duy trì tính nhất quán của ngôn ngữ và cách tiếp cận. Tạo ấn tượng chủ

KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Các chủ đề để xem xét khi thẩm định thiết kế

Phương pháp tiếp cận thiết kế.

Tương tác với người dùng (dữ liệu đầu vào).

Trình bày dữ liệu (dữ liệu đầu ra).
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Các thiết kế mô phỏng là những cầu nối nhận thức có thể giúp người sử dụng hiểu được
tính logic của giao diện người dùng bằng cách liên kết chúng với những kinh nghiệm
mà người dùng có thể có trong thế giới thực hoặc ở những nơi khác.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Mô phỏng mô phỏng dựa trên tài liệu. Nó bao gồm một không gian làm việc, nơi dữ liệu có thể được
nhập và thao tác theo một cách tương tự như trên một mảnh giấy.
Phương pháp tiếp cận thiết kế
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Mô phỏng dựa trên thiết bị. Máy tính ảo này bao
gồm các điều khiển giao diện người dùng được
thiết kế để nhận được đầu vào của người sử
dụng và thực hiện các chức năng.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hai phương pháp khác nhau để truyền đạt những thông tin và câu lệnh đồng

Những vấn đề phổ biến cần được quan tâm khi xây dựng kế hoạch kiểm tra:

Hãy nhớ rằng các tag giao diện người dùng, điều khiển, và các đối tượng được hỗ trợ bởi HTML là
nguyên thủy so với những cái có sẵn thông qua Giao diện đồ họa người dùng (GUI) trên Microsoft
Windows hoặc các hệ điều hành khác. Nếu người thiết kế có ý định cạnh tranh với mô phỏng giao
diện người dùng Windows, tìm kiếm các thiếu sót trong thiết kế.

Nếu bạn gặp khó khăn để hiểu được giao diện người dùng, rất có thể đó là một lỗi, và người dùng
cuối cùng của bạn sẽ có cùng trải nghiệm.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế

Các giao diện người dùng vô tình được thiết kế cho các nhà thiết kế hoặc các nhà phát triển chứ không
phải là cho người dùng cuối.

Các tính năng quan trọng bị hiểu lầm hay khó tìm.

Người dùng buộc phải suy nghĩ theo quan điểm thiết kế của nhà thiết kế, mặc dù bản thân quan điểm
khó có thể kết nối với kinh nghiệm trong cuộc sống thực.

Nhiều thuật ngữ khác nhau được dùng để diễn tả một cùng một chức năng =>sẽ làm rối người dùng
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Phương pháp tiếp cận thiết kế
Hãy tự hỏi mình những câu hỏi này:

Thiết kế của ứng dụng đã được kiểm tra có phù hợp với đối tượng người dùng?

Giao diện người dùng có trực quan (bạn không cần phải suy nghĩ quá nhiều để tìm ra cách sử dụng sản phẩm)

Done Loại bỏ hộp thoại, cửa sổ, hoặc trang hiện tại.
Close Loại bỏ hộp thoại, cửa sổ, hoặc trang hiện tại.
OK Chấp nhận các thiết lập.
Đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Yes Chấp nhận điều kiện đã nêu.
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Proceed Chấp nhận điều kiện đã nêu.
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
Submit Gửi dữ liệu trong biểu mẫu, trang, hoặc hộp thoại.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Tương tác với người dùng
QUYẾT ĐỊNH NGỤ Ý
Các lệnh hành động hủy thông thường
Cancel Không chấp nhận thiết lập hay điều kiện đưa ra
Trả lại trạng thái trước đó và đóng hộp thoại, cửa sổ,
hoặc trang hiện tại.
No Không chấp nhận thiết lập hay điều kiện đưa ra
Tiếp tục tiến hành và đóng hộp thoại, cửa sổ, hoặc
trang hiện tại.
Reset Trả các thiết lập về trạng thái trước đó
Xóa tất cả các thay đổi chưa được gửi lên trong hộp
thoại, cửa sổ hoặc trang.
L o g o
KIỂM TRA THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Trình bày dữ liệu
Trong các ứng dụng web, thông tin có thể được truyền đạt tới người sử dụng thông qua một loạt các