Báo cáo môn kiểm chứng phần mềm : KIỂM TRA GIAO DIỆN NGƯỜI DÙNG Kiểm thử giao diện người dùng Tại sao cần kiểm thử giao diện người dùng? Hai lớp chính kiểm thử giao diện người dùng Thiết kế thành phần giao diện (UI design) Các yếu tố đánh giá thiết kế giao diện Quan tâm người dùng (profile target user) Phản hồi tốt (feedback) Nhất quán (consistency) Dễ sử dụng (ease of use) Đẹp (look and feel) Các bước cần làm để đánh giá thiết kế giao diện Nghiên cứu người dùng mục tiêu của giao diện Đánh giá phương pháp thiết kế được sử dụng
Trang 1KIỂM TRA GIAO DIỆN
NGƯỜI DÙNG
Trang 2Company name
Thông tin nhóm
Giảng viên hướng dẫn: ThS Nguyễn Đăng Khoa
Sinh viên thực hiện:
• Lê Huỳnh Trung Hậu MSSV: 09520082
• Nguyễn Hoàng Kha MSSV: 09520126
• Nguyễn Minh Trí MSSV: 09520318
• Trịnh Hồng Trường MSSV: 09520326
Trang 3Company name
Nội dung chính
Tổng quan
1
Kiểm thử thiết kế giao diện người dùng
2
Kiểm thử thực thi giao diện người dùng
3
Kiểm thử khả năng sử dụng và khả
năng truy cập
4
Q&A
5
3
Trang 4Company name
TỔNG QUAN
Kiểm thử giao diện người dùng
Tại sao cần kiểm thử giao diện người
dùng?
Hai lớp chính kiểm thử giao diện người
dùng
Thiết kế thành phần giao diện (UI design) 4
Trang 5Company name
Các yếu tố đánh giá thiết kế giao diện
Quan tâm người dùng (profile target user)
Phản hồi tốt (feedback)
Nhất quán (consistency)
Dễ sử dụng (ease of use)
Đẹp (look and feel)
Các bước cần làm để đánh giá thiết kế giao
diện
Nghiên cứu người dùng mục tiêu của giao diện
Đánh giá phương pháp thiết kế được sử dụng
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
5
Trang 6Company name
Người dùng mục tiêu
Kinh nghiệm (sử dụng máy tính, web, loại
ứng dụng đã từng dùng)
Lĩnh vực hoạt động
Phương pháp thiết kế
Cách tiếp cận của thiết kế
Tương tác người dùng (input)
Biểu diễn dữ liệu (output)
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
6
Trang 7Company name
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Tương tác của người dùng (Đầu vào dữ liệu)
Các điều khiển giao diện người dùng
7
Trang 8Company name
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Script
Java
ActiveX
Server-Side Includes (SSIs)
Style Sheets
Các điều khiển giao diện người dùng động
8
Trang 9Company name
Mô tả người dùng một ứng dụng web hoặc
trang web từ:
Một UI control đến một UI control khác
trong cùng một trang
Một trang đến một trang khác.
Duyệt bằng các thiết bị đầu vào.
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Các phương pháp duyệt
9
Trang 10Company name
Các lệnh tác động
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
10
Trang 11Company name
Các thông báo lỗi và phản hồi
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG
Thông báo lỗi dựa trên trình duyệt
Có hai loại thông điệp phản hồi
Phản hồi phía trình chủ
11
Trang 12Company name
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Các thông báo lỗi và phản hồi
Thông báo lỗi dựa trên trình duyệt
12
Trang 13Company name
KIỂM THỬ THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Các thông báo lỗi và phản hồi
Phản hồi phía trình chủ
13
Trang 14Company name
THỰC THI GIAO DIỆN NGƯỜI DÙNG
1
Thiết kế và chức năng thiết kế
2 Chồng chéo trong thông tin với kiểm tra chức
năng thực hiện
3
Các yếu tố giao diện cần kiểm thử
14
Trang 15Company name
Các phức tạp đặc trưng ứng dụng Web
Nút BACK
Thay đổi độ phân giải, kích thước font chữ
Nhiều nền tảng
Mỗi trình duyệt cần có cách kiểm thử riêng
Các ngôn ngữ Script
Mô hình trang đơn.
THỰC THI GIAO DIỆN NGƯỜI DÙNG
15
Trang 16Company name
KHẢ NĂNG SỬ DỤNG VÀ TIẾP CẬN
Sự hài lòng của người dùng
KHẢ NĂNG
SỬ DỤNG
Khả năng sử dụng phù hợp nhất với người dùng
16
Trang 17Company name
KHẢ NĂNG SỬ DỤNG VÀ TIẾP CẬN
DỄ DÀNG
KHẢ NĂNG TIẾP CẬN
HÀI LÒNG
17
Trang 18Company name
Q&A
18
Trang 19LOGO