Viện Điện tử - Viễn thông Bộ Môn Điện tử - Kỹ thuật máy tính Kỹ thuật phần mềm Chương 8: Thiết kế phần mềm Phần 4: Thiết kế giao diện Các nội dung • • • • Các loại giao diện Tầm quan trọng giao diện Các quy tắc thiết kế giao diện Các bước thiết kế Các loại giao diện • Giao diện module chương trình • Giao diện modul thiết bị/hệ thống bên ngồi • Giao diện người máy: giao diện người sử dụng phần mềm Tầm quan trọng giao diện • Là mặt phần mềm: cần rõ ràng, sáng sủa, thân thiện • Là nơi cung cấp chức cho người dùng: cần đầy đủ chức năng, dễ sử dụng sử dụng an tồn • Là nơi cung cấp trợ giúp: cần hiểu nhu cầu trợ giúp giúp đỡ kịp thời hiệu • Là công cụ sử dụng hàng ngày: nên cần khả tùy biến linh hoạt để tránh nhàm chán sử dụng ngày hiệu Các quy tắc thiết kế • Các quy tắc vàng: Ln đặt người dùng vào vị trí điều khiển Giảm thiểu gánh nặng ghi nhớ người dùng Tạo giao diện quán Quy tắc 1: Luôn đặt người dùng vào vị trí điều khiển • Ý nghĩa: – Giao diện cần phải giúp người dùng trì quyền điều khiển chương trình, khơng phải bị điều khiển chương trình – Việc thiết kế giao diện cần đứng từ góc độ người dùng người dùng, khơng góc độ người phát triển hệ thống dùng chương trình Quy tắc 1: Ln đặt người dùng vào vị trí điều khiển • Các ngun tắc cho phép cụ thể hóa quy tắc 1: – Xác định chế độ tương tác (interaction modes) phù hợp, cho chúng không bắt người dùng phải thực hành động không mong muốn hay không cần thiết – Cung cấp nhiều loại tương tác linh hoạt: cho phép người dùng có nhiều lựa chọn loại hình tương tác, bàn phím, chuột, cảm ứng, giọng nói,v.v – Cho phép tương tác bị ngắt làm lại (undo) – Cho phép giao diện tùy biến tiến hóa theo sở thích kinh nghiệm người dùng – Che dấu chi tiết kỹ thuật bên không cần thiết khỏi người dùng thông thường Quy tắc 2: Giảm thiểu gánh nặng ghi nhớ người dùng • Ý nghĩa: – Quy tắc giúp người dùng sử dụng hệ thống cảm thấy thoải mái hơn, xác hơn, giảm thiểu công sức phải nhớ, lỗi việc nhớ khơng xác Quy tắc 2: Giảm thiểu gánh nặng ghi nhớ người dùng • Các nguyên tắc cụ thể: – Giảm thiểu yêu cầu ghi nhớ ngắn hạn: hành động thực hiện, liệu nhập, cửa sổ trước,v.v – Thiết lập giá trị mặc định có ý nghĩa – Xác định shortcut trực quan dễ nhớ – Hé mở thông tin theo cách Quy tắc 3: Tạo giao diện quán • Ý nghĩa: – Các giao diện hệ thống cần phải theo phong cách thống đó, form nhập liệu theo cách bố trí định, báo cáo có định dạng định, cửa sổ có phong cách định – Tính quán giao diện làm người dùng cảm thấy thân thiện hơn, dễ sử dụng hơn, thích nghi nhanh Đồng thời giảm thiểu sai sót, thời gian làm quen người dùng với hệ thống 10 Quy tắc 3: Tạo giao diện quán • Các nguyên tắc cụ thể: – Cho phép người dùng đặt công việc khung cảnh có ý nghĩa: giao diện ln cho phép NSD biết họ đâu làm gì, làm, làm – Duy trì quán họ ứng dụng – Hạn chế thay đổi phong cách giao diện mà tạo ấn tượng tốt với người dùng Chỉ nên thay đổi có lý đáng 11 Các bước thiết kế giao diện • Phân tích mơi trường, người dùng, cơng việc • Thiết kế giao diện • Cài đặt giao diện • Kiểm tra tính hợp lệ giao diện 12 Các bước thiết kế giao diện 13 Các bước thiết kế giao diện • Tham khảo chi tiết sách “Software Engineering – A practitioner’s approach” 14 Cảm ơn! 15 ... loại giao diện Tầm quan trọng giao diện Các quy tắc thiết kế giao diện Các bước thiết kế Các loại giao diện • Giao diện module chương trình • Giao diện modul thiết bị/hệ thống bên ngồi • Giao diện. .. bước thiết kế giao diện • Phân tích mơi trường, người dùng, cơng việc • Thiết kế giao diện • Cài đặt giao diện • Kiểm tra tính hợp lệ giao diện 12 Các bước thiết kế giao diện 13 Các bước thiết kế. .. vị trí điều khiển • Ý nghĩa: – Giao diện cần phải giúp người dùng trì quyền điều khiển chương trình, khơng phải bị điều khiển chương trình – Việc thiết kế giao diện cần đứng từ góc độ người dùng