Bài giảng Phân tích và thiết kế hệ thống - Chương 4.1: Thiết kế giao diện người sử dụng

Nội dung text: Bài giảng Phân tích và thiết kế hệ thống - Chương 4.1: Thiết kế giao diện người sử dụng

1. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Chương 4 (cont) 4.1. THIẾT KẾ GIAO DIỆN NGƯỜI SỬ DỤNG 4.1 - 1
2. Các thành phần thiết kế giao diện người dùng 4.1 - 2
3. Một số định nghĩa Kỹ thuật định hướng Theo cách những người sử dụng bảo hệ thống làm gì Kỹ thuật đầu vào Theo cách hệ thống nắm bắt được thông tin Kỹ thuật đầu ra Theo cách hệ thống cung cấp thông tin cho người dùng và các hệ thống khác Đồ hoạ giao diện người dùng (GUI) Sử dụng các đối tượng đồ hoạ (cửa sổ, biểu tượng, các nút, ) Kiểu phổ biến nhất của giao diện 4.1- 3
4. Thiết kế định hướng 4.1 - 4
5. Một số nguyên lý cơ bản Áp dụng cho những người dùng Không hiểu thủ công Không được đào tạo Không có trợ giúp bên ngoài dễ dàng bằng tay Sự hướng dẫn sẽ là: Rõ ràng và dễ hiểu Đặt trong vị trí trực giác trên màn hình Biết trước người dùng sẽ làm gì Đơn giản hoá việc khôi phục từ lỗi Sử dụng thứ tự cú pháp phù hợp 4.1- 5
6. Một số nguyên lý cơ bản (cont) Ngăn cản sai sót Giới hạn sự lựa chọn Người sử dụng có thể tạo ra lỗi hoặc thải hồi hoàn toàn hệ thống Không bao giờ hiển thị các lệnh mà không thể hiển thị (hoặc ẩn chúng đi) Nhận thực các hoạt động mà khó hoặc không thể xảy ra để khôi phục 4.1- 6
7. Một số nguyên lý cơ bản (cont) Đơn giản hoá việc khôi phục từ lỗi Người sử dụng có thể sẽ tạo ra sai sót Nếu có thể, có chức năng "undo" Thực hiện cuốn ngược Tự động cập nhật Sử dụng thứ tự cú pháp phù hợp Thông thường định rõ một hoạt động và một đối tượng Có thể sử dụng Action-Object, hoặc Object-Action Các cửa sổ sử dụng Object-Action (cut and paste) Bất cứ khi nào bạn chọn, nó cũng được sử dụng thuận lợi 4.1- 7
8. Các kiểu của điều khiển định hướng Các ngôn ngữ Ngôn ngữ lệnh Người dùng đưa vào các lệnh sử dụng ngôn ngữ đặc biệt DOS, UNIX, SQL, Khó để học, nhanh và dễ để sử dụng Ngôn ngữ tự nhiên Dễ để học Chậm và không chính xác 4.1- 8
9. Các kiểu của điều khiển định hướng (cont) Menus Mục đích chung tại menu không sâu rộng Xem xét việc sử dụng “khoá nóng” Điểu khiển trực tiếp Sử dụng các biểu tượng để bắt đầu chương trình Sử dụng hình dạng và kích thước đối tượng Có thể không phải theo trực giác cho tất cả các lệnh 4.1- 9
10. Một menu truyền thống trong UNIX 4.1- 10
11. Các kiểu chung của menu 4.1- 11
12. Ví dụ một biểu đồ ảnh 4.1- 12
13. Kiểu của menu Các kiểu menu Menu bar Drop-down menu Khi nào thì bạn Pop-up menu sử dụng kiểu Tab menu menu này? Toolbar Image map 4.1- 13
14. Thông điệp tiêu đề Phải rõ ràng, ngắn gọn và hoàn chỉnh Phải đúng đắn về mặt ngữ pháp và không ràng buộc từ ngữ chuyên môn và tóm tắt Tránh phủ định và hài hước 4.1- 14
15. Kiểu của các thông điệp Các kiểu thông điệp Khi nào thì bạn sử dụng kiểu Thông báo lỗi thông điệp Thông báo xác nhận Thông báo chấp nhận này? Thông báo chờ Thông báo trợ giúp 4.1- 15
16. Ví dụ thông báo lỗi 4.1- 16
17. Bài tập Giả sử rằng bạn đang thiết kế giao diện mới cho hệ thống dịch vụ tại trường bạn. Bạn sẽ kết hợp chặt chẽ các nguyên lý cơ bản của thiết kế đầu vào vào thiết kế giao diện của bạn như thế nào? 4.1- 17
18. Thiết kế đầu vào 4.1 - 18
19. Các nguyên lý cơ bản Mục đích là đơn giản và dễ nắm bắt các thông tin đúng đắn cho hệ thống Phản ánh tự nhiên của đầu vào Tìm các cách đơn giản để tập trung chúng 4.1- 19
20. Xử lý trực tuyến và khối Xử lý trực tuyến các bản ghi trực tiếp giao dịch trong CSDL thích hợp Xử lý theo khối tập trung các đầu vào trên một thời gian và đưa chúng vào hệ thống tại một thời điểm trong một đợt Xử lý khối làm đơn giản hoá các giao dịch dữ liệu và các quá trình khác, nhưng có nghĩa rằng việc kiểm kê và các báo cáo khác là không chính xác trong thời gian thực 4.1- 20
21. Nhận dữ liệu từ nguồn Giảm công việc lặp lại lần 2 Giảm thời gian xử lý Giảm giá Giảm xác suất lỗi 4.1- 21
22. Tự động hoá nguồn dữ liệu Có thể đạt được bằng cách sử dụng các kỹ thuật sau: Nhận dạng ký tự thị giác Có sức lôi cuốn loạt độc giả Thẻ thông minh 4.1- 22
23. Cực tiểu việc bấm phím Đừng bao giờ đòi hỏi thông tin mà có thể đạt được theo cách khác Danh sách lựa chọn có hiệu quả hơn là đưa thông tin vào Sử dụng giá trị mặc định nơi nào có thể 4.1- 23
24. Các kiểu đầu vào Các mục dữ liệu đươc kết nối với các trường trong một form Văn bản Các chữ số Các hộp lựa chọn 4.1- 24
25. Các kiểu của hộp đầu vào 4.1- 25
26. Các kiểu hộp lựa chọn Các kiểu hộp lựa chọn Khi nào Check box thì bạn sử Radio button On-screen list box dụng các Drop-down list box kiểu này? Combo box Slider 4.1- 26
27. Thiết kế đầu ra 4.1 - 27
28. Các nguyên lý cơ bản Sử dụng báo cáo thông thường Tham chiếu Tuần tự? Thời gian thực hoặc các báo cáo xử lý theo khối? Quản lý hàng loạt thông tin Tất cả cần thông tin hoặc không Cực tiểu xu hướng 4.1- 28
29. Các kiểu báo cáo Các kiểu báo cáo Khi nào thì bạn sử dụng Báo cáo chi tiết các kiểu Báo cáo tóm tắt Tài liệu này? Đồ thị 4.1- 29
30. Ví dụ 4.1- 30
31. Ví dụ 4.1- 31
32. Tóm tắt Mục đích nền tảng của thiết kế định hướng là tạo ra hệ thống đơn giản để sử dụng Mục đích của cơ chế đầu vào là đơn giản và dễ nắm bắt thông tin chính xác Mục đích của cơ chế đầu ra là cung cấp thông tin chính xác cho người sử dụng mà cực tiểu thông tin quá tải 4.1- 32