Thi cu i k Môn Thi t k n ˚ tng tác a phng ti ˚ I. Tiêu chí ch m ˚ ˚ ệ 1. m bài t p l 1.4. 1.2 Gi 1. m Thi t k phác th o: c, thuy Bìa báo cáo: b Prototype: mô t Video prototype mô t ˚m i˚ 1.1. 1.5. 1.3 N Thi m Ph n n ng máy. Chú ý trình bày theo story board (ghi rõ ch rõ ph n m m ho c k các ch i gi các yêu c u, trình bày khoa h c s ch s m c 1 thi t k nh yêu c tên m i màn hình phác th o) File m tên l i h n: Đi˚ ˚ p 1 i ˚n 5 i˚ ˚ m ˚ y ˚ ˚ ˚ ˚ ˚, úng th˚ ˚ 1.2. 1.1 Tr Quy Thi hình) file thi T Thu th l Yêu c u n dun g thu th Thi File thi t c p thông tin, phân tích mô hình nhi m v i lý thuy p bài c a sinh viên p thông tin, B n phân tích mô hình nhi m v ˚t k˚ v˚t lý: t k p, b n gi m ˚ 1.3. 1 m ˚ ˚ ˚t k˚ v˚t l 1 i˚m ệ ˚ 1 i˚ ˚ ˚ i˚ 2. m v m Prototype 1 i˚ ˚ ˚ ˚i thích ˚ Đánh giá ˚ m Đi˚ n áp 5 i˚ i ˚t minh logic ˚c câu h tài, Tên nhóm, tên thành viên, tên l t k phác th o: có th Tr g c (AIPsd) + file nh các giao di c cho vào cùng 1 folder ˚i trong bài n n v trên gi ình bày các giao diện thi t i dung sau: y, ˚t k˚ (ghi rõ tên các màn c xu ghi rõ tên nhóm ˚ úng câu h˚ ˚ ˚t 2 i˚ ˚p ã làm 2 t bài c m p thông tin và n năngnhiệm v˚ c˚a story board ó), hoặc concept screen (ghi rõ B ng phân công công vi File gi i II. ˚ ˚ ˚ ˚ ˚a nhóm khác 1 i˚ ˚ n báo cáo (in và óng quy Tên ˚ p ˚c thu t s d ng a s n ph c in trên quy ˚ ˚n) trình bày ˚y ˚ ˚ i dung: ˚ ˚ i ˚ ˚ Xác ˚ ˚u ghi rõ phng pháp thu th˚ ˚ ˚ óng k ˚ ho ặc v ˚ l ˚i ˚ ệ ˚ ˚ ˚ ˚ m b˚ ˚ ˚ ˚ ˚ ˚ c các thành viên trong nhóm ˚ ˚ ệ ˚ ặ ỹ ˚ ˚ ˚ 2. m n p kèm : i thi u tóm t ˚ t ra t ˚ ˚ ˚ ˚t k (Jpegpng) ˚ ˚ ˚ ˚ ện ˚ ˚ ˚ m i thi tài, tên nhóm, tên thành viên, ˚ u (wordpdf) ˚ các file lu Tên folder ˚c năng chính c˚ Tên ˚t v ˚ ˚ s n ph ˚ ệ ˚ ˚ ˚ ˚ ệ u (tên nhóm) ˚ ˚ ˚m ã làm
Thi cuối kỳ Môn Thiết kế tương tác đa phương tiện I Tiêu chí chấm điểm Điểm tập lớn : điểm 1.1 Nộp đầy đủ yêu cầu, trình bày khoa học sẽ, thời hạn: điểm 1.2 Thu thập thơng tin, phân tích mơ hình nhiệm vụ: điểm 1.3 Thiết kế phác thảo: điểm 1.4 Thiết kế vật lý: điểm 1.5 Prototype: điểm Điểm vấn đáp: điểm 1.1 Trả lời câu hỏi lý thuyết: điểm 1.2 Giải thích được, thuyết minh logic câu hỏi tập làm: điểm 1.3 Đánh giá thiết kế từ nhóm khác: điểm II Yêu cầu nộp sinh viên Quyển báo cáo (in đóng quyển) trình bày đầy đủ nội dung sau: Bìa báo cáo: Tên đề tài, Tên nhóm, tên thành viên, tên lớp Phần nội dung: Xác định yêu cầu: ghi rõ phương pháp thu thập thông tin nội dun g thu thập thơng tin, Bản phân tích mơ hình nhiệm vụ Thiết kế phác thảo: đóng kèm vẽ giấy, vẽ lại máy Chú ý trình bày theo story board (ghi rõ chức năng/nhiệm vụ story board đó), concept screen (ghi rõ tên hình phác thảo) Thiết kế vật lý: Trình bày giao diện thiết kế (ghi rõ tên hình) Prototype: mơ tả rõ phần mềm kỹ thuật sử dụng Bảng phân công công việc thành viên nhóm File mềm nộp kèm : File thiết kế gốc (AI/Psd) + file ảnh giao diện xuất từ file thiết kế (Jpeg/png) Video prototype mơ tả chức sản phẩm File giới thiệu (word/pdf): Tên đề tài, tên nhóm, tên thành viên, tên lớp, giới thiệu tóm tắt sản phẩm làm Tất file cho vào folder ghi rõ tên nhóm Chú ý lưu Tên folder (tên nhóm) phải giống tên nhóm in báo cáo III Một số câu hỏi vấn đáp Phần lý thuyết Định nghĩa thiết kế tương tác? Nền tảng thiết kế tương tác gì? Phân biệt UI UX cho ví dụ Những yếu tố thiết kế tương tác bao gồm yếu tố nào? Hãy cho biết yếu tố người ảnh hưởng tới thiết kế tương tác sao? Những yếu tố thiết kế tương tác bao gồm yếu tố nào? Hãy cho biết yếu tố người ảnh hưởng tới thiết kế tương tác sao? Những yếu tố thiết kế tương tác bao gồm yếu tố nào? Hãy cho biết yếu tố hoạt động ảnh hưởng tới thiết kế tương tác sao? Những yếu tố thiết kế tương tác bao gồm yếu tố nào? Hãy cho biết yếu tố ngữ cảnh ảnh hưởng tới thiết kế tương tác sao? Những yếu tố thiết kế tương tác bao gồm yếu tố nào? Hãy cho biết yếu tố công nghệ ảnh hưởng tới thiết kế tương tác sao? Hãy kể mục tiêu khả sử dụng thiết kế tương tác cho ví dụ? Mục tiêu thiết kế UX gì? Cho ví dụ 10 Trong thiết kế UX người ta cần quan tâm đến cảm xúc người dùng để thiết kế thoả mãn mục tiêu UX Hãy kể tên loại cảm xúc cho ví dụ 11 Quy trình thiết kế tương tác gồm bước nào? Em giải thích rõ ý nghĩa cơng việc bước 12 Có loại mơ hình áp dụng vào quy trình thiết kế tương tác? Hãy nói rõ đặc điểm mơ hình 13 Khi xác định người dùng sản phẩm, cần xác định loại người dùng nào? Và phân chia mức độ quan trọng người dùng với sản phẩm? 14 Khi thu thập thông tin, xác định yêu cầu người dung cần làm rõ vấn đề gì? 15 Các yêu cầu người dùng hệ thống mà cần thu thập gì? 16 Kể tên phương pháp thu thập liệu, cho biết đặc điểm lưu ý sử dụng phương pháp vấn 17 Kể tên phương pháp thu thập liệu, cho biết đặc điểm lưu lý sử dụng phương pháp bảng câu hỏi 18 Kể tên phương pháp thu thập liệu, cho biết đặc điểm lưu lý sử dụng phương pháp nghiên cứu tài liệu 19 Kể tên phương pháp thu thập liệu, cho biết đặc điểm lưu lý sử dụng phương pháp tập trung nhóm hội thảo 20 Kể tên phương pháp thu thập liệu, cho biết đặc điểm lưu lý sử dụng phương pháp quan sát 21 Để phân tích nhiệm vụ người dùng phải phân biệt rõ mục tiêu, nhiệm vụ hành động? em phân biệt yếu tốt 22 Trước bắt tay vào thiết kế phác thảo, phải ý đến không gian thiết kế định hướng hình thức tương tác Hãy nói rõ điểm 23 Có cách trình bày phác thảo nào? Và nói rõ loại người thiết kế phải làm gì? 24 Ngơn ngữ thiết kế gì? Trong ngơn ngữ thiết kế người ta có nói đến nguyên tắc thiết kế, nguyên tắc thiết kế từ đâu ra? 25 Ý nghĩa mẫu thử Prototype, phải tạo prototype 26 Có loại Prototype dùng chúng 27 Mục tiêu đánh giá tương tác gì? 28 Có loại đánh giá? Phương pháp đánh giá chuyên gia có đặc điểm gì? 29 Có loại đánh giá? Phương pháp đánh giá người dùng có đặc điểm gì? 1.1.1 Giải thích phân tích liệu Việc giải thích phân tích liệu liên quan đến nhiệm vụ trình thiết kế tương tác.Việc phân tích nhiệm vụ thiết kế tương tác nhằm vào: − Phân biệt mục đích, nhiệm vụ hoạt động; − Phân tích nhiệm vụ phân cấp; − Phân tích nhiệm vụ theo nhận thức Phân tích nhiệm vụ trình nhằm tìm hiểu cách thức mà người dùng hiểu cơng việc hay đích phải thực hiện, đối tượng mà người dùng thao tác kiến thức mà họ cần có để thực nhiệm vụ đạt mục đích mong muốn Ví dụ: “Rút tiền từ ATM” Mục đích: rút tiền từ ATM Các công việc cần làm: − − − − − − − − − Tìm ATM Lấy thẻ ATM Đưa thẻ ATM vào ATM Nhập mật Nhập số tiền cần rút Nếu thẻ khơng có đủ số tiền cần rút, nhập lại số tiền cần rút Lấy tiền khỏi ATM Lấy biên lai rút tiền muốn Rút thẻ khỏi ATM Để thực cơng việc trên, cần có kiến thức việc sử dụng rút tiền ATM Sau hoàn thành nghiên cứu nhu cầu người dùng cho ứng dụng bạn, bạn chắn thu thập nhiều ghi chú, hàng chục ảnh, đoạn ghi âm, đoạn video Số lượng lớn, nguồn tài ngun vơ bạn tham khảo q trình thiết kế Thách thức làm để dịch liệu thành tài liệu quan sát dễ dàng, sử dụng cho nhà thiết kế, phát triển, thành viên nhóm Dựa kết thu thập từ nhu cầu người dùng, bạn cần vạch chức cho ứng dụng, sản phẩm tương tác bạn Những chức bạn dự tính trước, kết khảo sát cho thấy, người dùng khơng có nhu cầu sử dụng bỏ qua Những chức người dùng quan tâm đến, phát sinh trình nghiên cứu đưa vào phân tích Các thông tin khả sử dụng, tương tác người dùng sản phẩm thu thập sử dụng để phân tích nhiệm vụ, hành động cho mục tiêu đặt 1.1.1.1 Mục đích, nhiệm vụ hành động − Mục đích trạng thái hệ thống người ta muốn đạt Một đích thực số công cụ, phương pháp, tác nhân, thị, kĩ thuật, kĩ hay thiết bị cho phép thay đổi trạng thái hệ thống − Nhiệm vụ hoạt động cần thiết đáp ứng mục đích thiết bị cụ thể Nhiệm vụ tập có cấu trúc hoạt động, người nghĩ hay thực để đáp ứng mục đích − Hành động nhiệm vụ khơng cần giải vấn đề, khơng cần thành phần có cấu trúc điều khiển Nó bước cụ thể tương tác để hồn thành nhiệm vụ Hình 1: Mơ hình tổng quát phân tích nhiệm vụ Trong ví dụ hình mơ tả mơ hình phân tích nhiệm vụ “viết thư phần mềm MS Word”, phân tích sau: Mục đích: Viết thư Nhiệm vụ: Soạn thư, in thư/gửi email Hoạt động: Mở phần mềm MS Word, nhập ký tự từ bàn phím, lựa chọn máy in, mở email, Người dùng thực nhiệm vụ, phân rã đích thành đích 1.1.1.2 Phân tích nhiệm vụ theo phân cấp (Hierachical Task Analysis – HTA) Phần lớn kỹ thuật phân tích nhiệm vụ sử dụng số dạng phân rã nhiệm vụ để biểu diễn hành vi Phân tích nhiệm vụ phân cấp cách tiếp cận với đầu phân cấp nhiệm vụ kế hoạch miêu tả trình tự điều kiện thực nhiệm vụ Phương pháp dùng 20 năm, cách phân tích thơng dụng Xem xét ví dụ “mượn sách thư viện ebook” áp dụng việc phân rã nhiệm vụ thực đồ họa Hình Đánh số cho nhiệm vụ khơng nói lên thứ tự thực mà để phân biệt nhiệm vụ Nhiệm vụ số đượng dành để biểu diễn mục đích Các kế hoạch đánh số gán theo tên nhiệm vụ Các kế hoạch thể trình tự thực − Plan 0: Nếu người dùng biết vị trí sách cần tìm nằm khu vực trang web thực 1, 3, 4; Nếu người dùng sách cần tìm đâu, khơng thấy giá sách thực 2, 3, − Plan Plan kế hoạch thực cho nhiệm vụ nhiệm vụ 0.Mục tiêu: Mượn sách thư viện ebook Plan 0: Thực 1, 3, Nếu khơng tìm thấy sách giá thực 2, 3, Truy cập vào khu vực chứa sách Tìm sách theo yêu cầu Chọn sách từ giá Hoàn thành thủ tục mượn sách Plan 4: Thực 4.1, 4.2 Plan 2: Thực 2.1, 2.2, 2.3 2.1 Vào giao diện tìm kiếm 2.2 Nhập tiêu chí tìm kiếm 4.1 Nhập MS thẻ thư viện 4.2 Nhập thời gian mượn sách 2.3 Nhập yêu cầu tìm kiếm Hình -2: Cấu trúc phân cấp chức việc mượn sách thư viện ebook Quá trình thực nhiệm vụ phụ thuộc vào điều kiện, biểu diễn dạng rẽ nhánh, lặp chờ đợi (Hình 3) Login 1.1 Nhập Account 1.2 Nhập Password Đúng KT End Sai Hình 3: Phân cấp chức login 1.1.1.3 Phân tích nhiệm vụ theo nhận thức (Cognitive Task Alanysis – CTA) Trong HTA liên quan đến việc thiết lập cách biểu diễn xác bước phải làm nhằm thực nhiệm vụ phân tích nhiệm vụ theo nhận thức lại tập trung vào biểu diễn tri thức mà người dùng có cần phải có để hồn thành nhiệm vụ Phân tích nhiệm vụ nhận thức liên quan đến việc cung cấp cho trình thiết kế xuyên suốt ứng dụng lý thuyết nhận thức Phân tích nhiệm vụ nhận thức nhận thấy số hoạt động hoàn toàn vật lý nhấn phím, di chuyển trỏ, số khác lại có tính suy nghĩ thao tác nhận thức, thí dụ định phím nhấn, trỏ phải chuyển đến vị trí hình CTA phần mở rộng phương pháp phân tích nhiệm vụ, giải thích kiến thức, tiến trình tư tưởng cấu trúc mục tiêu làm sở thực nhiệm vụ Từ CTA, nhận đầu vào cho thiết kế giao diện hệ thống, thiết kế thủ tục quy trình hệ thống cụ thể, phân bổ chức hệ thống Bằng cách mơ hình hóa nhận thức nhiệm vụ, nhà thiết kế khơng gặp phải khó khăn việc nhớ lại thủ tục tâm trí họ Một kỹ thuật phân tích nhiệm vụ theo nhận thức áp dụng thiết kế tương tác mơ hình GOMS (Goals – Operator – Methods – Selection rules) − Mục tiêu: đề cập đến trạng thái đặc biệt mà người dùng muốn đạt − Vận hành: hành động mà người sử dụng thực Vận hành bên hành động quan sát qua trao đổi thơng tin người dùng hệ thống với người khác Chúng bao gồm vận hành tri giác, đọc văn từ hình, scan hình để xác định vị trí trỏ, nhập vào văn bản, vận hành động cơ, chẳng hạn nhấn phím, nói cụm từ Vận hành bên hành động nội thực người dùng, không quan sát được, thực suy luận phân tích Vận hành bao gồm hành động lưu trữ mục vào nhớ làm việc, lấy thông tin từ nhớ dài hạn, xác định công việc cần thực hiện, thiết lập mục tiêu cần hoàn hành − Phương pháp: chuỗi các bước mà người dùng vận hành để để hoàn thành mục tiêu Một bước phương pháp thông thường bao gồm vận hành, cách nhấn phím, tập hợp vận hành liên quan đến việc thiết lập hoàn thành nhiệm vụ Mô tả phương pháp trọng tâm phân tích nhiệm vụ − Quy tắc lựa chọn sử dụng để xác định phương pháp lựa chọn có nhiều lựa chọn Ví dụ, từ khóa nhập vào cơng cụ tìm kiếm, nhiều cơng cụ tìm kiếm cho phép người dùng nhấn phím Enter bàn phím nhấp vào nút "Go" Một nguyên tắc lựa chọn định hai phương thức để sử dụng trường hợp cụ thể Dưới ví dụ mơ hình GOMS cho nhiệm vụ xóa từ câu sử dụng MS Word Mục tiêu: Xóa từ câu Phương thức để hồn thành mục tiêu xóa từ cách sử dụng tùy chọn menu: − Bước Nhớ lại từ xóa đánh dấu − Bước Nhớ lại lệnh "cut" − Bước Gọi lệnh "cut" trình đơn Edit − Bước Hồn thành mục tiêu việc lựa chọn thực lệnh "cut" − Bước Trở lại với mục tiêu hoàn thành Phương thức để hồn thành mục tiêu xóa từ cách sử dụng phím Delete: − Bước Nhớ lại vị trí trỏ liên quan đến từ cần xóa − Bước Nhớ lại phím Delete − Bước Nhấn phím "delete" để xóa chữ − Bước Trở lại với mục tiêu hoàn thành Điều khiển sử dụng phương pháp trên: − Nhấn chuột − Kéo trỏ qua văn − Chọn thực đơn − Di chuyển trỏ đến lệnh − Nhấn phím bàn phím Quy tắc lựa chọn để định phương pháp sử dụng: − 1: Xóa văn cách sử dụng chuột chọn từ trình đơn muốn xóa số lượng lớn từ văn − 2: Xóa văn cách sử dụng phím Delete số lượng chữ cần xóa nhỏ Có thể mơ hình hóa chức theo nhận thức cách tóm tắt cho ví dụ trện hình Lựa chọn Phương pháp Xóa với số lượng từ nhiều Xóa với số lượng từ Phương pháp 1.1 Xác định đoạn văn cần xóa đánh dấu 2.1 Xác định vị trí văn cần xóa 1.2 Chọn menu edit 2.2 Nhấn phím “Delete” để xóa chữ 1.3 Chọn lệnh “cut” Mục tiêu Hình -4: Mơ hình chức theo nhận thức phương pháp GOMS THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN ƠN TẬP CẤU TRÚC ĐỀ THI • Câu hỏi dạng (1 điểm): Lý thuyết, Yêu cầu sinh viên nhớ khái niệm, tính chất, đặc điểm • Câu hỏi dạng (2 điểm): Lý thuyết, Yêu cầu sinh viên hiểu vấn đề, phân tích, giải thích so sánh • Câu hỏi dạng (3 điểm, điểm): Bài tập, yêu cầu sinh viên biết vận dụng kiến thức học để giải vấn đề, tình đưa NỘI DUNG CÂU HỎI CHƯƠNG I • Câu hỏi dạng 1 • Câu hỏi dạng 2 CHƯƠNG II Chương III • Câu hỏi dạng 1 • Câu hỏi dạng 2 • Câu hỏi dạng 3 • Câu hỏi dạng 1 • Câu hỏi dạng 2 • Câu hỏi dạng 3 NỘI DUNG CHƯƠNG I • Nhớ khái niệm, định nghĩa thiết kế tương tác thiết kế tương tác Đa phương tiện • Nhớ khác thiết kế tương tác thiết kế đa phương tiện • Nhớ yếu tố PACT thiết kế tương tác đa phương tiện • Nhớ mục tiêu thiết kế tương tác đa phương tiện: mục tiêu khả sử dụng, mục tiêu thói quen người dùng (UX) • Nhớ dạng Đa phương tiện tương tác • Nhớ dạng điều khiển trực tiếp WYSIWYG NỘI DUNG CHƯƠNG I • Hiểu được mục tiêu thiết kế tương tác • Hiểu yếu tố PACT ảnh hưởng đến thiết kế tương tác • Hiểu yêu cầu lưu ý dạng Đa phương tiện tương tác • Hiểu điều khiển trực tiếp WYSIWYG NỘI DUNG CHƯƠNG II • Nhớ hoạt động quy trình thiết kế tương tác • Nhớ mơ hình quy trình thiết kế tương tác • Nhớ đặc điểm quy trình thiết kế tương tác vấn đề cần xem xét trước thiết kế tương tác • Nhớ phương pháp thu thập liệu • Nhớ đặc điểm thiết kế mơ hình thiết kế vật lý • Nhớ đặc điểm mẫu thử với độ xác thấp độ xác cao NỘI DUNG CHƯƠNG II • Hiểu hoạt động quy trình thiết kế tương tác • Hiểu đặc điểm mơ hình quy trình thiết kế tương tác • Hiểu liên hệ hoạt động mơ hình • Hiểu ý nghĩa phương pháp thu thập liệu • Phân biệt mục đích, nhiệm vụ hoạt động • Hiều mơ hình phân tích nhiệm vụ phân cấp (HTA) mơ hình phân tích nhiệm vụ nhận thức (CTA) • Hiểu ý nghĩa khơng gian thiết kế hình thức tương tác • Hiểu cách phác thảo thiết kế kịch tương tác (storyboard) • Hiểu ngơn ngữ thiết kế, ngun tắc thiết kế đối tượng giao diện người dùng • Hiểu ý nghĩa mẫu thử, loại kỹ thuật xây dựng mẫu thử NỘI DUNG CHƯƠNG II • Vận dụng phương pháp thu thập liệu vào tình cụ thể • Biết cách xây dựng mơ hình nhiệm vụ HTA CTA vào tình cụ thể • Biết vẽ phác thảo giao diện, storyboard cho yêu cầu cụ thể NỘI DUNG CHƯƠNG III • Nhớ lý cần phải đánh giá • Nhớ mục tiêu đánh giá • Nhớ phương pháp chuyên gia đánh giá • Nhớ phương pháp người dùng đánh giá NỘI DUNG CHƯƠNG III • Hiểu ý nghĩa cách thức thực phương pháp chuyên gia đánh giá • Hiểu ý nghĩa cách thức thực phương pháp người dùng đánh giá 10 NỘI DUNG CHƯƠNG III • Vận dụng phương pháp đánh giá để đánh giá thiết kế cụ thể 11