thiết kế và phân tích website thương mại điện tử

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI: THIẾT KẾ VÀ PHÂN TÍCH WEBSITE THƯƠNG MẠI ĐIỆN TỬ SVTH: MSSV: HOÀNG TRỌNG TẤN 16110454 HUỲNH THỊ TUYẾT NHI 16110409 NGUYỄN NGỌC TRÚC LINH 16110536 NGUYỄN THỊ THANH TUYỀN 16110514 GVHD: Ths.HOÀNG LONG Tp Hồ Chí Minh, tháng năm 2019 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI: THIẾT KẾ VÀ PHÂN TÍCH WEBSITE THƯƠNG MẠI ĐIỆN TỬ SVTH: MSSV: HOÀNG TRỌNG TẤN 16110454 HUỲNH THỊ TUYẾT NHI 16110409 NGUYỄN NGỌC TRÚC LINH 16110536 NGUYỄN THỊ THANH TUYỀN 16110514 GVHD: Ths.HỒNG LONG Tp Hồ Chí Minh, tháng năm 2019 MỤC LỤC Trang MỤC LỤC DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ I Chương 1: GIỚI THIỆU i iii 1.1 Mục đích 1.2 Yêu cầu II Chương 2: PHÂN TÍCH TÍNH KHẢ DỤNG 2.1 Header (tiêu đề, navigation) 2.2 Nội dung trang shop(trang chủ) 2.3 Nội dung trang giới thiệu(trang con) 10 2.4 Trang chi tiết sản phẩm (trang con) 14 2.5 Giới hạn Weebly 14 III Chương 3: PHÂN TÍCH SỐ LIỆU VỚI GOOGLE ANALYTICS 16 3.1 Số lượng người truy cập 16 3.2 Số phiên người truy cập 18 3.3 Thời lượng phiên 20 3.4 Kênh lưu lượng truy cập 21 3.5 Nguồn phương tiện truy cập giới thiệu 22 3.6 Người dùng có xu hướng theo thời gian 23 3.7 Giữ chân người dùng 24 3.8 Ngày chuyển đổi nhóm theo giữ chân người dùng 25 3.9 Thời gian người dùng truy cập vào trang Web ngày 26 3.10 Số phiên truy cập theo quốc gia 27 i 3.11 Số phiên truy cập theo thiết bị 28 3.12 Người dùng truy cập theo trang 30 3.13 Người dùng sử dụng trình duyệt để truy cập trang web ? 31 3.14 Thông tin thiết bị di động truy cập vào trang web 32 3.15 Người dùng hoạt động 32 3.16 Luồng truy cập người dùng 34 IV Chương 4: KẾT LUẬN 35 4.1 Tính khả dụng website xây dựng với weebly 35 4.2 Google Analytics 36 PHỤ LỤC PHÂN CÔNG NHIỆM VỤ 37 37 ii DANH MỤC CÁC HÌNH ẢNH, BIỂU ĐỒ Hình 2.1 Tiêu đề website Hình 2.2 Navigation website .2 Hình 2.3 Tổng quan trang shop(trang website) Hình 2.4 Slider sản phẩm mặt hàng Hình 2.5 Banner giới thiệu thương hiệu thông tin liên hệ Hình 2.6 Chỉ rõ website phù hợp với nhiều thiết bị Hình 2.7 Nút quay đầu trang .7 Hình 2.8 Sản phẩm khuyễn Hình 2.9 Giá với hiệu ứng tăng dần nút bấm cho sản phẩm mắt .8 Hình 2.10 Nội dung khuyễn với hiệu ứng chuyển động Hình 2.11 Tổng quan sản phẩm mắt Hình 2.12 Banner giới thiệu thương hiệu cà phê 10 Hình 2.13 Banner giới thiệu loại thức ăn phổ biến 11 Hình 2.14 Phản hồi footer 12 Hình 2.15 Popup với hiệu ứng tada sản phẩn sale off 13 Hình 2.16 Trang chi tiết sản phẩm 14 Hình 3.1 Biểu đồ số lượng người truy cập sau 14 ngày 16 Hình 3.2 Biểu đồ chi tiết số phiên, người dùng mới, xem trang 17 Hình 3.3 Biểu đồ biểu diễn số phiên 18 Hình 3.4 Biểu đồ biễu diễn tỷ lệ phiên thoát 19 Hình 3.5 Biểu đồ biễu diễn thời lượng phiên 20 Hình 3.6 Biểu đồ kênh lưu lượng truy cập 21 Hình 3.7 Biểu đồ phương tiện truy cập 22 Hình 3.6 Biểu đồ giới thiệu 22 Hình 3.7 Biểu đồ thể xu hướng người dùng theo thời gian 23 Hình 3.8 Biểu đồ thể hoạt động người dùng 23 Hình 3.9 Biểu đồ thể mức độ giữ chân người dùng 24 Hình 3.10 Biểu đồ thể mức độ giữ chân người dùng theo ngày 25 iii Hình 3.11 Biểu đồ thể mức độ giữ chân người dùng theo ngày số ngày .25 Hình 3.12 Biểu đồ thể thời gian (giờ) mà người dùng truy cập 26 Hình 3.13a Biểu đồ thể số phiên truy cập theo quốc gia dạng đồ 27 Hình 3.13b Biểu đồ thể số phiên truy cập theo quốc gia dạng số liệu 27 Hình 3.14a Biểu đồ thể số phiên truy cập theo thiết bị 28 Hình 3.14a Biểu đồ thể số phiên truy cập theo thiết bị 29 Hình 3.15a Biểu đồ thể đường dẫn mà người dùng truy cập sơ lượt 30 Hình 3.15a Biểu đồ thể đường dẫn mà người dùng truy cập chi tiết 30 Hình 3.16 Biểu đồ thể trình duyệt mà người dùng sử dụng 31 Hình 3.17 Thơng tin thiết bị di động truy cập vào trang web 32 Hình 3.18 Thơng tin người dùng hoạt động 32 Hình 3.19 Thơng tin người dùng hoạt động chi tiết vị trí 33 Hình 3.20 Biểu đồ thể luồng truy cập người dùng 34 iv I Chương 1: GIỚI THIỆU 1.1 Mục đích Tìm hiểu tạo website thương mại điện tử đơn giản sử dụng tảng hỗ trợ cho đối tượng dễ dàng sử dụng qua vài hướng dẫn như: Weebly, Wix, WordPress, Web.com, Jimdo Sử dụng Google Analytics để thu thập liệu, từ số liệu, biểu đồ có phân tích đưa kết luận 1.2 Yêu cầu Tạo public website đảm bảo tối đa tiêu chí có thể, tiêu chí nằm sách có tên: Research-Based Web Design & Usability Guidelines ( Michael O Leavitt - Secretary of Health and Human Services and Ben Shneiderman - Professor of Computer Science, University of Maryland) Phân tích tính khả dụng website tạo với hình ảnh mơ tả chi tiết kèm II Chương 2: PHÂN TÍCH TÍNH KHẢ DỤNG 2.1 Header (tiêu đề, navigation) Hình 2.1 Tiêu đề website - Chương tiêu chuẩn 4: Truyền đạt mục đích ý nghĩa trang web Nhìn vào tên shop người dùng dễ dàng nhận shop bán loại nước uống - Chương tiêu chuẩn 1: Kích hoạt quyền truy cập vào trang chủ Nếu người dùng trang khác click vào tên shop để quay trở trang chủ Hình 2.2 Navigation website - Chương tiêu chuẩn 1: Kích hoạt quyền truy cập vào trang chủ Nếu người dùng đâu trang web cần nhấn “Home” quay trang chủ - Chương tiêu chuẩn 2: Hiển thị tất tùy chọn trang chủ Các tuỳ chọn trang web đặt đầu trang chủ - Chương tiêu chuẩn + 3: Đặt mục quan trọng cách quán đặt đầu trung tâm trang chủ - Chương tiêu chuẩn 1: Cung cấp tùy chọn điều hướng Các tuỳ chọn web điều hướng dẫn đến trang khác web - Chương tiêu chuẩn 4: Cung cấp phản hồi vị trí từ người dùng Khi người dùng click tuỳ chọn tuỳ chọn bật khác màu, người dùng nhìn biết trang - Chương tiêu chuẩn 7: Các tab trình bày cách hiệu Các tab trang web đặt đầu ta rê chuột vào chỗ đổi màu, người dùng biết tab click - Chương tiêu chuẩn 1: Sử dụng Nhãn danh mục rõ ràng Các tab đặt tên dễ dàng cho người dùng nhận biết tab trình bày nội dung 2.2 Nội dung trang shop(trang chủ) Hình 2.3 Tổng quan trang shop(trang website) - Theo Chương tiêu chuẩn 1: Cung cấp nội dung hữu ích - Tăng trải nghiệm người dùng: o Logo chữ thay logo đơn giản dễ hiểu o Navigation đặt phần top(phần cách mây - phụ họa cho hiệu ứng tuyết rơi) o Navigation chữ xác vừa đủ (HOME, SHOP, ABOUT) 5-7 từ o Animation tuyết rơi: Giúp cho trang nhìn linh hoat sinh động - Theo Chương tiêu chuẩn 3: Hiểu đáp ứng mong đợi người dùng o Khi người dùng có nhu cầu mua hàng, họ click vào trang shop với mong muốn thấy lựa chọn mua sắm thông tin liên quan đến sản phẩm ăn uống - Chương 6: Bố cục trang - Theo Chương tiêu chuẩn 1:Tránh hiển thị lộn xộn - Theo Chương6 tiêu chuẩn 2:Đặt mục quan trọng cách quán - Hiển thị thông tin rõ ràng cụ thể: o Đâu tiên banner cung cấp thông tin chi tiết cách thức liên lạc đến cửa hàng o Sau nến phần slider cung cấp sản phẩm kinh doanh cửa hàng Hình 2.4 Slider sản phẩm mặt hàng 3.6 Người dùng có xu hướng theo thời gian Hình 3.7 Biểu đồ thể xu hướng người dùng theo thời gian Hình 3.8 Biểu đồ thể hoạt động người dùng 23 - Số lượng người hoạt động ngày người - Người dùng hoạt động ngày 24 người - Người dùng hoạt động 14 ngày 96 người 3.7 Giữ chân người dùng Hình 3.9 Biểu đồ thể mức độ giữ chân người dùng - Tỷ lệ giữ chân người dùng cho thấy mức độ quan tâm người dùng dành cho trang web, thông tin, nội dung trang web cung cấp cho người dùng có thật đảm bảo, hiểu hay không Tỷ lệ giữ chân cao cho thấy người dùng thực đọc thơng tin từ trang web, có nhu cầu tìm kiếm thơng tin từ trang web mang lại, họ thực đọc thông tin click lướt rời 24 3.8 Ngày chuyển đổi nhóm theo giữ chân người dùng Hình 3.10 Biểu đồ thể mức độ giữ chân người dùng theo ngày Hình 3.11 Biểu đồ thể mức độ giữ chân người dùng theo ngày số ngày - Mức độ giữ chân người dùng giảm theo thời gian, ngày đầu 100%, sau số giảm dần Mức độ giữ chân thông số quan để đánh giá chất lượng trang web Cần khắc phục nội dung giao diện để thu hút người dùng giữ chân người dùng trang web lâu 25 3.9 Thời gian người dùng truy cập vào trang Web ngày Hình 3.12 Biểu đồ thể thời gian (giờ) mà người dùng truy cập - Thông qua hình ảnh, thấy người dùng truy cập nhiều vào thứ 2, thứ 3, thứ rải rác vào thứ 6, thứ 7, chủ nhật Vào khung khác nhau, nhiều vào 10h,11h, 20h,22h Khung try cập vào 14h,13h 26 3.10 Số phiên truy cập theo quốc gia Hình 3.13a Biểu đồ thể số phiên truy cập theo quốc gia dạng đồ Hình 3.13b Biểu đồ thể số phiên truy cập theo quốc gia dạng số liệu - Số phiên truy cập quốc gia cho biết website bạn truy cập từ người dùng đến từ nước Cho thấy trang mức độ phổ biến quảng bá trang web bạn đến đâu giới 27 - Theo số liệu hình ảnh ta thấy người dùng chủ yếu truy cập Việt Nam chủ yếu Chủ yêu tập trun mở rộng, nâng cao mức độ phổ biến nước, bên cạnh cần mở rộng thêm nhiều lượng truy cập đa dạng đến nhiều quốc gia 3.11 Số phiên truy cập theo thiết bị Hình 3.14a Biểu đồ thể số phiên truy cập theo thiết bị - Về số phiên truy cập theo thiết bị thiết bị di động chiếm 17,4%, tiếp đến máy tình bàn chiếm 82,6 %, máy tính bảng 0% Cho thấy lượng người dùng sử dụng truy cấp đến trang web chủ yếu thơng qua máy tính để bàn Tuy nhiên số lượng người dùng truy cập thông qua thiết bị di động thấp, cần cải thiện để giúp nâng cao trải người người dùng sử dụng thiết bị di động hơn, người sử dụng điện thoại di động đông đảo Cần tập trung phát triển để thu hút người dùng đến từ đơng đảo 28 Hình 3.14a Biểu đồ thể số phiên truy cập theo thiết bị - Theo số liệu danh mục thiết bị người dùng truy cập sử dụng desktop chiếm 66,67%, người dùng sử dụng mobile 33,33% Người dùng desktop 66,64%, tỷ lệ 46% Còn người dùng mobile 36,36%, tỷ lệ thoát 50% - Người dùng website người dùng desktop nên hỗ trợ mạnh mẽ nên nâng cao người dùng desktop, bên cạnh hỗ trợ responsible web tiện ích để mở rộng thêm người dùng mobile 29 3.12 Người dùng truy cập theo trang Hình 3.15a Biểu đồ thể đường dẫn mà người dùng truy cập sơ lượt - Theo mức độ quan tâm, nhu cầu người dùng người dùng chủ yếu quan tâm trang Shop, tiếp đến trang home Còn quan tâm trang chi tiết shop Hình 3.15a Biểu đồ thể đường dẫn mà người dùng truy cập chi tiết - Thời gian lại trung bình trang home 4p:43s, số lần người dùng xem 57, số lần truy cập 55, tỷ lệ 38,18 % Thơng qua số liệu thấy người dùng quan tâm, trang web đáp ứng nhu cầu, mong muốn người dùng Tỷ lệ thoát 38,18% không cao 30 - Thời gian lại trung bình trang chi tiết sản phẩm 6s, số lần người dùng xem 2, truy cập lần Con số cho nội dung, thông tin trang có vấn đề, người dùng thực lướt qua k xem Cần khắc phục nâng cao trải nghiệm người dùng để giữ chân ngưởi dùng lâu 3.13 Người dùng sử dụng trình duyệt để truy cập trang web ? Hình 3.16 Biểu đồ thể trình duyệt mà người dùng sử dụng - Đứng trình duyệt chrome, android Webview, Safari chiếm tỷ lệ Người dùng chủ yêu sử dụng trình duyệt chrome đề truy cập vào trang web chiếm tỷ lệ 50% Trong người dùng sử dụng Safari chiếm 4,17% 31 3.14 Thông tin thiết bị di động truy cập vào trang web Hình 3.17 Thơng tin thiết bị di động truy cập vào trang web - Tỷ lệ người sử dụng mobile truy cập vào web chiếm 17,48% - Theo số liệu thống kê thiết bị truy cập vào website Apple Iphone, Iphone 5s, Iphone 6s, 3.15 Người dùng hoạt động Hình 3.18 Thông tin người dùng hoạt động 32 - Người dùng truy cập hoạt động thời điểm người, ngồi hiển thị số lượt xem trang phút người dùng Và trang hoạt động ban đầu trang Shop Hình 3.19 Thơng tin người dùng hoạt động chi tiết vị trí - Google Analytics cung cấp thông tin người dùng truy cập người, đến từ Việt Nam số lần xem trang thời gian xem trang đó, xem nội dung trang web - Bên cạnh cung cấp phương tiện người dùng truy cập thông qua Facebook Việc cung cấp phương tiện thông qua giúp cho ta biết mức độ phổ biến quảng bá trang web chủ yếu phương tiện nào, để tập trun việc đầu tư mở rộng phương tiện 33 3.16 Luồng truy cập người dùng Hình 3.20 Biểu đồ thể luồng truy cập người dùng - Người dùng truy cập chủ yếu Việt Nam - Đa số người dùng vào trang Home  Shop  About  Quay lại trang Shop - Bên cạnh người dùng có luồng truy cập phổ biến từ trang Shop  Quay lại trang chủ  Chi tiết sản phẩm  Quay lại trang shop - Mức độ truy cập vào trang contact thấp nhất, tiếp đến trang about - Trang nhiều người quan tâm trang Shop - Thơng qua số liệu, ta thấy mức độ quan tâm, trang cung cấp thông tin nhiều người mong muốn - Cải thiện, bổ sung thông tin để thu hút người dùng trang contact, about Và mở rộng thêm nội dung trang Shop để thu hút nhiều số lượng người truy cập 34 IV Chương 4: KẾT LUẬN 4.1 Tính khả dụng website xây dựng với weebly - Đáp ứng nhu cầu mô hình kinh doanh nhỏ đến vừa - Đơn giản hóa việc tạo dựng trì webstie bán lẻ trực tuyến - Chi phí cho phát triển, quảng bá sản phẩm kinh doanh tối ưu - Giảm thời gian cho việc xây dựng website tảng để website hoạt động(kể phần cứng phần mềm) Tốc độ weebly nhanh so sánh với dịch vụ lưu trữ hàng đầu - Weebly cung cấp tài khoản miễn phí có khả xử lý trang web cách dễ dàng - Weebly lý tưởng cho người dùng quan tâm đến trang web xử lý thông tin sản phẩm tĩnh, xác theo cách thiết kế Với giao diện nhanh chóng dễ sử dụng tùy chọn định giá đa dạng, Weebly nhà xây dựng trang web tồn diện có - Ưu điểm chính: o Có sẵn gói miễn phí o Rất thân thiện với người dùng o Weebly xuất sắc mặt thiết kế, với tính tốt kéo thả phân vùng thiết kế trang web o Weebly có gần 100 theme dùng cơng cụ kéo thả o Xây dựng giao diện web với Weebly dễ sau vài bước(thiết kế, thêm sản phẩm, add app, deploy) - Nhược điểm: Cửa hàng trực tuyến mức độ thấp tính phí thêm cho giao dịch - Giải pháp thay thế: chọn nhà xây dựng trang web khác: Wix, Squarespace - Kết luận: Weebly dịch vụ thích hợp cho website nhỏ Weebly khơng phải ý tưởng để tạo blog hay dịch vụ cửa hàng điện tử Khả xây dựng giao diện Weebly đánh giá cao, nhiên chừng chưa đủ để xây dựng website với quy mô dễ điều chỉnh chọn tảng phát triển khác 35 4.2 Google Analytics - Google Analytics công cụ phân tích web mạnh mẽ Nó thực hầu hết điều mà phân tích nâng cao thực hiện, điểm khác biệt Google làm điều miễn phí - Google Analytics có nhiều tính nâng cao giúp khơng cần dịch vụ phân tích cao cấp Với tính API Analytics, xây dựng hệ thống thống kê web mạnh mẽ cho phép thực chuyển đổi thành công tối ưu hóa lưu lượng truy cập - Ưu điểm: o Nhận thống kê thời gian thực (theo loại) o Theo dõi mạng xã hội o Loại trừ IP (tránh vơ tình đo lường web nhóm web bạn) o Xem liệu nhân học với phân tích hành vi nhu cầu người dùng o Đánh giá độ hiệu nội dung việc thu hút cung cấp thông tin cho người đọc o Theo dõi tỉ lệ chuyển đổi (CTR) từ đưa phương án tối ưu o Đo lường hiệu suất quảng cáo từ nhiều nguồn khác Facebook, Adwords hay Email o Theo dõi doanh số sản phẩm thông qua ecommerce tracking - Nhược điểm: o Nhiều người dùng thiết bị o Nhiều thiết bị người dùng o Dữ liệu realtime(delay lâu tầm vài phút) o Xem mà không xem, session 10 phút mở lên để – website chết o Không phân biệt rõ ràng(ví dụ website có nhiều tab, để biết họ xem tab nào) o Spam web – đối thủ vào quấy rối website bạn để ngăn chặn 36 o Nếu người dùng khơng cho phép cookie trình duyệt họ coi xong o Nếu người dùng khơng cho phép javascript google khơng lấy data o Traffic từ cộng đồng phát triển website đội ngũ cơng ty(có hỗ trợ loại bỏ IP chưa đủ) PHỤ LỤC PHÂN CÔNG NHIỆM VỤ Nhiệm vụ Mức độ Người đảm hoàn thành nhiệm Tìm hiểu tạo website với weebly với chủ đề quán cà phê với nước uống đồ ăn nhanh 100% Tấn 100% Nhi 100% Linh 100% Tuyền Tổng hợp viết báo cáo Tìm hiểu giải thích thơng số, biểu đồ google analytics Tổng hợp viết báo cáo Phân tích giải thích thành phần trang shop Tổng hợp viết báo cáo Phân tích giải thích thành phần trang chủ Tổng hợp viết báo cáo 37 ... PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN MÔN HỌC THƯƠNG MẠI ĐIỆN TỬ ĐỀ TÀI: THIẾT KẾ VÀ PHÂN TÍCH WEBSITE THƯƠNG MẠI ĐIỆN TỬ SVTH: MSSV: HOÀNG TRỌNG TẤN 16110454 HUỲNH THỊ TUYẾT NHI... xu mà người dùng chủ yếu truy cập website từ thiết bị di động ngang ngửa với loại thiết bị hình khác cộng lại weebly không phù hợp để làm kênh thương mại điện tử - Phù hợp với trang profile, banner... University of Maryland) Phân tích tính khả dụng website tạo với hình ảnh mơ tả chi tiết kèm II Chương 2: PHÂN TÍCH TÍNH KHẢ DỤNG 2.1 Header (tiêu đề, navigation) Hình 2.1 Tiêu đề website - Chương tiêu