(TIỂU LUẬN) hệ THỐNG QUẢN lý bán HÀNG mỹ PHẨM TRỰC TUYẾN

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CUỐI KÌ MƠN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG HỆ THỐNG QUẢN LÝ BÁN HÀNG MỸ PHẨM TRỰC TUYẾN Người hướng dẫn: ThS HÀ LÊ HOÀI TRUNG Người thực hiện: Đoàn Hồng Phương Ngọc - 51800796 Nguyễn Thúy Hằng – 51800378 Trần Bảo Long - 51800793 Khoá THÀNH PHỐ HỒ CHÍ MINH, NĂM 2020 Tieu luan : 22 TỔNG LIÊN ĐỒN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG KHOA CƠNG NGHỆ THƠNG TIN ĐỒ ÁN CUỐI KÌ MÔN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG HỆ THỐNG QUẢN LÝ BÁN HÀNG MỸ PHẨM TRỰC TUYẾN Người hướng dẫn: ThS HÀ LÊ HỒI TRUNG Người thực hiện: Đồn Hồng Phương Ngọc - 51800796 Nguyễn Thúy Hằng – 51800378 Trần Bảo Long - 51800793 Khố THÀNH PHỐ HỒ CHÍ MINH, NĂM 2020 Tieu luan : 22 LỜI CẢM ƠN Chúng em xin gửi lời cảm ơn chân thành đến thầy Hà Lê Hoài Trung hỗ trợ giúp đỡ chúng em thực báo cáo đồ án cuối kì mơn Thiết kế giao diện người dùng Sự dạy tận tâm kiến thức, thực hành thực tiễn giúp nhiều việc bổ sung kiến thức cá nhân chúng em hoàn thiện báo cáo Rất mong nhận lời góp ý, đóng góp điểm cịn sai sót từ phía thầy cô để báo cáo thân bọn em hoàn thiện kiến thức Xin cảm ơn Tieu luan ĐỒ ÁN ĐƯỢC HOÀN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Chúng tơi xin cam đoan sản phẩm đồ án riêng hướng dẫn ThS Hà Lê Hoài Trung Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, đồ án cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận chúng tơi xin hồn tồn chịu trách nhiệm nội dung đồ án Trường đại học Tơn Đức Thắng không liên quan đến vi phạm tác quyền, quyền chúng tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày tháng năm 2020 Tác giả (ký tên ghi rõ họ tên) Đoàn Hồng Phương Ngọc Nguyễn Thúy Hằng Trần Bảo Long Tieu luan PHẦN XÁC NHẬN VÀ ĐÁNH GIÁ CỦA GIẢNG VIÊN Phần xác nhận GV hướng dẫn _ Tp Hồ Chí Minh, ngày tháng (kí ghi họ tên) năm Phần đánh giá GV chấm _ Tp Hồ Chí Minh, ngày tháng (kí ghi họ tên) năm Tieu luan TÓM TẮT Cùng với phát triển mạnh mẽ khoa học kỹ thuật thời đại số nhu cầu làm đẹp chăm sóc sức khỏe đặt lên hàng đầu, việc ứng dụng Công nghệ thông tin vào lĩnh vực bán hàng mỹ phẩm khơng cịn xa lạ Vì vậy, để phát triển trang web với giao diện dễ sử dụng, dễ nhận diện thương hiệu, đồng thời đáp ứng thị hiếu người dùng với mục tiêu tăng doanh số cho cửa hàng Đặc biệt, trang web thiết kế chủ yếu dành cho thương hiệu tiếng áp dụng cho doanh nghiệp khởi nghiệp muốn bắt đầu xây dựng thương hiệu Đi từ lợi ích vấn để nêu nhận thấy nhu cầu cần đáp ứng, nhóm chúng em thực đồ án với đề tài: “Hệ thống quản lý bán hàng mỹ phẩm trực tuyến” Hiện tại, chúng em mong muốn phát triển giao diện nhằm tìm hiểu thêm góc nhìn người dùng sản phẩm, từ học hỏi rút kinh nghiệm để cải thiện sản phẩm phù hợp với tiêu chí người dùng Do thời gian có hạn, nhóm chúng em tập trung vào phân tích phát triển số chức bản, sử dụng công cụ thiết kế giao diện Figma để thực mẫu thiết kế Tieu luan MỤC LỤC LỜI CẢM ƠN PHẦN XÁC NHẬN VÀ ĐÁNH GIÁ CỦA GIẢNG VIÊN TÓM TẮT MỤC LỤC DANH MỤC KÍ HIỆU VÀ CHỮ VIẾT TẮT DANH MỤC CÁC BẢNG BIỂU, HÌNH VẼ, ĐỒ THỊ CHƯƠNG – GIỚI THIỆU CHUNG 1.1 Ý tưởng phát triển CHƯƠNG – PHÂN TÍCH 2.1 Understand the current state 2.1.1 Đối tượng liên quan .2 2.1.2 Danh sách thuộc tính 2.1.3 Vai trò, trách nhiệm người dùng 2.1.3.1 Khách hàng 2.1.3.2 Nhân viên 2.1.3.3 Quản trị viên 2.1.3.4 Quản lý 2.1.4 Đặc điểm – chức ứng dụng 2.1.5 SWOT 2.1.5.1 Điểm mạnh (Strength) 2.1.5.1 Điểm yếu (Week) .9 2.1.5.1 Cơ hội (Opportunity) .10 2.1.5.1 Thách thức (Threat) .10 2.1.6 Thuật ngữ .11 Tieu luan 2.1.7 Người dùng tiềm 11 2.2 User research .11 2.2.1 Thước đo đánh giá .11 2.2.2 Khảo sát .11 2.2.2.1 Câu hỏi khảo sát .11 2.2.2.2 Kết khảo sát .16 2.2.3 Personas .25 2.3 Concept Design 28 2.3.1 Storyboard 28 2.3.2 Danh sách chức ưu tiên 28 CHƯƠNG – THIẾT KẾ GIAO DIỆN .32 3.1 Flowmap 32 3.2 Wireframe 32 3.3 Prototype 36 PHÂN CÔNG VÀ ĐÁNH GIÁ 54 TÀI LIỆU THAM KHẢO 55 Tieu luan DANH MỤC KÍ HIỆU VÀ CHỮ VIẾT TẮT CÁC KÝ HIỆU CÁC CHỮ VIẾT TẮT UAT User Acceptance Testing Tieu luan DANH MỤC CÁC BẢNG BIỂU, HÌNH VẼ, ĐỒ THỊ DANH MỤC HÌNH Hình Kết khảo sát người dùng độ tuổi 17 Hình Kết khảo sát người dùng giới tính .17 Hình Kết khảo sát người dùng nghề nghiệp 18 Hình Kết khảo sát người dùng mức thu nhập .18 Hình Kết khảo sát người dùng lĩnh vực nghề nghiệp 19 Hình Kết khảo sát người dùng việc mua hàng trực tuyến .19 Hình Kết khảo sát người dùng lý chưa mua hàng trực tuyến 20 Hình Kết khảo sát người dùng hình thức tiếp cận thương hiệu mỹ phẩm tiếng 20 Hình Kết khảo sát người dùng bất cập mua sắm trực tuyến 21 Hình 10 Kết khảo sát người dùng tiêu chí tìm kiếm sản phẩm 21 Hình 11 Kết khảo sát người dùng việc tìm hiểu thơng tin sản phẩm trước mua hàng 22 Hình 12 Kết khảo sát người dùng mức độ ưu tiên tính theo dõi đơn hàng22 Hình 13 Kết khảo sát người dùng sản phẩm thương hiệu ưu chuộng 23 Hình 14 Kết khảo sát người dùng mức độ ưu tiên tính blog tin tức 23 Hình 15 Kết khảo sát người dùng mức độ cập nhật xu hướng 24 Hình 16 Kết khảo sát người dùng nhu cầu hỗ trợ thông tin .24 Hình 17 Kết khảo sát người dùng bất lợi mua mỹ phẩm trực tuyến 25 Hình 18 Kết khảo sát người dùng loại thiết bị sử dụng 25 Hình 19 Mức độ quan trọng tính mà người dùng cảm thấy cần thiết trang web bán mỹ phẩm 25 Hình 20 Kết khảo sát người dùng trang web mong muốn .26 Hình 21 Personas người dùng độ tuổi 18 26 Tieu luan 77 Hình 48 Prototype trang điểm ảo – trải nghiệm tính với màu sắc khác sản phẩm 77 Tieu luan 78 CHƯƠNG – KIỂM THỬ UAT 4.1 Khảo sát - Link khảo sát UAT:  Khảo sát người sử dụng ICE: https://forms.gle/hybU5rVTEcfLUhbz8  Khảo sát người trải nghiệm ICE nhiều lần: https://forms.gle/anqfAHHazFnmoi8m9 Hình 49 Kết khảo sát người dùng tính đăng nhập Nhóm người dùng thường muốn đăng nhập muốn thực thao tác liên quan đến sách người dùng công ty Trong số lựa chọn ngược lại họ cần tài khoản cơng cụ cho việc chi trả khoản toán trực tuyến Ở nhóm người dùng thưởng lựa chọn lựa chọn 78 Tieu luan 79 Hình 50 Kết khảo sát người dùng mức cần thiết việc truy cập nhanh tài khoản người dùng Ở chức việc đăng nhập nhanh chóng trang web Quick access điểm cộng Nhóm người dùng chúng tơi thường muốn nhanh chóng thực đăng nhập dùng đến chức yêu cầu xác minh người dùng Hình 51 Kết khảo sát người dùng có tồn hạn chế cho thân người dùng khơng Việc làm khó chịu cho người dùng thường xảy không mong muốn Việc hạn chế bình luận người dùng làm cho số nhóm người hỏi trang thông 79 Tieu luan 80 tin sản phẩm hay viết News, Blog Trong số đó, quảng cáo top hạn chế gây khó chịu cho người dùng nhiều Hình 52 Kết khảo sát người dùng việc liên kết tài khoản với tài khoản mạng xã hội phổ biến Trong đó, tài khoản Google github họ lựa chọn phổ biến Hình 53 Kết khảo sát người dùng việc thông qua tài khoản khác có cho phép người dùng chỉnh sửa lại khơng 80 Tieu luan 81 Tài khoản đăng ký đẻ nhằm mục đích lưu thơng tin người dùng hệ thống Việc liên kết tài khoản mạng xã hội, mà chiếm đa số thông tin cá nhân người dùng cung cấp, cho phép người dùng chỉnh sửa thêm thơng tin Hình 54 Kết khảo sát người dùng cảm nhận người dùng chức Try On thử trang điểm ảo Việc đáng giá người dùng thang điểm để biết hướng cảm nhận thân người dùng hướng mặt Trong số đó, tổng số người dùng chưa thấy hài lịng hồn tồn với số sản phẩm khác thử 81 Tieu luan 82 Hình 55 Kết khảo sát người dùng xin phép quyền truy cập thiết bị, người dùng có bị yêu cầu quyền không cần thiết không Việc truy cập chức khác thiết bị để thực quét thông tin người dùng Trong đa số thiết bị hữu cung cấp đầy đủ chức ấy, Người dùng cho khơng có q nhiều quyền tùy tiện Hình 56 Kết khảo sát người dùng thiếu sót trang web người dùng trải nghiệm sản phẩm Try On 82 Tieu luan 83 Đối với sản phẩm trang web kinh doanh, đa số người dùng cho lỗi nhỏ Hình 57 Kết khảo sát người dùng độ chân thực hiển thị màu sắc Hình 58 Kết khảo sát người dùng việc trang điểm ảo có phù hợp cách trang điểm người dùng khơng Tính trang điểm ảo nhiều chức áp dùng chồng lấp lên thực nhiều sản phẩm khác Và công nghệ trang điểm ảo học tốt giúp trang điểm nhiều sản phẩm khác 83 Tieu luan 84 Hình 59 Kết khảo sát người dùng tìm kiếm sản phẩm, kết đạt có xác khơng Hình 60 adsf tìm kiếm sản phẩm kết tìm kiếm có phù hợp SEO khơng 84 Tieu luan 85 Hình 61 Kết khảo sát người dùng chức tìm kiếm có đến hình khác qua keyword khơng Hình 62 Kết khảo sát người dùng kết hiển thị kết có phù hợp khơng? 85 Tieu luan 86 Hình 63 Kết khảo sát người dùng khơng tìm kết tìm kiếm phù hợp, hệ thống có có đề xuất sản phẩm liên quan khơng Hình 64 Kết khảo sát người dùng khơng tìm kết tìm kiếm phù hợp, có cần đề xuất sản phẩm bật khơng 86 Tieu luan 87 Hình 65 adsf kết tìm kiếm bạn có nhận thấy chúng phân loại theo nhóm tìm kiếm cho phù hợp SEO khơng Hình 66 Kết khảo sát người dùng hình hiển thị thơng tin sản phẩm có đầy đủ thông tin không? Các thông tin sản phẩm phải đưa lên đầy đủ theo nhóm Việc hiển thị thông tin đầy đủ làm người dùng thấy có đánh giá tích cực nhiều 87 Tieu luan 88 Hình 67 Kết khảo sát người dùng sản phẩm bật gán hình có làm phân tâm sản phẩm mục tiêu khơng Hình 68 Kết khảo sát người dùng chế độ xem Preview sản phẩm cho tiện dụng khơng 88 Tieu luan 89 Hình 69 Kết khảo sát người dùng đơn hàng có thơng tin phù hợp cho việc giao hàng 89 Tieu luan 90 PHÂN CÔNG VÀ ĐÁNH GIÁ Công việc Phân công Xác định yêu cầu hệ thống Viết personas Chuyển ý tưởng thành thiết kế trực quan Xây dựng site maps task flows Tạo khung trang web Phác họa mẫu Kiểm thử Thu thập đánh giá người dùng Tổng hợp phần công việc vào báo cáo Chi tiết Xác định tác nhân, thước đo đánh giá Liệt kê thuộc tính Đưa vai trị người dùng Mơ tả chức Xác định SWOT Xác đinh thuật ngữ Liệt kê người dùng tiềm Xây dựng câu hỏi, làm form Tổng hợp ý kiến, hoàn thiện personas Người phụ trách Ngọc Ngọc Hằng – Ngọc Hằng – Ngọc Long – Ngọc Ngọc Ngọc Long Long – Ngọc Ngọc Long – Ngọc Long Đặt câu hỏi, làm form, triển khai, tổng hợp, chuyển giao cho nhóm Hằng – Long – Ngọc Hằng Ngọc Long Ngọc 90 Tieu luan 91 TÀI LIỆU THAM KHẢO 91 Tieu luan ... ? ?Hệ thống quản lý bán hàng mỹ phẩm trực tuyến? ?? Hiện tại, chúng em mong muốn phát triển giao diện nhằm tìm hiểu thêm góc nhìn người dùng sản phẩm, từ học hỏi rút kinh nghiệm để cải thiện sản phẩm. .. NAM TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN CUỐI KÌ MƠN THIẾT KẾ GIAO DIỆN NGƯỜI DÙNG HỆ THỐNG QUẢN LÝ BÁN HÀNG MỸ PHẨM TRỰC TUYẾN Người hướng dẫn: ThS HÀ LÊ HOÀI TRUNG Người... chọn sản phẩm cách nhanh chóng hiệu Bảo mật thơng tin khách hàng an tồn với SSL Dựa vào phương thức mã hoá SSL giúp hệ thống ICE quản lý tốt liệu khách hàng giao dịch trực tuyến tảng hệ thống tránh