BÀI GIẢNG THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN

THIẾT KẾ TƯƠNG TÁC
ĐA PHƯƠNG TIỆN
1
GiỚI THIỆU MÔN HỌC
• Tên môn học: Thiết kế tương tác Đa phương
tiện
• Mã môn học: CDT1425
• Số tín chỉ: 2
• Lý thuyết: 24 tiết
• Thảo luận: 3 tiết
• Thực hành: 3 tiết
• Tự học: Có hướng dẫn
• Tên môn học: Thiết kế tương tác Đa phương
tiện
• Mã môn học: CDT1425
• Số tín chỉ: 2
• Lý thuyết: 24 tiết
• Thảo luận: 3 tiết
• Thực hành: 3 tiết
• Tự học: Có hướng dẫn
2
ĐÁNH GIÁ MÔN HỌC
• Tích cực thảo luận: 10% (cá nhân)
• Kiểm tra giữa kỳ: 10% (cá nhân)
• Bài tập lớn: 30% (nhóm)
• Kiểm tra cuối kỳ: 50% (cá nhân)
• Tích cực thảo luận: 10% (cá nhân)
• Kiểm tra giữa kỳ: 10% (cá nhân)
• Bài tập lớn: 30% (nhóm)
• Kiểm tra cuối kỳ: 50% (cá nhân)
3

THÔNG TIN GiẢNG VIÊN
• Giảng viên: ThS. Phí Công Huy
• E-mail:
• Contact: 0949198889
• Giảng viên: ThS. Phí Công Huy
• E-mail:
• Contact: 0949198889
4
YÊU CẦU
• Tinh thần đóng góp ý kiến trong khóa học
• Giữ trật tự không gây ảnh hưởng tới bạn xung
quanh
• Đi học đầy đủ
• Nộp bài tập lớn đúng hạn
• Tinh thần đóng góp ý kiến trong khóa học
• Giữ trật tự không gây ảnh hưởng tới bạn xung
quanh
• Đi học đầy đủ
• Nộp bài tập lớn đúng hạn
5
ĐỀ CƯƠNG KHÓA HỌC
• Chương 1: Tổng quan về thiết kế tương tác và
thiết kế tương tác Đa phương tiện
• Chương 2: Quy trình thiết kế tương tác
• Chương 3: Giới thiệu về việc đánh giá trong
thiết kế tương tác
• Chương 1: Tổng quan về thiết kế tương tác và
thiết kế tương tác Đa phương tiện
• Chương 2: Quy trình thiết kế tương tác
• Chương 3: Giới thiệu về việc đánh giá trong

thiết kế tương tác
6
CÁC NGUỒN THAM KHẢO
• Sách nên đọc:
– Interaction Design Beyond Human-Computer Interaction
tác giả Yvonne Rogers, Helen Sharp, Jenny Preece
– Essential guide to User interface design tác giả Wilbert O.
Galitz
– Tương tác người – máy tác giả Lương Mạnh Bá
• Sách tham khảo:
– Design of Everday things – Donald A. Norman
– Design for New Media: Interaction design for Multimedia
and the WEB – Lon Barfield
– Design user interface tác giả Ben Shneiderman
• Sách nên đọc:
– Interaction Design Beyond Human-Computer Interaction
tác giả Yvonne Rogers, Helen Sharp, Jenny Preece
– Essential guide to User interface design tác giả Wilbert O.
Galitz
– Tương tác người – máy tác giả Lương Mạnh Bá
• Sách tham khảo:
– Design of Everday things – Donald A. Norman
– Design for New Media: Interaction design for Multimedia
and the WEB – Lon Barfield
– Design user interface tác giả Ben Shneiderman
7
NỘI DUNG HÔM NAY
• Các khái niệm thiết kế tương tác
• Các khái niệm thiết kế tương tác Đa phương tiện
• Mối liên hệ giữa thiết kế tương tác và thiết kế Đa

phương tiện
• Những ví dụ
• Các khái niệm thiết kế tương tác
• Các khái niệm thiết kế tương tác Đa phương tiện
• Mối liên hệ giữa thiết kế tương tác và thiết kế Đa
phương tiện
• Những ví dụ
8
THIẾT KẾ TƯƠNG TÁC
• Tương tác được hiểu thế nào?
– Tương tác được hiểu chung là những phản hồi từ
2 phía (ở đây đó là người dùng và sản phẩm)
• Những sản phẩm tương tác gồm:
– Điện thoại, máy tính, điều khiển, ATM, máy
photocopy…
• Tương tác được hiểu thế nào?
– Tương tác được hiểu chung là những phản hồi từ
2 phía (ở đây đó là người dùng và sản phẩm)
• Những sản phẩm tương tác gồm:
– Điện thoại, máy tính, điều khiển, ATM, máy
photocopy…
9
THIẾT KẾ TƯƠNG TÁC
10
THIẾT KẾ TƯƠNG TÁC
• Khái niệm:
– Thiết kế tương tác là thiết kế ra những sản phẩm
tương tác để hỗ trợ người dùng trong cuộc sống
hàng ngày. (Yvonne Rogers, Helen Sharp, Jenny
Preece)

– Cụ thể hơn, thiết kế tạo nên một thói quen tiện
dụng cho người dùng trong giao tiếp, công viêc và
tương tác.
• Khái niệm:
– Thiết kế tương tác là thiết kế ra những sản phẩm
tương tác để hỗ trợ người dùng trong cuộc sống
hàng ngày. (Yvonne Rogers, Helen Sharp, Jenny
Preece)
– Cụ thể hơn, thiết kế tạo nên một thói quen tiện
dụng cho người dùng trong giao tiếp, công viêc và
tương tác.
11
THIẾT KẾ TƯƠNG TÁC
12
THIẾT KẾ TƯƠNG TÁC
13
THIẾT KẾ TƯƠNG TÁC
14
ĐA PHƯƠNG TIỆN
• Đa phương tiện:
– Định nghĩa Đa phương tiện (theo nghĩa rộng) là
bao gồm các phương tiện: văn bản, hĩnh vẽ tĩnh
(vẽ, chụp), hoạt hình (hình ảnh động), âm thanh.
• Đa phương tiện:
– Định nghĩa Đa phương tiện (theo nghĩa rộng) là
bao gồm các phương tiện: văn bản, hĩnh vẽ tĩnh
(vẽ, chụp), hoạt hình (hình ảnh động), âm thanh.
15
THIẾT KẾ ĐA PHƯƠNG TIỆN
• Thiết kế Đa phương tiện:

– Là việc thiết kế tạo nên sản phẩm dựa trên những
văn bản , hình vẽ tĩnh, hoạt hình và âm thanh.
• Thiết kế Đa phương tiện:
– Là việc thiết kế tạo nên sản phẩm dựa trên những
văn bản , hình vẽ tĩnh, hoạt hình và âm thanh.
16
THIẾT KẾ ĐA PHƯƠNG TIỆN
17
THIẾT KẾ TƯƠNG TÁC
ĐA PHƯƠNG TIỆN
• Thiết kế tương tác Đa phương tiện:
– Là sự kết hợp của các phương tiện truyền thông
kỹ thuật trong một môi trường kỹ thuật nhằm cho
phép người dùng có thể tương tác với dữ liệu để
sử dụng vào mục đích nhất định
• Các phương tiện truyền thông kỹ thuật bao gồm: văn
bản điện tử, đồ họa, hình ảnh động và âm thanh
• Thiết kế tương tác Đa phương tiện:
– Là sự kết hợp của các phương tiện truyền thông
kỹ thuật trong một môi trường kỹ thuật nhằm cho
phép người dùng có thể tương tác với dữ liệu để
sử dụng vào mục đích nhất định
• Các phương tiện truyền thông kỹ thuật bao gồm: văn
bản điện tử, đồ họa, hình ảnh động và âm thanh
18
MỐI LIÊN HỆ VÀ PHẠM VI CỦA THIẾT
KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN
19
MỐI LIÊN HỆ VÀ PHẠM VI CỦA THIẾT
KẾ TƯƠNG TÁC ĐA PHƯƠNG TiỆN

20
BÀI TẬP TRÊN LỚP
21
Điện thoại bàn Điện thoại di động
BÀI TẬP TRÊN LỚP
Phân biệt TKTT và TKTTĐPT
22
BÀI TẬP TRÊN LỚP
• Thực hiện 1 cuộc gọi từ máy:
– Di động
– Máy điện thoại bàn
a. Khác nhau như thế nào?
b. Các thiết bị như vậy được thiết kế như thế
nào khi nhằm vào:
i. Người dùng
ii. Cách hỗ trợ
Iii. Mục đích sử dụng
• Thực hiện 1 cuộc gọi từ máy:
– Di động
– Máy điện thoại bàn
a. Khác nhau như thế nào?
b. Các thiết bị như vậy được thiết kế như thế
nào khi nhằm vào:
i. Người dùng
ii. Cách hỗ trợ
Iii. Mục đích sử dụng
23
NHỮNG YẾU TỐ, QUY TẮC ĐỂ NHẬN
BIẾT MỘT GIAO DIỆN TỐT
24

NỘI DUNG HÔM NAY
• Thế nào là một thiết kế tốt
• Hiểu được người dùng
• Giao diện ảnh hưởng tới người dùng ra sao
25