Bài giảng Công nghệ phần mềm: Chương 5 Thiết kế giao diện cung cấp cho người học những kiến thức như: Tổng quan; Nguyên tắc thiết kế giao diện; Quy trình thiết kế giao diện; Tiêu chí đánh giá giao diện. Mời các bạn cùng tham khảo! | Insert or Drag and Drop your Image THIẾT KẾ GIAO DIỆN Jens Martensson NỘI DUNG 1. Tổng quan 2. Nguyên tắc thiết kế giao diện 3. Quy trình thiết kế giao diện 4. Tiêu chí đánh giá giao diện Jens Martensson 2 . Tổng quan thiết kế giao diện Thiết kế giao diện là một yếu tố trong yêu cầu phi chức năng của hệ thống nếu thiết kế giao diện tốt sẽ làm tăng hiệu quả giao tiếp của người dùng và hệ thống phần mềm. Tùy theo mục đích yêu cầu của người dùng các phần tử trên form được phân bố một cách hợp lý. Jens Martensson 3 . Tổng quan thiết kế giao diện Giao diện phải thể hiện được các tính năng Tính sẵn sàng và linh hoạt đáp ứng nhanh với thao tác của người dùng. Tính tập trung các phần tử trên giao diện phải gây được sự chú ý cua 3 người dùng. Sử dụng phím tắt giúp thao tác nhanh và hiệu quả. Cung cấp các công cụ trợ giúp. Màu sắc phải hài hòa giữa các thành phần trên giao diện font chữ và size phải thích hợp với các nội dung. Jens Martensson 4 . Kết quả của quy trình thiết kế giao diện Kết quả thiết kế giao diện gồm 2 phần Sơ đồ màn hình biểu diễn hệ thống những giao diện của hệ thống và mối liên quan giữa các màn hình. Mô tả chi tiết từng màn hình mô tả các phần tử trên màn hình và cách bố trí thích hợp với từng chức năng. Tên màn hình chức năng được thực hiện trên màn hình Nội dung trên màn hỉnh các phần tử và chức năng của các phần tử. Jens Martensson 5 . Kết quả của quy trình thiết kế giao diện Ví dụ Sơ đồ màn hình Ký hiệu Chuyển điều khiển Tên màn hình Jens Martensson 6 . Kết quả của quy trình thiết kế giao diện Các phần tử trên màn hình được chia thành 2 nhóm Nhóm dữ liệu gồm các phần tử giúp người dùng nhập dữ liệu và thành phần xuất dữ liệu sau khi xử lý Ví dụ textbox combobox label Nhóm xử lý gồm các nút lệnh thao tác với chuột phím để thực hiện một chức năng xử lý. Jens Martensson 7 . Phân loại màn hình giao diện Dựa vào các chức năng của phần mềm giao diện được chia thành nhiều loại phù hợp với từng chức năng Màn hình chính chứa các .
