Bài 5 - Thiết kế giao diện người dùng. Bài giảng cung cấp các kiến thức về: Khái niệm, tầm quan trọng, mô hình thiết kế giao diện và các nguyên thiết kế giao diện đảm bảo sự thân thiện người sử dụng. Bên cạnh đó, bài giảng còn chia sẻ cách khắc phục sự cố, ổn định và các vấn đề liên quan đến thiết kế... Mời các bạn cùng tham khảo.
THIẾT KẾ GIAO DIỆN NGƯỜI SỬ DỤNG BM CNPM – Khoa CNTT – HVKTQS 10/2012 Giới thiệu chung Khái niệm UI Tầm quan trọng UI UI design Nguyên lý UID Thiết kế UI Khái niệm, tầm quan trọng Khái niệm giao diện người dùng (User Interface – UI): Là không gian, nơi mà tương tác người sử dụng máy tính thực UID thành phần quan trọng thiết kế phần mềm Yếu tố người phải coi trọng đặc biệt (user-centric design) Chúng Chúng Chúng Chúng ta ta ta ta có trí nhớ giới hạn có sai lầm thao tác với phần mềm có khả vật lý khác nhau: nghe nhìn, vv có sở thích tương tác với phần mềm khác Người sử dụng thông thường đánh giá phần mềm thông qua giao diện chức Giao diện tồi nguyên nhân mà phần mềm không sử dụng Phần lớn giao diện đồ họa, nói đến UID thường nói đến GUI design Các mơ hình thiết kế giao diện Mơ hình t/kế KS PM xây dựng: tổ hợp b/diễn liệu, k/trúc thủ tục PM để th/hiện c/năng Mơ hình người dùng: KS PM/ KS người XD, mơ tả sơ lược hệ thống cho người dùng cuối Mơ hình người dùng cảm nhận hệ thống người dùng cuối xây dựng Hình ảnh hệ thống người cài đặt hệ thống xây dựng, tổ hợp biểu lộ bên hệ thống dựa máy tính Các nguyên lý thiết kế Thân thiện người sử dụng Tránh áp đặt cách sử dụng cho người sử dụng Sử dụng khái niệm phổ biến Gắn với môi trường làm việc cụ thể Thống Định dạng thống đối tượng Thống định dạng giúp cho việc giảm thời gian học sử dụng phần mềm Điều gi phana khác sử dụng “Ctrl+S” cho chức khác thay SAVE? Ổn định Giảm thiểu hành động không mong đợi người sử dụng thao tác với giao diện phần mềm Khả khắc phục cố Nên có câu hỏi khẳng định (confirm) hành động gây mát Cung cấp công cụ/thao tác undo Điểm kiểm tra (checkpointing): cho phép ghi lại công việc theo chu kỳ định Khắc phục cố (chi tiết) Biểu đồ Jan 2842 Feb Mar 2851 3164 April 2789 May 1273 June 2835 May June 4000 3000 2000 1000 Jan Feb Mar April Trực quan hóa 10 Dial with needle Pie chart Thermometer Horizontal bar 20 Biểu diễn giá trị tương đối Pressure 100 200 300 Temper atu re 400 25 50 75 100 Textual highlighting ! The filename you have chosen h as been used Please choose an other name Ch 16 User interface design OK Cancel Tiến trình UID: Tiến trình lặp Các hoạt động UID - chi tiết Bắt đầu với việc tạo mơ hình khác chức hệ thống Phác họa nhiệm vụ hướng người máy tính để đạt tới chức hệ thống Xem xét giải pháp t/kế áp dụng cho t/kế giao diện Sử dụng công cụ làm mẫu Cài đặt cho mơ hình t/kế đánh giá kết chất lượng Các hoạt động UID - tổng quát Phân tích người sử dụng: hiểu biết nhiệm vụ người sử dụng, môi trường làm việc,vv… Xây dựng mẫu hệthống: trình bày với người sử dụng trước Đánh giá giao diện: thông qua tương tác với người sử dụng Phân tích người sử dụng Cần phải nắm bắt hành động người sử dụng giao diện phần mềm Ví dụ Các kỹ thuật phân tích Ba kỹ thuật phân tích Phân tích cơng việc/nhiệm vụ Phỏng vấn/điều tra Phân tích tương tác tính dân tộc (ethnography) Xây dựng mẫu Xây dựng mẫu giấy, sau thảo luận với người sử dụng Chỉnh sủa mẫu xây dựng mẫu tự động Phương pháp xây dựng mẫu Phương pháp kịch PP sử dụng ngơn ngữ trực quan hóa Đánh giá UID Các kỹ thuật đánh giá đơn giản Questionnaires for user feedback Video recording of system use and subsequent tape evaluation Instrumentation of code to collect information about facility use and user errors The provision of a “gripe” button for online user feedback Tài liệu tham khảo R Pressman, Kỹ nghệ phần mềm Tập 1, 2, NXB Giáo dục, Hà Nội, 1997 (Người dịch: Ngô Trung Việt) R Pressman, Software Engineering: A Practioner’s Approach 5th Ed., McGrawHill, 2001 Chapter 15 I Sommerville, Software Engineering 5th Ed., Addison-Wesley, 1995 Chapter 15 ... thích tương tác với phần mềm khác Người sử dụng thông thường đánh giá phần mềm thông qua giao diện chức Giao diện tồi nguyên nhân mà phần mềm không sử dụng Phần lớn giao diện đồ họa, nói đến... Thiết kế UI Khái niệm, tầm quan trọng Khái niệm giao diện người dùng (User Interface – UI): Là không gian, nơi mà tương tác người sử dụng máy tính thực UID thành phần quan trọng thiết kế. .. hình thiết kế giao diện Mơ hình t /kế KS PM xây dựng: tổ hợp b/diễn liệu, k/trúc thủ tục PM để th/hiện c/năng Mơ hình người dùng: KS PM/ KS người XD, mơ tả sơ lược hệ thống cho người dùng