Thiết kế apđpt ví dụ minh họa petmart

THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG Nhóm 01 Các nguyên tắc thiết kế giao diện người dùng 02 Quy trình thiết kế giao diện người dùng 03 Phân tích thiết kế giao diện người dùng 01 Các nguyên tắc thiết kế giao diện người dùng Các nguyên tắc thiết kế giao diện người dùng 1.Rõ ràng 2.Thiết kế lấy người dùng làm trung tâm o Sự rõ ràng ưu tiên cao để có giao diện hiệu dễ sử dụng. Nó cho phép người dùng nhận yếu tố tĩnh tương tác nháy mắt dự đốn điều xảy theo Sự tiếp rõ ràng đảm bảo thông o tin truyền tải xác đến người dùng ngăn người dùng mắc lỗi.  o o Thiết kế lấy người dùng làm trung tâm tất việc tạo sản phẩm mà người dùng yêu thích. Chính người dùng bạn tương tác với sản phẩm bạn công việc bạn biết đối tượng mục tiêu bạn.  Các nhà thiết kế nên tiến hành nghiên cứu người dùng sâu sắc tìm nhu cầu, mong muốn hành vi người dùng Các nguyên tắc thiết kế giao diện người dùng 3.Nhất quán o o o Thiết kế quán tạo ấn tượng tốt tâm trí người dùng.  Điều hướng qn hướng dẫn người dùng tìm thấy thơng tin cần thiết họ cách nhanh chóng hiệu quả.  Thiết kế hoạt động quán khiến người dùng nhanh chóng tìm hiểu tính khác sản phẩm 4.Hệ thống phân cấp thông tin mạnh mẽ o • Phân cấp thơng tin ngun tắc thiết kế giao diện người dùng web. Giao diện bạn bị tải vô tổ chức bạn sử dụng mức độ quan trọng cho riêng lẻ vào Đặt trọngphần lượngtửtrực quan thơng tin • Thơng tin thứ cấp phải ln ln thứ yếu • Thơng tin cấp ba khơng cần ý Các nguyên tắc thiết kế giao diện người dùng 5.Làm cho giao diện đọc o Người dùng không đọc nội dung 6.Vấn đề màu sắc o Màu sắc yếu tố quan trọng thiết lập tơng màu tâm trạng giao diện o Màu sắc phản ánh tính cách thương hiệu chí ảnh hưởng đến định mua hàng bạn trơng khơng rõ ràng o Rất nhiều yếu tố ảnh hưởng đến khả đọc, bao gồm màu nền, hệ thống phân cấp trực quan, khoảng trắng, bối cảnh, kiểu chữ, Nhưng lựa chọn phông chữ yếu tố quan trọng số đó.  Các nguyên tắc thiết kế giao diện người dùng Làm cho nội dung bạn quét Chú ý đến chi tiết o o Điều quan trọng hoàn thiện chi tiết thiết kế bạn.  o Người dùng ý đến chi tiết, đơi chi tiết nhỏ hình dạng nút dễ dàng tạo khác biệt lớn cho trải nghiệm người dùng o Trí nhớ ngắn hạn não người có khả hạn chế, thường khó ghi nhớ nhiều thứ khác nhau. Mặt khác, tình trạng người dùng khơng đọc nội dung phổ biến nay; thay vào đó, họ quét nội dung Các nhà thiết kế cần giảm thiểu gánh nặng nhớ cho người dùng cách làm cho nội dung quét Các nguyên tắc thiết kế giao diện người dùng 9.Phản hồi người dùng o o Mỗi người dùng thực hành động, giao diện phản hồi chúng tương ứng. Không nên để người dùng chờ đợi thời gian dài; điều làm cho người sử dụng gây lo lắng thất vọng Điều cần thiết phải cho người dùng biết họ phải đợi kết 10.Cho phép người dùng nhập liệu hiệu o Cần tập trung vào việc cải thiện hiệu đầu vào người dùng.  o Ví dụ, khó nhập văn thiết bị hình cảm ứng. Hệ thống bàn phím điện thoại thơng minh thường có bàn phím tích hợp cho loại nội dung khác nhau, chẳng hạn văn bản, số, email, URL, v.v.  Các nguyên tắc thiết kế giao diện người dùng 11.An toàn tất 12.Thân thiện với người o Hệ thống giúp người dùng tránh kết xấu.  o o Ví dụ, người dùng gặp định nguy hiểm tiềm tàng, hệ thống hiển thị thơng báo nhanh chóng thơng báo cho người dùng điều đó. Nó tạo cho người dùng cảm giác an toàn thoải mái Đặt người dùng lên trước trung tâm làm việc giao diện người dùng bạn. Áp dụng cá nhân hóa mang lại tùy chọn thân thiện cho người dùng.  o Ví dụ: cho phép người dùng thay đổi màu sắc theo sở thích họ Các nguyên tắc thiết kế giao diện người dùng 13.Các dấu hiệu định hướng 14 Phản hồi o o Một cách dễ để giao tiếp với người dùng cung cấp phản hồi kịp thời phù hợp với ngữ cảnh. Mặt khác, việc thiếu thông tin phản hồi gây lo lắng o Sử dụng phản hồi hình ảnh âm thanh. Phản hồi âm hoạt động tốt cần thông báo cho người dùng cố.  o o Cần sử dụng dấu hiệu định hướng để hướng dẫn người dùng thực chuyển đổi cách dễ dàng Các dấu hiệu định hướng giúp người dùng tìm thấy nội dung họ muốn đọc số thao tác họ cần hồn thành Chúng làm cho việc chuyển đổi truy cập vấn đề người dùng giải Quy trình thiết kế giao diện người dùng HD2 Lập mẫu thử giao diện o Những mẫu thử cho phép người sử dụng có kinh nghiệm trực tiếp với giao diện, nhờ đó, đánh giá khả sử dụng giao diện o Khi lập mẫu thử quy trình gồm trạng thái : Lập mẫu thử giấy tùy chỉnh xây dựng mẫu thử Các kỹ thuật lập mẫu thử bao gồm: o Mẫu thử hướng nguyên mẫu: Công cụ Macromedia Director để xây dựng tập hợp nguyên mẫu hình o Lập trình trực quan: Sử dụng ngôn ngữ thiết kế cho việc phát triển nhanh Visual Basic o Mẫu thử dựa Internet: Sử dụng web browser Quy trình thiết kế giao diện người dùng HD3 Đánh giá giao diện người dùng: - Ta nên đánh giá thiết kế giao diện người dùng để xác định khả phù hợp Tuy nhiên, việc đánh giá phạm vi rộng tốn nhiều chi phí khơng thể thực hầu hết hệ thống Các kỹ thuật đánh giá đơn giản: o Trắc nghiệm lại phản hồi người sử dụng o Ghi lại trình sử dụng mẫu thử hệ thống đánh giá o Lựa chọn thông tin việc sử dụng dễ dàng lỗi người sử dụng o Cung cấp mã lệnh phần mềm để thu thập phản hồi người sử dụng cách trực tuyến 03 Phân tích thiết kế giao diện người dùng ... tắc thiết kế giao diện người dùng 02 Quy trình thiết kế giao diện người dùng 03 Phân tích thiết kế giao diện người dùng 01 Các nguyên tắc thiết kế giao diện người dùng Các nguyên tắc thiết kế. .. hồn cảnh cụ thể Quy trình thiết kế giao diện người dùng HD1 Phân tích người sử dụng o Đây khâu quan trọng, giúp người thiết kế hiểu rõ người sử dụng mong muốn để thiết kế giao diện hiệu o Khi phân... làm bật tất thơng tin cần thiết Quy trình thiết kế giao diện người dùng Mục tiêu o Hiểu quy trình thiết kế giao diện người dùng o Nắm chi tiết hoạt động quy trình thiết kế giao diện người dùng