Bài giảng Phương tiện tương tác kỹ thuật số - Chương 2: Creating interactive products cung cấp cho người học các kiến thức về: Các mô hình phát triển phần mềm, interactive design, human interface design, flowcharts and site maps, prototying. Mời các bạn cùng tham khảo.
1 Nội Dung Các mơ hình phát triển phần mềm Interactive Design Human Interface Design Flowcharts and Site Maps Prototying slide.tailieu.vn Các mơ hình q trình phát triển phần mềm Ba mơ hình tiêu biểu Mơ hình thác nước (waterfall) Mơ hình lặp Mơ hình xoắn ốc 18/09/13 slide.tailieu.vn Mơ hình thác nước (waterfall) Requirement Design Code Integration Acceptance Release 18/09/13 slide.tailieu.vn Mơ hình thác nước (waterfall) Ý tưởng: “suy nghĩ trước, lập trình sau” Đặc điểm o Là mơ hình áp dụng sớm phát triển phần mềm o Thiết kế theo trình tự giai đoạn o Kết giai đoạn sản phẩm cụ thể đầu vào cho giai đoạn o Mỗi giai đoạn có đánh giá riêng Phù hợp với mơ hình phát triển phần mềm phát triển UI 18/09/13 slide.tailieu.vn Mơ hình thác nước có phản hồi Requirement Design Code Integration Giảm thiểu lỗi xảy từ giai đoạn đầu 18/09/13 Acceptance Release slide.tailieu.vn Mơ hình thiết kế lặp Chu kỳ lặp gồm thiết kế, thực đánh giá Design Design Implement Evaluate Implement 18/09/13 Evaluate slide.tailieu.vn Mơ hình thiết kế lặp Đặc điểm Làm mịn chu kỳ thiết kế Chu kỳ bao gồm : Tưởng tượng thể thiết kế (design) Hiện thực cài đặt, lập trình (implement) Kiểm thử đánh giá nhiều phương pháp (evaluate) 18/09/13 slide.tailieu.vn Mơ hình thiết kế lặp Ví dụ Xem xét chi tiết yêu cầu tiến hành thiết kế website Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan Sơ đồ cấu trúc website; Giao diện CSDL Nội dung trang Liên kết trang slide.tailieu.vn Mô hình thiết kế lặp Giai đoạn thiết kế 10 slide.tailieu.vn Thiết kế tương tác Dẫn đường ? Dẫn đường đơn giản : • Là ánh xạ trực tiếp nhiệm vụ sang cửa sổ Dẫn đường phức tạp : • Là chuyển đổi nhiệm vụ sang nhiều cửa sổ đường khơng rõ ràng Nhiệm vụ người thiết kế Dẫn đường cách trực quan 18/09/13 255 slide.tailieu.vn Thiết kế tương tác Dẫn đường trực quan bao gồm yếu tố : Cần dễ dàng nhận biết điểm khởi đầu Hiểu rõ điểm đích Dấu hiệu rõ ràng đường từ khởi đầu tới đích Tại thời điểm phải biết đâu, cách tiến lên cách lùi lại khỏi chương trình 18/09/13 256 slide.tailieu.vn Thiết kế tương tác Các yếu tố Điểm khởi đầu • Cung cấp điểm bắt đầu rõ ràng, để người dùng biết bắt đầu thao tác (menu, phím tắt ) • Đảm bảo khởi đầu giao diện chương trình Nếu khơng phải sử dụng menu command link để kết nối 18/09/13 257 slide.tailieu.vn Thiết kế tương tác Các yếu tố Điểm đích • Người sử dụng có khả dự báo điểm khởi đầu dẫn tới đích mong muốn 18/09/13 258 slide.tailieu.vn Thiết kế tương tác Các yếu tố Điểm • Lệnh đánh dấu rõ ràng trường hợp người sử dụng thay đổi ý định hay khởi động lại (sử dụng button Exit Home) 18/09/13 259 slide.tailieu.vn Thiết kế tương tác Các yếu tố Bước hành • Cung cấp rõ ràng báo : người sử dụng đứng nơi tiến trình cơng việc • Thơng thường mơ tả tiêu đề cửa sổ trường hợp xuất nhiều cửa sổ (step of 8) 18/09/13 260 slide.tailieu.vn Thiết kế tương tác Các yếu tố Bước • Chỉ rõ ràng cách thực đến bước • Thường sử dụng lựa chọn hay lệnh phù hợp • Các phím lệnh nên có nhãn mơ tả để người sử dụng biết thực bước 18/09/13 261 slide.tailieu.vn Thiết kế tương tác Các yếu tố Bước trước • Chỉ rõ ràng cách quay trở lại bước trước • Thường sử dụng phím Cancel Back 18/09/13 262 slide.tailieu.vn Thiết kế tương tác Một số cách nên làm để có đường dẫn trực quan : Nhận biết bước cửa sổ • Phân nhóm logic control cửa sổ Hiển thị theo trật tự từ xuống • Đánh số bước nhiệm vụ 18/09/13 263 slide.tailieu.vn Thiết kế tương tác 18/09/13 264 slide.tailieu.vn Thiết kế tương tác Một số cách nên làm để có đường dẫn trực quan : Sử dụng cửa sổ đơn • Có thể tổ hợp cửa sổ liên quan vào Property Sheet - ví dụ : hộp thoại Personalization Window 18/09/13 265 slide.tailieu.vn Thiết kế tương tác Một số cách nên làm để có đường dẫn trực quan : Sử dụng Wizard • Lý tưởng thực tác vụ phức tạp 18/09/13 266 slide.tailieu.vn Thiết kế tương tác Một số cách không nên làm để có đường dẫn trực quan : Khơng sử dụng cửa sổ liên quan cho nhiệm vụ • Khi người sử dụng phải xâm nhập vài cửa sổ không liên quan để thực nhiệm vụ tức thiết kế vi phạm lỗi dẫn đường khơng trực quan • Người sử dụng khơng biết điểm khởi đầu đâu 18/09/13 267 slide.tailieu.vn Thiết kế tương tác 18/09/13 268 slide.tailieu.vn 269 slide.tailieu.vn ... (Target) Tháng/ quý Công tác (Task) Ngày/tuần slide.tailieu.vn Thị Trường & Khách Hàng Thị trường: khứ, tại, tương lai 60 50 40 Xem xét thay đổi thị phần, thay đổi thị trường, chi phí, giá cả, đối... Tại thành cơng 22 slide.tailieu.vn Tổng quan quy trình hoạt động Ai Cái Ở đâu Xác định mơ tả 1.Công ty, dự án 2. Sản phẩm dịch vụ 3 .Thị trường 23 Khi Như Phân tích lập KH 4 .Chi? ??n lược marketing/KH... (prototype) 12 slide.tailieu.vn Mơ hình thiết kế lặp Giai đoạn đánh giá : Thực thử nghiệm mẫu, sử dụng phương pháp khác phương pháp Heuristic, phương pháp quan sát người dùng thao tác với UI