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 : 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 : 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 để báo cáo thân bọn em hoàn thiện kiến thức Xin cảm ơn ĐỒ Á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 Ngoài ra, đồ á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 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 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 năm (kí ghi họ tên) Phần đánh giá GV chấm _ Tp Hồ Chí Minh, ngày tháng năm (kí ghi họ tên) 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ế 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Ị .4 CHƯƠNG – GIỚI THIỆU CHUNG 1.1 Ý tưởng phát triển .1 CHƯƠNG – PHÂN TÍCH 2.1 Understand the current state 2.1.1 Đối tượng liên quan 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ên5 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) 2.1.5.1 Cơ hội (Opportunity) 9 10 2.1.5.1 Thách thức (Threat) 10 2.1.6 Thuật ngữ 11 2.2User research 2.3Concept Design CHƯƠNG – THIẾT KẾ GIAO DIỆN 3.1Flowmap 3.2Wireframe 3.3Prototype PHÂN CÔNG VÀ ĐÁNH GIÁ TÀI LIỆU THAM KHẢO 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 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 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 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 tốn trực tuyến Ở nhóm người dùng thưởng lựa chọn lựa chọn 78 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 khơng thể hỏi trang thơng 79 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 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 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ị 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 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 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 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 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 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 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 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 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 90 91 TÀI LIỆU THAM KHẢO 91 ... trị Quản lý thơng tin sản phẩm Bảo mật thông tin cá nhân Quản lý thông tin khách hàng Quản lý đơn hàng Hỗ trợ khách hàng Thống kê số liệu 2.1.3.3 Quản trị viên Bảng Vai trò – trách nhiệm quản. .. ? ?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. .. 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 toà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