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

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... 2.2 Thành phầ

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

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

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à

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

 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

 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:

5.1 Kiến trúc màn hình tra cứu

 Tiêu chuẩn tra cứu

 Kết quả tra cứu

 Các nút xử lý

5.2 Tiêu chuẩn tra cứu

 Là các thông tin mà người dùng có thể dựa vào

đó để tra cứu dữ liệu

 Các dạng thông tin người dùng có thể sử dụng

5.3 Kết quả tra cứu

 Là dữ liệu thỏa mãn các tiêu chuẩn tra cứu của người dùng đưa vào được thể hiện hiện trên màn hình

Áp dụng

 Vấn đề: Hãy thiết kế màn hình tra cứu Đại lý với tính đúng đắn và sau đó cải tiến màn hình này với tính hiểu quả và tiện dụng

 Màn hình tra cứu đại lý với tính đúng đắn.

 Cải tiến màn hình tra cứu đại lý bằng cách bổ sung kết quả tra cứu.

 Cải tiến màn hình tra cứu đại lý bằng cách cải tiến kết quả tra cứu.

 Cải tiến màn hình tra cứu đại lý bằng cách bổ sung các ô nhập liệu ứng với thông tin của đối tượng tìm kiếm.

6 Thiết kế màn hình thực đơn

 Mục tiêu: cho phép người sử dụng chọn các công việc trên máy tính

 Kết quả:

 Màn hình thực đơn với các nhóm công việc.

 Chi tiết từng nhóm công việc cụ thể.

Các yêu cầu khi thiết kế màn hình thực đơn

 Yêu cầu nghiệp vụ

 Yêu cầu chất lượng

 Yêu cầu hệ thống

Thiết kế thực đơn với tính đúng đắn

 Bước 1: Thiết kế màn hình thực đơn với tính đúng đắn: đơn giản là xác định danh sách các công việc và các nghiệp vụ mà phần mềm hỗ trợ

Thiết kế với tính tiện dụng

 Bước 2: Thiết kế màn hình thực đơn với tính tiện dụng đơn giản là phân nhóm các công việc

 Cách 3: phân nhóm theo nghiệp vụ, quy trình.

Ứng dụng

 Hãy thiết kế màn hình thực đơn cho đề tài quản

lý thư viện

 Bước 1: Thiết kế màn hình thực đơn với tính đúng đắn.

 Yêu cầu công việc nghiệp vụ:

8 Tra cứu độc giả

9 Báo cáo thống kê độc giả

10 Thanh lý sách

11 Lập báo cáo thống kê sách

 Bước 1: Thiết kế màn hình thực đơn với tính đúng đắn (tt)

 Yêu cầu chất lượng-Tính tiến hóa

 Yêu cầu chất lượng-Tính tương thích

17 Chuyển dữ liệu độc giả sang tập tin Excel

18 Chuyển dữ liệu sách sang tập tin Excel

19 Import dữ liệu độc giả từ tập tin Excel

20 Import dữ liệu sách từ tập tin Excel

 Bước 1: Thiết kế màn hình thực đơn với tính đúng đắn (tt)

 Yêu cầu hệ thống-Tính bảo mật

21 Cập nhật phân quyền

13 Đăng ký sử dụng

 Yêu cầu hệ thống-Tính an toàn

23 Sao lưu dữ liệu

24 Phục hồi dữ liệu

25 Quản lý dữ liệu được tạm xóa

 Yêu cầu hệ thống-Các công việc đặc trưng tin học (không làm trong thế giới thực)

26 Cấu hình thiết bị

27 Cấu hình phần mềm

28 Thoát

 Bước 2: Cải tiến màn hình thực đơn với tính hiệu quả và tiện dụng.

 Cách 1:

 Bước 2: Cải tiến màn hình thực đơn với tính hiệu quả và tiện dụng (tiếp).

 Cách 1:

 Bước 2: Cải tiến màn hình thực đơn với tính hiệu quả và tiện dụng (tiếp).

 Cách 2:

 Bước 2: Cải tiến màn hình thực đơn với tính hiệu quả và tiện dụng (tiếp).

 Cách 3:

 Hãy thiết kế màn hình thực đơn cho đề tài mà các anh chị đang thực hiện