Thiết kế giao diện người dùng potx

Thiết kế giao diện người dùng
GV : Ngô Bá Nam Phương
Khoa CNTT – ĐHKHTN
Nội dung

Mục tiêu

Kiến trúc màn hình

Cách thức tiến hành

Cải tiến màn hình với tính tiện dụng và hiệu quả

Thiết kế màn hình tra cứu

Thiết kế màn hình thực đơn
1. Giới thiệu

Mục đích của việc thiết kế giao diện là nhằm
mô tả cách thức giao tiếp giữa người sử dụng
và phần mềm.

Kết quả:

Danh sách các màn hình.

Thông tin chi tiết của từng màn hình.

Màn hình thực đơn (Màn hình chính).

Sơ đồ màn hình

2. Kiến trúc màn hình

Thành phần nhập liệu

Thông tin kết quả

Các nút xử lý

Mục tiêu: cho phép người sử dụng nhập dữ liệu
dưới nhiều hình thức khác nhau.

Hình thức 1:

Hình thức 2:

Hình thức 3:

Hình thức 4:
2.2 Thành phần thông tin kết quả

Mục tiêu: cho phép người dùng xem trực tiếp kết
quả hay các thông tin tương ứng với dữ liệu
nhập trên màn hình.

Hình thức 1:

Hình thức 2:
2.3 Các nút xử lý

Mục tiêu: cho phép người dùng lựa chọn các tác

vụ cần thực hiện trên màn hình giao diện.
3. Cách thức tiến hành
3. Cách thức tiến hành
3. Cách thức tiến hành
Lưu ý

Thành phần nhập liệu quyết định tính đúng đắn
của màn hình giao diện. Nói một cách khác, màn
hình giao diện với tính đúng đắn chỉ thành phần
nhập liệu mà thôi.

Thành phần thông kết quả quyết định tính hiệu
quả và tiện dụng của màn hình giao diện.

Khi thiết kế giao ta không cần thiết kế các nút xử
lý vì trách nhiệm này thuộc về khâu “Thiết kế xử
lý”.
Bài tập làm ngay

Hãy thiết kế màn hình cho yêu cầu phần mềm
lập phiếu mượn sách với tính đúng đắn.
4. Cải tiến màn hình với tính tiện dụng và
hiệu quả

Hãy cải tiến màn hình cho mượn sách với tính
tiện dụng và tính hiệu quả.

Màn hình cho mượn sách với tính đúng đắn:
Cải tiến với tính tiện dụng


Kĩ thuật 1: Cung cấp thêm thông tin cho người
dùng.

Ví dụ:
Cải tiến với tính tiện dụng
Cải tiến với tính hiệu quả

Kĩ thuật 2: Cung cấp giá trị định sẵn cho ô nhập
liệu.
Cải tiến với tính hiệu quả
Cải tiến với tính tiện dụng
Cải tiến với tính tiện dụng

Kĩ thuật 3: Cho phép nhập nhiều giá trị đồng thời
Cải tiến với tính tiện dụng
Cải tiến với tính tiện dụng

Kĩ thuật 4: Suy nghĩ thấu đáo về nghiệp vụ và
đưa ra các cải tiến phục vụ tối đa cho người
dùng.
Bài tập về nhà

Hãy thiết kế và cải tiến các màn hình với tính
đúng đắn đã làm
5. Thiết kế màn hình tra cứu

Mục tiêu: tăng tính tiện dụng và hiệu quả của
người dùng khi tra cứu dữ liệu.


Kiến trúc màn hình tổng quát: