Bài giảng Thiết kế giao diện người dùng - Ngô Bá Nam Phương

Bài giảng Thiết kế giao diện người dùng cung cấp cho người học các kiến thức: 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. Mời các bạn cùng tham khảo nội dung chi tiết.
Nội dung trích xuất từ tài liệu:
Bài giảng Thiết kế giao diện người dùng - Ngô Bá Nam PhươngThiế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ành3. Cách thức tiến hành3. 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