Tương tác đpt trong ấn phẩm điện tử

Bài tập nhóm thiết kế ấn phẩm điện tử Nguyên tắc thiết kế giao diện người dùng Với trang web, giao diện người dùng hiểu tất cửa sổ, văn bản, hình ảnh, nút bấm,… hiển thị trang web Để tạo giao diện chất lượng nâng cao tính khả dụng hệ thống, ta nên nắm số quy tắc Sau 14 nguyên tắc thiết kế giao diện người dùng nhóm tìm kiếm từ nhiều nguồn tổng hợp lại Tuy gọi “nguyên tắc” tính chất chúng nguyên tắc dẫn cụ thể mà thay vào nguyên tắc áp dụng linh hoạt trường hợp khác Theo đuổi đồng thiết kế: Một thiết kế giao diện hiệu không khiến người dùng phải đặt câu hỏi liệu từ ngữ, hoàn cảnh, hay hành động khác có mang ý nghĩa hay khơng? Do vậy, để tránh gây bối rối cho người dùng, sử dụng từ ngữ, ký hiệu hành động cách thống Nói cách khác, nên sử dụng đồng tất yếu tố hiển thị Ví dụ: - Ký hiệu cụ thể nút bấm thực hành động hay điều hướng nên hiển thị có logic, hệ thống - Thuật ngữ sử dụng nhắc nhở, thông báo, menu hình trợ giúp phải thống tất trang - Màu đỏ dùng để cảnh báo nguy hiểm màu xanh để thông báo trạng thái hoạt động tốt Khi áp dụng quy tắc này: Nên cân nhắc yếu tố sau: Thiết kế tối giản Tối giản hóa khơng có nghĩa hạn chế Tất thơng tin phải mang ý nghĩa định “ Tối giản hóa giao diện cách loại bỏ yếu tố/nội dung khơng cần thiết khơng có vai trò giúp đỡ người dùng Ý nghĩa thiết kế phải rõ ràng Như nói, người dùng phải phán đốn tốt Hệ thống nên hiển thị ngôn ngữ người dùng (cụm từ, concept quen thuộc với người dùng) để giao tiếp với họ sử dụng thuật ngữ đặc biệt hệ thống Người dùng tránh yếu tố giao diện khơng có ý nghĩa rõ ràng ví dụ cụ thể: Trước lần cập nhật nhất, Gmail có điều hướng văn rõ ràng đầu trang – Lịch, Drive, Bảng tính dịch vụ khác Google có sẵn nhấn vào nút Sau đó, Google định “đơn giản hóa” di chuyển tất thứ vào phía sau biểu tượng trừu tượng Kết hầu hết người khơng ý đến biểu tượng Gmail bắt đầu nhận loạt yêu cầu hỗ trợ Mọi người thường tránh bỏ qua điều họ khơng thể hiểu – chất tự nhiên người Tránh thiết kế yếu tố giao diện khiến cho người thắc mắc khơng biết để làm gì, chẳng bận tâm tìm hiểu Làm rõ hành động ưu tiên Người dùng cảm thấy thoải mái họ hiểu hành động ưu tiên Nhìn vào hình Twitter Bạn có nghĩ người dùng hiểu họ phải làm? Rõ ràng họ nên bắt đầu đăng tweet Tuy nhiên, nút “Compose new tweet” (soạn tweet mới) góc bên phải lại khơng rõ ràng (nguyên tắc rõ ràng) khung nhập nội dung bên trái bị pha trộn nhiều với mơi trường Từ quan điểm thiết kế, Twitter muốn người dùng tìm kiếm sử dụng tùy chọn menu điều hướng bên tay trái, yếu tố giao diện bật Không nên để người dùng thắc mắc phải làm – hành động ưu tiên cần phải rõ ràng Chia nhỏ hành động phức tạp Người dùng sẵn sàng để thực hành động phức tạp phân chia thành bước nhỏ 10 ... q trình làm việc ∙ Nhiều không gian trống cho người dùng ∙ Sử dụng thao tác Undo lịch sử hành động 15 Ngăn ngừa lỗi xảy Trong q trình hoạt động website, việc phát sinh lỗi điều tránh khỏi Do đó,... tượng mà họ muốn kiểm sốt Ví dụ muốn đổi ảnh đại diện facebook, bạn cần ấn vào hình biểu tượng máy ảnh bên hình ảnh đại diện Tương tự với việc đổi ảnh cover chỉnh sửa profile, bạn tìm thấy cách... truyền đạt cách xác hiệu thông tin đến người dùng Khi thiết kế nội dung phản hồi, bạn nên ý đến vấn đề sau: ∙ Phản hồi cần có liên quan ∙ Phù hợp với độ quan trọng cấp bách ∙ Dễ dàng hiểu có ý