báo cáo môn THIẾT kế TƯƠNG tác đa PHƯƠNG TIỆN NÂNG CAO website đọc truyện trực tuyến TUKY

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG KHOA ĐA PHƯƠNG TIỆN BÁO CÁO CÁ NHÂN MÔN: THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN NÂNG CAO Giảng viên hướng dẫn: Vũ Thị Tú Anh Sinh viên thực : Trịnh Chúc Lâm Mã sinh viên : B17DCPT114 Nhóm : 01 Hà Nợi, 16 tháng 07 năm 2020 BÁO CÁO CÁ NHÂN THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN NÂNG CAO Website đọc truyện trực tuyến TUKY Đây website giúp người đọc giải trí thông qua việc đọc truyện tranh/tiểu thuyết trực tuyến Thông qua website, người quản lý có thêm kinh phí từ nhà tài trợ hình thức quảng cáo User flow cá nhân thực hiện: Xem diễn đàn Người đọc Đăng Bình luận Chỉnh sửa Thiết kế vật lý + Prototypes: Bản thiết kế bao gồm 19 giao diện đồ họa 4.23 Xem diễn đàn Tên chức Mơ tả Tác nhân Tiền điều kiện Xem diễn đàn Hỗ trợ người dùng xem viết diễn đàn Người dùng Người dùng truy cập thành cơng vào hệ thống Chuỗi kiện Người dùng chọn chức “Diễn đàn”, hệ thống hiển thị giao diện trang chủ diễn đàn Trên trang chủ hiển thị đăng cá nhân khác (bao gồm đăng người dùng có tài khoản người dùng vô danh) 4.24 Đăng Tên chức Đăng Mô tả Hỗ trợ người dùng đăng viết diễn đàn Tác nhân Người dùng Tiền điều kiện Người dùng truy cập thành công vào hệ thống Chuỗi kiện Người dùng chọn chức “Diễn đàn”, hệ thống hiển thị giao diện trang chủ diễn đàn Người dùng ấn vào nút “Đăng bài”, hệ thống hiển thị giao diện đăng viết bao gồm nội dung: Tiêu đề viết, Nội dung viết, Hình ảnh, Hastag,… Người dùng điền nội dung đầy đủ ấn “Đăng bài” Hệ thống cập nhật viết hiển thị thông báo “Đăng thành công” 4.25 Chỉnh sửa đăng Tên chức Mô tả Chỉnh sửa đăng Hỗ trợ người dùng chỉnh sửa viết đăng diễn đàn Người dùng Người dùng đăng thành công diễn đàn Tác nhân Tiền điều kiện Chuỗi kiện Người dùng đăng thành công trang chủ diễn đàn Người dùng ấn vào nút , lựa chọn “Chỉnh sửa đăng” Hệ thống hiển thị giao diện chỉnh sửa viết bao gồm nội dung: Tiêu đề viết, Nội dung viết, Hình ảnh, Hastag,… Người dùng chỉnh sửa nội dung ấn “Đăng bài” Hệ thống cập nhật viết hiển thị giao diện thông báo “Chỉnh sửa viết thành công” 4.26 Bình luận Tên chức Bình luận đăng Mơ tả Hỗ trợ người dùng bình luận viết diễn đàn Tác nhân Người dùng Tiền điều kiện Người dùng chọn vào đăng Chuỗi kiện Người dùng chọn chức “Diễn đàn”, hệ thống hiển thị giao diện trang chủ diễn đàn Người dùng chọn vào đăng bất kỳ, hệ thống hiển thị giao diện bình luận Người dùng điền nội dung bình luận ấn “OK” Hệ thống cập nhật bình luận hiển thị bình luận người dùng viết Prototypes (Link file Figma): https://www.figma.com/file/Db7M1CPUEPVoBGR61TlWoK/Xemdi%E1%BB%85n-%C4%91%C3%A0n Phân tích thiết kế: - Về màu sắc: giao diện thiết kế lấy bảng màu theo tone trầm tạo cảm giác dễ chịu cho người dùng sử dụng thời gian dài - Về nội dung: Các viết “Diễn đàn” xếp theo thứ tự thời gian đăng, theo lượt xem tương tác - Về bố cục: Các đăng xếp theo khung có sẵn dạng rút gọn nhằm tối ưu hóa khơng gian thơng tin xuất bảng tin Các nút “Đăng bài”, “Chỉnh sửa”, “Bình luận”,… hiển thị dạng bút lệnh Các giao diện đồ họa: Giao diện trang chủ Giao diện diễn đàn Giao diện đăng viết Giao diện bình luận Giao diện xem viết bình luận Đặc điểm tương thích với nhu cầu đối tượng người dùng: A, Về thiết kế giao diện: Yếu tố định tính cạnh tranh website đọc truyện trực tuyến giao diện người dùng (UI) Theo số liệu khảo sát yếu tố định tính cạnh tranh website đọc truyện online giao diện người dùng, việc thiết kế giao diện đẹp, ưa nhìn điều cần phải trọng Không thế, giao diện bắt mắt, đồng thời phải đảm bảo giao diện phải dễ hiểu dễ sử dụng, màu sắc website hướng theo trải nghiệm lâu dài người dùng( người đọc truyện, màu sắc web cần khơng gây chói mắt, khơng gây khó chịu người dùng trải nghiệm web thời gian dài) B, Về luồng xử lý: Đặt nhu cầu người dùng lên đầu tiên, website cần phải có chức tạo cho người dùng trải nghiệm dễ hiểu, dễ sử dụng, hấp dẫn hết phải tạo nên giá trị định sống người dùng Nhận thấy việc tạo cộng đồng chung gia tăng khả tương tác người dùng với website cộng đồng cần thiết Dựa vào kết khảo sát thực trước đó, với đối tượng khảo sát có 44,3 % người dùng muốn có tương tác website người dùng khác Do đó, thiết kế tập trung vào việc tạo nên môi trường cộng đồng, nhằm tăng tương tác người dùng trang web Môi trường cộng đồng thiết kế đuợc tạo nên dạng “Diễn đàn” bao gồm chức đăng viết, xem viết người dùng khác, thảo luận trao đổi người dùng khác thơng qua bình luận viết Từ tạo nên mơi trường cho người dùng tương tác với nhau, gây nên hứng thú cho người dùng Chứng tỏ rằng, website khơng nơi người dùng đọc truyện theo nhu cầu, mà nơi người dùng chia sẻ, giao lưu kết bạn cộng đồng người sở thích Trải nghiệm thân tập lớn: Luồng xử lí mà thân em nghiên cứu tập lớn đóng vai trị lớn việc thu hút người dùng với tương tác mang tính cộng đồng “Diễn đàn” Chính trọng tâm phần làm người dùng hứng thú với tương tác “Diễn đàn”, từ kéo theo lượng người dùng trung thành với trang web Tuy nhiên phần tương tác cho người dùng phần có nhiều trường hợp cần phải mở rộng để phù hợp với nhu cầu người dùng Đánh giá trải nghiệm làm tập lớn cá nhân: A, Về thuận lợi: - Với sở môn Thiết kế tương tác đa phương tiện trước đó, thân hiểu phần công việc cần phải làm việc thiết kế giao diện luồng xử lí website cho hợp lí - Về phần làm việc chung với nhóm, thành viên nhóm nhóm trưởng có đóng góp tích cực làm dù báo cáo chung hay báo cáo cá nhân thành viên, thế, người nhóm hiểu rõ usecase user flow có thiết kế Từ giúp việc thiết kế trở nên đồng hơn, tối ưu - Về phần cá nhân, thân em có tìm hiểu từ giảng tài liệu bên ngồi, từ rút kinh nghiệm cho việc thiết kế trọng đến người dùng B, Về khó khăn: - Có nhiều ý tưởng mà em muốn triển khai, trọng đến trải nghiệm người dùng hơn, nhiên khả thời gian chưa cho phép nên chưa thể triển khai hết, báo cáo thiết kế theo em thấy cịn phải hồn thiện nhiều - Có thể nói khó khăn lớn thiết kế em thiết kế giao diện, ln nghĩ liệu người dùng có cảm thấy thiết kế hợp lý hay không, có bị rườm rà hay gây khó hiểu cho ngườ dùng hay khơng Chính thiết kế xong chỉnh sửa, em đồng thời gửi demo cho bạn em, có người ngành khác ngành, đánh giá theo cách nhìn nhận người dùng web, để nhận lỗi thiếu sót, hay cần sửa đổi thiết kế  ...BÁO CÁO CÁ NHÂN THIẾT KẾ TƯƠNG TÁC ĐA PHƯƠNG TIỆN NÂNG CAO Website đọc truyện trực tuyến TUKY Đây website giúp người đọc giải trí thơng qua việc đọc truyện tranh/tiểu thuyết trực tuyến. .. cá nhân: A, Về thuận lợi: - Với sở môn Thiết kế tương tác đa phương tiện trước đó, thân hiểu phần cơng việc cần phải làm việc thiết kế giao diện luồng xử lí website cho hợp lí - Về phần làm việc... triển khai hết, báo cáo thiết kế theo em thấy cịn phải hồn thiện nhiều - Có thể nói khó khăn lớn thiết kế em thiết kế giao diện, ln nghĩ liệu người dùng có cảm thấy thiết kế hợp lý hay khơng,