Thiết kế ấn phẩm điện tử chủ đề website hyperlink

Nhóm Tương tác đa phương tiện ấn phẩm điện tử Chủ đề: Website Nội dung 01 Tương tác đa phương tiện 02 Kịch tương tác 03 Hyperlink 04 Animation Thiết kế1tương tác Thiết kế tương tác ⮚ Là thiết kế sử dụng văn bản, hình ảnh, video,… có tương tác chiều người dùng sản phẩm nhằm đáp ứng nhu cầu người dùng Lorem ipsum dolor sit amet, nulla ac netus nibh ⮚ Người thiết kế cần phải: aliquet, porttitor ligula justo lacus libero vivamus porttitor dolor, • Dự đốn người dùng tương tác với sản phẩm • Sớm tìm vấn đề tương tác sáng tạo cách thức Tương tác đa phương tiện • Là kết hợp phương tiện truyền thông kỹ thuật môi trường kỹ thuật bao gồm: văn điện tử, đồ họa, hình ảnh động âm nhằm cho phép người dùng tương tác với liệu để sử dụng vào mục đích định • Đối với website ngày nay, tương tác với người dùng yếu tố đổi có cách thức thể khác 02 Kịch tương tác Quy trình xây dựng kịch tương tác Lập bảng thông tin chi tiết bao gồm ▪ Những người dùng thích / khơng thích Xác định yêu cầu ▪ Thói quen ▪ Nhu cầu người dùng với trang web ▪ Một vài yếu tố khác giới tính, độ tuổi, vị trí địa lý, Quy trình xây dựng kịch tương tác Xây dựng Sitemap Quy trình xây dựng kịch tương tác Biểu đồ User flow Những đường nét biểu đồ User Flows biểu diễn hành động người dùng Quy trình xây dựng kịch tương tác Lập hành trình người dùng Giúp bạn biết hành động mà họ làm tương tác với website bạn Quy trình xây dựng kịch tương tác Mơ tả kịch • Một hai lựa chọn phân nhánh dẫn đến điều gì, kịch bị ảnh hưởng A B Nêu chi tiết tùy chọn khác đường • Khi ý tưởng hồn thiện, kịch thiết kế phần mềm định cho phép tạo nhánh với hình ảnh cảnh video liên quan 03 Hyperlink Hyperlink có nghĩa siêu liên kết Hyperlink Hyperlink có nghĩa siêu liên kết Nó từ, cụm từ, đoạn văn bản, hình ảnh mà người đọc click chuột vào để dẫn tới phần khác tài liệu tài liệu tham chiếu Ứng dụng Hyperlink • Hyperlink giúp cho trang văn có mối liên hệ mạch lạc với • Hyperlink giúp kết nối người đọc, bạn chuyển từ trang sang trang khác cách dễ dàng với cú nhấp chuột Lưu ý Đối với hyperlink dạng văn DO • Sử dụng màu tương phản bật cho văn hyperlink DON’T Lưu ý • Trong trang web, ta thường sử dụng hyperlink hiển thị dạng Button ảnh 04 Animation Animation • Ngày nay, animation ứng dụng phổ biến internet • Thu hút ý người xem • Giúp cho thông tin hiển thị cách trực quan Các lưu ý sử dụng animation Lưu ý Timing & spacing • Thời lượng animation phải phù hợp để người dùng tiếp nhận khối lượng thơng tin phù hợp • Tốc độ tối ưu cho animation giao diện UX từ 200 đến 500 ms Bất kỳ animation ngắn 100 ms khơng não người ghi nhận có chuyển tiếp nhanh, animation dài giây gây nhàm chán  ... tiện 02 Kịch tương tác 03 Hyperlink 04 Animation Thiết kế1 tương tác Thiết kế tương tác ⮚ Là thiết kế sử dụng văn bản, hình ảnh, video,… có tương tác chiều người dùng sản phẩm nhằm đáp ứng nhu cầu... hoàn thiện, kịch thiết kế phần mềm định cho phép tạo nhánh với hình ảnh cảnh video liên quan 03 Hyperlink Hyperlink có nghĩa siêu liên kết Hyperlink Hyperlink có nghĩa siêu liên kết Nó từ, cụm... ac netus nibh ⮚ Người thiết kế cần phải: aliquet, porttitor ligula justo lacus libero vivamus porttitor dolor, • Dự đoán người dùng tương tác với sản phẩm • Sớm tìm vấn đề tương tác sáng tạo