Thiết kế ấn phẩm điện tử ví dụ minh họa ngân hàng thương mại cổ phần tiên phong

Bài tập nhóm Khái niệm tương tác đa phương tiện ÂPĐT ▪ Tương tác ĐPT kết hợp Thiết kế ĐPT Thiết kế tương tác  ▪ Thiết kế tương tác thực hành thiết kế sản phẩm kỹ thuật số tương tác, môi trường, hệ thống dịch vụ.  ▪ Mục tiêu thiết kế tương tác tạo sản phẩm cho phép người dùng đạt mục tiêu họ theo cách tốt ▪ Thiết kế ĐPT việc thiết kế tạo nên sản phẩm dựa văn bản, hình vẽ tĩnh, hoạt hình âm -> Tương tác ĐPT APĐT phản hồi từ phía (cụ thể ấn phẩm điện tử người dùng)  Cách xây dựng kịch tương tác Khi xây dựng tương tác, có yếu tố bạn cần quan tâm sau : “ ▪ 1, Phong cách cá nhân Trong ứng dụng, chuyển động cần truyền đạt phong cách đa dạng, vãn giữ thống xuyên suốt Hành xử xứng đáng giúp trì tình trạng ổn định với người dùng nắm bắt liên kết họ kèm với trải nghiệm 2, Định hướng   ▪ Chuyển động nên giúp người dùng dễ dàng thông qua trải nghiệm Nó tạo "khơng gian vật lý" ứng dụng cách mà vật thể xuất bắt đầu nhìn thấy ▪ Nó hỗ trợ luồng hành động, cung cấp hướng dẫn rõ ràng trước, sau sử dụng Nó nên phục vụ người hướng dẫn, giữ người dùng định hướng ngăn ngừa họ hứng, giảm nhu cầu yếu tố đồ hoạ thêm vào nhằm giải thích nơi họ đứng (trong app) họ đâu 3, BỐI CẢNH ▪ Chuyển động nên cung cấp bối cảnh phù hợp với nội dung hình cách liệt kê chi tiết trạng thái vật lý hình sử dụng môi trường mà chúng dùng Do không sử dụng kiểu Skeuomorphism, thiết kế UI tự để hành xử theo kiểu mà nhìn trái ngược với bối cảnh ▪ Thêm nét hay biến dạnh thành đối tượng áp dụng tính quán tính cho danh sách kéo đơn giản khiến trải nghiện thú vị gắn bó 4, Linh hoạt Chuyển động nên linh hoạt trực quan Nó nên phản ánh theo cách mà trấn an người dùng khiến họ ngạc nhiên làm họ rối mắt Các phản ứng UI, với hành động người dùng nên dễ hiểu 5, Cảm xúc Chúng nên gợi lên phản ứng tích cực, cảm giác thoải mái từ hành động roll mượt mà hay gây phấn khích chuyển trang xảy 6, Kiềm chế Có ý tưởng rõ ràng tránh gây tập trung người dùng nhiều với chuyển động, tinh tế chìa khố vấn đề Cần dùng để trì tập trung gây phiền nhiễu HYPERLINK 10 Animation 14 Khái niệm: Thuật ngữ animation tạm dịch “hoạt hình”, phổ biến lĩnh vực hoạt động khác người Ngày này, animation giành vị trí đặc biệt thiết kế giao diện công cụ quan trọng để tạo tương tác Animation cách mạnh mẽ để làm cho sản phẩm trở nên đơn giản, rõ rang tập chung vào người dung, mang lại trải nghiệm tích cực 15 Các loại giao diện Animation Animation để tương tác vi mô: Thiết kế chuyển động hữu ích mảng thiết kế giao diện người dùng Là cách làm cho tương tác nhanh chóng rõ rang cho người dùng Thường bắt trước tương tác vật lí thường thấy sống bấm nút, mở hộp,… Animation áp dụng cho vi mô yếu tố nhỏ yế tố then chốt để định hình thiết kế chất lương 16 Các loại giao diện Animation Animation hiển thị tiến trình Có thể kết hợp hoàn hảo với loại bên No bao gồm cách khác để thể giai đoạn quy trình cho người dùng Ví dụ: tải khác cho thấy q trình xử lí diễn nhanh hay chậm giúp người dùng phần biết thời gian để nhận kết 17 Các loại giao diện Animation Animation làm rõ/giải thích: Thơng qua chuyển động chi tiết, kí tự, mục hoạt văn minh hoạ, chúng tạo hướng dẫn cho người dùng cách xử lí ứng dụng 18 Các loại giao diện Animation Animation để trang trí: loại animation sử dụng thường xuyên để thiết kế giao diện người dung độc đáo hấp dẫn, thu hút ý người dung Tuy nhiên cần phân tích kĩ lưỡng thoe quan điểm giữ chán người dung thời gian dài 19 Lợi ích · · · · · · Tăng khả sử dụng Độc đáo Tương tác thuận tiện dễ dàng Khả thực đồng thời nhiều chức Tiềm cao đẩy nhanh trình tương tác Cung cấp phản hồi rõ rang cho người dung 20 ... ĐPT kết hợp Thiết kế ĐPT Thiết kế tương tác  ▪ Thiết kế tương tác thực hành thiết kế sản phẩm kỹ thuật số tương tác, môi trường, hệ thống dịch vụ.  ▪ Mục tiêu thiết kế tương tác tạo sản phẩm. .. tiêu họ theo cách tốt ▪ Thiết kế ĐPT việc thiết kế tạo nên sản phẩm dựa văn bản, hình vẽ tĩnh, hoạt hình âm -> Tương tác ĐPT APĐT phản hồi từ phía (cụ thể ấn phẩm điện tử người dùng)  Cách xây... hình sử dụng mơi trường mà chúng dùng Do không sử dụng kiểu Skeuomorphism, thiết kế UI tự để hành xử theo kiểu mà nhìn trái ngược với bối cảnh ▪ Thêm nét hay biến dạnh thành đối tượng áp dụng tính