KIỂM TRA GIAO DIỆN NGƯỜI DÙNG CỦA ỨNG DỤNG WEB

Lê Trọng Tường - 09520348
Nguyễn Quốc Cường - 09520366
Châu Bình Nguyên - 09520375
Phan Văn Tùng - 09520394
Nhóm thực hiện
1
Giáo viên hướng dẫn : Nguyễn Đăng Khoa
KIỂM TRA GIAO DIỆN NGƯỜI DÙNG CỦA ỨNG
DỤNG WEB
Nội
dung
trình
bài
I. Kiểm tra thiết kế giao diện
II. Kiểm tra thực thi giao diện
III. Kiểm tra tính khả dụng và khả năng truy cập
IV. Xem lại bảng kiểm tra
3
4
I. KIỂM TRA THIẾT KẾ GIAO DIỆN
Các vấn đề quan tâm
5
Đánh giá khả năng hỗ trợ người dùng
Ai sử dụng ?
Bản thiết kế đã đáp ứng những yêu cầu gì?
1. Người dùng
6
Kinh nghiệm sử dụng máy tính Kinh nghiệm sử dụng web
Kinh nghiệm chuyên môn
Trải nghiệm ứng dụng thật sự
Client

•
Có kiến
thức nhưng
hạn chế
Admin
•
Có kiến
thức
chuyên sâu
về chuyên
môn
1. Người dùng
7
Bản thiết kế phải có độ phức tạp phù hợp cho cả hai
a. Mô hình thiết kế
a. Mô hình thiết kế
b. Tương tác người dùng
b. Tương tác người dùng
•
Các control
•
Sơ đồ luồng
c. Hiển thị dữ liệu
c. Hiển thị dữ liệu
2. Kiểm tra bản thiết kế
8
a. Mô hình thiết kế
Ứng dụng iBooks của Apple
Design metaphors (thiết kế mô phỏng) : thiết kế dựa theo mô hình ngoài
đời thực

a. Mô hình thiết kế
10
Các vấn đề cần quan tâm

Thiết kế đó có thực sự thiết thực

Những tính năng quan trọng bị hiểu nhầm hoặc rất khó tìm

Chú thích không thống nhất

Thay đổi cách thiết kế UI control vốn có

…
b. Tương tác
11
Active X
Controls
b. Tương tác
12
Các vấn đề cần quan tâm

Giá trị mặc định, giá trị sau khi cập nhật

Kính thước control

Control focus không thông dụng

Lỗi khi chạy trên các trình duyệt khác nhau

Kiểm tra và xử lý các giá trị nhập không hợp lệ


…
b. Sơ đồ luồng
13
Mô tả cách ứng dụng điều hướng người dùng
Sơ đồ điều hướng của một trang web
b. Sơ đồ luồng
14
Một số vấn đề:

Tính trực quan của sơ đồ

Bố cục chương trình

Các phím tắt

….
c. Hiển thị dữ liệu
15
Ví dụ hiển thị dữ liệu chế độ View
c. Hiển thị dữ liệu
16
Ví dụ hiển thị dữ liệu chế độ Edit
c. Hiển thị dữ liệu
17
Nguyên nhân gây ra lỗi hiển thị

Dữ liệu nhập ban đầu bị lỗi

Câu truy vấn bị lỗi


Lỗi khi cho hiển thị dữ liệu
18
II. KIỂM TRA THỰC THI CỦA GIAO DIỆN
19

Font

Color

Border

Image

Frame

Table
Giao diện Xử lý
Kiểm tra
Một số vấn đề lưu ý
20
Giao diện:

Các trình duyệt web khác nhau, hoặc trên hệ điều hành khác có thể thể hiện
giao diện khác nhau
Xử lý:

Giao tiếp dữ liệu server phải thực hiện rõ ràng

Bắt các lỗi có thể từ phía client, không nên gửi trực tiếp đến server

21
22
23
III. KIỂM TRA TÍNH KHẢ DỤNG VÀ KHẢ NĂNG TRUY CẬP
1. Tính khả dụng
24
Đánh giá dựa trên các câu hỏi sau:

Người dùng thao tác dễ dàng khi sử dụng

Chương trình có thường xảy ra lỗi, lỗi có nghiêm trọng. Có cách phục hồi dữ
liệu trước lúc bị lỗi…

Đánh giá của người dùng có tốt không

….
2. Kiểm tra khả năng truy cập
25