Thiết kế nội dung và cấu trúc ứng dụng của website tmđt tiki

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA QUẢN TRỊ KINH DOANH BỘ MÔN QUẢN TRỊ BÀI TẬP THẢO LUẬN MƠN HỌC PHÂN TÍCH THIẾT KẾ HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ Giảng viên hướng dẫn: TS Lê Thị Ngọc Diệp Hà Nội - 2022 MỤC LỤC MỤC LỤC DANH MỤC BẢNG DANH MỤC HÌNH VẼ I Giới thiệu website Tiki.vn II Thiết kế nội dung cấu trúc ứng dụng website TMĐT Tiki Trang chủ 1.1 Thiết kế nội dung 1.2 Thiết kế nội dung phân đoạn trình diễn 10 1.3 Thiết kế cấu trúc ứng dụng 12 1.4 Thiết kế giới hạn tiếp cận 12 1.5 Mô tả phân đoạn trình diễn 13 Đăng ký/ đăng nhập 16 2.1 Thiết kế nội dung 17 2.2 Thiết kế nội dung phân đoạn trình diễn 19 2.3 Thiết kế cấu trúc ứng dụng 20 2.4 Thiết kế giới hạn tiếp cận 20 2.5 Mô tả phân đoạn trình diễn trang đăng ký/ đăng nhập 20 Trang danh mục sản phẩm tổng quát thời trang nam 21 3.1 Thiết kế nội dung 24 3.2 Thiết kế nội dung phân đoạn trình diễn 25 3.3 Thiết kế cấu trúc ứng dụng 26 3.4 Thiết kế giới hạn tiếp cận 27 3.5 Mô tả phân đoạn trình diễn 27 Trang sản phẩm chi tiết thời trang nam 30 4.1 Thiết kế nội dung 33 4.2 Thiết kế nội dung theo phân đoạn trình diễn 34 4.3 Thiết kế cấu trúc ứng dụng 35 4.4 Thiết kế giới hạn tiếp cận 36 4.5 Mơ tả phân đoạn trình diễn 36 Trang giỏ hàng 38 5.1 Thiết kế nội dung 39 5.2 Thiết kế nội dung theo phân đoạn 41 5.3 Thiết kế cấu trúc ứng dụng 41 5.4 Thiết kế giới hạn tiếp cận 42 5.5 Mơ tả phân đoạn trình diễn 42 Thanh toán 45 6.1 Thiết kế nội dung 46 6.2 Thiết kế nội dung theo phân đoạn trình diễn 48 6.3 Thiết kế cấu trúc ứng dụng 48 6.4 Thiết kế giới hạn tiếp cận 49 6.5 Mơ tả phân đoạn trình diễn 49 TÀI LIỆU THAM KHẢO 52 DANH MỤC BẢNG Bảng 1: Bảng thiết kế nội dung trang chủ Tiki Bảng 2: Bảng thiết kế cấu trúc trang chủ Tiki 12 Bảng 3: Bảng mơ tả phân đoạn trình diễn trang chủ Tiki 13 Bảng 4: Bảng thiết kế nội dung trang đăng nhập/ đăng ký Tiki 17 Bảng 5: Bảng mơ tả phân đoạn trình diễn đăng nhập/ đăng ký Tiki 20 Bảng 6: Bảng thiết kế nội dung trang danh mục tổng quát Thời trang nam Tiki 24 Bảng 7: Bảng cấu trúc nội dung trang danh mục tổng quát Thời trang nam Tiki 25 Bảng 8: Bảng thiết kế nội dung theo nguyên tắc 2của phân đoạn trình diễn danh mục tổng quát Thời trang nam 25 Bảng 9: Bảng cấu trúc trang danh mục sản phẩm tông quát thời trang nam 26 Bảng 10: Bảng mô tả phân đoạn trình diễn danh mục tổng quát Thời trang nam Tiki 27 Bảng 11: Bảng thiết kế nội dung trang danh mục sản phẩm Áo khoác chống nắng Biluxury Tiki 33 Bảng 12: Bảng thiết kế cấu trúc trang sản phẩm chi tiết Áo chống nắng Biluxury Tiki 35 Bảng 13: Bảng mơ tả phân đoạn trình diễn Trang chi tiết sản phẩm Áo khoác chống nắng Biluxury Tiki 36 Bảng 14: Bảng thiết kế nội dung trang Giỏ hàng Tiki 39 Bảng 15: Bảng thiết kế cấu trúc trang Giỏ hàng Tiki 42 Bảng 16: Bảng mơ tả phân đoạn trình diễn Giỏ hàng Tiki 42 Bảng 17: Bảng Thiết kế nội dung trang Thanh toán Tiki 47 Bảng 18: Bảng thiết kế cấu trúc trang Thanh toán Tiki 49 Bảng 19: Bảng mô tả phân đoạn trình diễn Thanh tốn Tiki 50 DANH MỤC HÌNH VẼ Hình 1: Giao diện trang chủ Tiki Hình 2: Giao diện trang chủ Tiki Hình 3: Giao diện trang chủ Tiki Hình 4: Giao diện trang chủ Tiki Hình 5: Giao diện trang đăng nhập/ đăng ký Tiki 16 Hình 6: Giao diện trang đăng nhập/ đăng ký Tiki 16 Hình 7: Giao diện trang đăng nhập/ đăng ký Tiki 17 Hình 8: Giao diện trang đăng nhập/ đăng ký Tiki 17 Hình 9: Giao diện trang danh mục tổng quát Thời trang nam Tiki 22 Hình 10: Giao diện trang danh mục tổng quát Thời trang nam Tiki 23 Hình 11: Giao diện trang sản phẩm chi tiết Áo khoác chống nắng Biluxury cuả Tiki 30 Hình 12: Giao diện trang sản phẩm chi tiết Áo khoác chống nắng Biluxury cuả Tiki 31 Hình 13: Giao diện trang sản phẩm chi tiết Áo khoác chống nắng Biluxury cuả Tiki 31 Hình 14: Giao diện trang sản phẩm chi tiết Áo khoác chống nắng Biluxury cuả Tiki 32 Hình 15: Giao diện trang sản phẩm chi tiết Áo khoác chống nắng Biluxury cuả Tiki 32 Hình 16: Giao diện trang giỏ hàng Tiki 39 Hình 17: Giao diện trang toán Tiki 46 I Giới thiệu website Tiki.vn Tiki (từ viết tắt Tiết Kiệm Tìm Kiếm) tên website thương mại điện tử lớn hàng đầu Việt Nam Thành lập từ tháng 3/2010, ông Trần Ngọc Thái Sơn sáng lập Tiki.vn trang thương mại điện tử lọt top Việt Nam top khu vực Đông Nam Á Tiki website thương mại điện tử đáp ứng nhu cầu mua sắm online người tiêu dùng thời kỳ công nghệ thông tin phát triển mạnh mẽ, hàng hóa đảm bảo uy tín chất lượng, sách giao hàng nhanh chóng chế độ hậu làm hài lịng người mua hàng khó tính Nắm bắt am hiểu người dùng, website Tiki ứng dụng Tiki dành cho điện thoại gây ấn tượng với người dùng giao diện đẹp mắt, dễ sử dụng, cung cấp đầy đủ thông tin người dùng cần tới, nâng cao tính tiếp cận website Phần II sâu vào việc phân tích thiết kế website thương mại điện tử Tiki II Thiết kế nội dung cấu trúc ứng dụng website TMĐT Tiki Trang chủ Hình 1: Giao diện trang chủ Tiki Hình 2: Giao diện trang chủ Tiki Hình 3: Giao diện trang chủ Tiki Hình 4: Giao diện trang chủ Tiki 1.1 Thiết kế nội dung Bảng 1: Bảng thiết kế nội dung trang chủ Tiki Header Đoạn nội dung phục vụ Nhiệm vụ Cơng cụ Thanh tìm kiếm Tìm kiếm thơng tin sản phẩm Thanh tìm kiếm Nội dung điều hướng Điều hướng tới trang khác Thanh điều hướng Logo Tiki Điều hướng trang chủ chuyển hướng người dùng đến danh mục sản phẩm chi tiết Nhấn vào Logo để chuyển đầu trang chủ website trang Giỏ hàng Đăng ký, đăng nhập, tài khoản Thêm, bớt sản phẩm giỏ hàng, kiểm tra giỏ hàng Đăng ký, đăng nhập tài khoản vào website Click vào biểu tượng để kiểm tra số lượng sản phẩm thêm vào giỏ hay điều chỉnh (thêm , xóa, bớt) số lượng mặt hàng giỏ Click vào biểu tượng để quản lý hồ sơ cá nhân người dùng (nếu có tài khoản), để đăng ký tài khoản hay đăng nhập tài khoản đăng ký website Body Hình ảnh banner, slider quảng cáo - Người mua: Lướt xem Các đường link tạm thời tới các chương trình quảng quảng cáo từ nhà bán cáo sản phẩm mới/sản phẩm sale/ sản phẩm bán chạy từ thương hiệu nhà cung cấp, - Người bán: Chạy banner, quảng cáo tảng website nhằm thu hút khách hàng click mua sản phẩm Đoạn nội dung “Giá sốc hôm nay” Xem nhanh sản phẩm bán với giá thấp Bấm vào mục hiển thị giá sốc để xem thông tin sản phẩm sale hay ưu đãi khủng, sốc, Thông tin khuyến mãi, ưu đãi - Người bán: xem thông tin khuyến mãi, ưu đãi dành cho cá nhân - Người mua: Đăng thông tin khuyến mãi, thu hút khách hàng Đường link cố định tạm thời Danh mục sản phẩm bật, gợi ý hôm nay, nhãn hiệu Người mua: Lựa chọn điều hướng đến danh mục sản phẩm khác chi tiết Đường link cố định tạm thời bật Footer Nội dung sản Xem lướt thông tin sản phẩm bao phẩm gồm: Hình ảnh đại diện sản phẩm, Tên sản phẩm, giá, lượt đánh giá, số lượng bán Đường link cố định tới trang sản phẩm chi tiết Nút bấm xem thêm Xem thêm xem toàn nội dung tất sản phẩm trang chủ Nút bấm “Xem thêm” Chăm sóc khách hàng Người mua: Gửi đề xuất/ yêu cầu hỗ trợ trình sử dụng web cho doanh nghiệp Người bán: Tiếp nhận yêu cầu hỗ trợ từ người dùng, giải đáp vấn đề thắc mắc, hướng dẫn sử dụng website, cho khách hàng Đường link tới thông tin, dịch vụ chăm sóc khách hàng Thơng tin doanh nghiệp, sách hỗ trợ khách hàng - Người mua/ Đối tác: tìm kiếm thông tin doanh nghiệp Tiki - Tiki: cung cấp thơng tin, sách doanh nghiệp tới người dùng Đường link cố định Hợp tác liên kết Người mua: Tuân thủ Đường link cố định thực điều khoản, quy định mà doanh nghiệp đưa ban đầu sử dụng website Người bán: Đăng ký tham gia bán hàng, quảng cáo sản phẩm/dịch vụ sàn Giới hạn tiếp - Người bán truy cập để sửa đổi thông tin sản cận/truy cập phẩm (hình ảnh, video, thông tin chi tiết, mô tả, tổng quát) họ bán - Quản trị viên website sửa đổi (xóa bỏ, thay đổi,.) sản phẩm khỏi website xảy vi phạm quy định - Người dùng xem tất thông tin sản phẩm Những yêu cầu Giá ưu đãi theo số lượng mua sản phẩm khác Các ý bổ sung Trang giỏ hàng 38 Hình 16: Giao diện trang giỏ hàng Tiki 5.1 Thiết kế nội dung Bảng 14: Bảng thiết kế nội dung trang Giỏ hàng Tiki Đoạn nội dung phục vụ Người Tên người bán mua/ Hình ảnh tên sản phẩm chi Khách tiết kèm giá hàng Nội dung hiển thị số lượng sản phẩm Nhiệm vụ Cơng cụ Chọn sản phẩm có ý định Đánh dấu ✔︎ vào mua giỏ hàng ❏ để chọn bỏ chọn Thay đổi số lượng sản Nút bấm “+” phẩm muốn mua “ −” để điều chỉnh số lượng sản phẩm Danh mục mã khuyến Lựa chọn khuyến từ Nút ⋁, điều người bán, Tiki người bán, từ Tiki hướng tới 39 khuyến có sẵn Hình ảnh nút bấm “Xóa” sản Xóa sản phẩm khỏi giỏ Nút bấm “xố” phẩm hàng Thơng tin người nhận hàng, số Thêm mới, thay đổi địa Nút bấm Thay điện thoại kèm địa nhận nhận hàng đổi điều hướng tới trang địa giao hàng Thông tin “Thành tiền”, “Tổng Yêu cầu thông tin đơn tiền” hàng Toàn nội dung trang Lướt xem giỏ hàng giỏ hàng Thanh cuộn Hình ảnh nút bấm “Mua Hàng” Mua hàng với màu đỏ, dễ thấy Nút bấm “Mua Hàng” Giá (mới) kèm thông tin in màu bên cạnh “Giá thay đổi” Tình trạng hết hàng “ Hết hàng” với hình ảnh kèm tên sản phẩm bị mờ Cấu trúc nội dung: Nội dung phân đoạn giỏ hàng bố trí theo số cấu trúc sau đây: → Cấu trúc sắp xếp theo lịch sử: Nội dung xếp theo thứ tự phát triển khám phá Cách xếp khơng cần trật tự tuyến tính hồn tồn vì phát triển khám phá dùng để làm vật quy chiếu Thứ tự sản phẩm giỏ hàng xếp theo thời gian từ gần - xa nhất, sản phẩm thêm vào giỏ hàng gần xếp trên, sản phẩm thêm vào giỏ hàng xếp cuối phân đoạn nội dung “sản phẩm” → Cấu trúc truyền thống: nội dung tổ chức theo cách thức truyền thống chuyên gia lĩnh vực Cấu trúc truyền thống bao gồm nhiều cách tiếp cận cấu trúc khác xếp ngẫu nhiên sử dụng từ trước Các đoạn nội dung bố trí theo vài cấu trúc khác với vài nội dung: 40 + Nội dung “sản phẩm” bố trí theo cấu trúc sắp xếp theo lịch sử; + Các đoạn nội dung liên quan tới thao tác để mua hàng thì lại bố trí theo cấu trúc nhiệm vụ (Chọn sản phẩm mua → Chọn số lượng mua → Chọn mã giảm giá → Mua hàng) 5.2 Thiết kế nội dung theo phân đoạn Nội dung phân đoạn giỏ hàng bố trí theo nguyên tắc sau đây: → Nguyên tắc 1: Một đoạn nội dung đơn đáp ứng hồn tồn nhiều nhu cầu nhiều nhóm người dùng để hoàn thành nhiều nhiệm vụ nên cần chứa đựng phân đoạn trình diễn tổng thể Chỉ trang giỏ hàng xuất nội dung “thành tiền”, “tổng tiền”, “mua hàng”, phân đoạn trình diễn khác khơng có → Ngun tắc 2: Một nội dung/đoạn nội dung sử dụng phân đoạn trình diễn cũng trình diễn phân đoạn trình diễn khác cần thiết sử dụng việc phối hợp với số nội dung/đoạn nội dung khác cho số người dùng công việc Thực tế, sản phẩm giỏ hàng xuất đoạn nội dung “hình ảnh sản phẩm”, “tên sản phẩm” “giá”, phục vụ cho mục đích chọn mua tính tiền nên không cần đoạn thông tin khác sản phẩm “đánh giá” hay “mô tả sản phẩm” trang chi tiết sản phẩm → Nguyên tắc 5: Thiết kế công cụ cho phép người dùng tương tác với nội dung: Các công cụ sử dụng với phân đoạn trình diễn thường đòi hỏi phân đoạn trình diễn riêng chúng (không phụ thuộc vào việc thực hình, hay bảng điều khiển, cửa sổ hay hộp thoại hay không) liên kết với tất phân đoạn trình diễn địi hỏi cơng cụ Với cơng cụ “giỏ hàng” gắn trực tiếp tới phân đoạn trình giỏ hàng, nhiên cũng xuất hiện, liên kết nhiều phân đoạn trình diễn khác Trang chủ, danh mục sản phẩm, chi tiết sản phẩm… mà đòi hỏi thao tác với giỏ hàng 5.3 Thiết kế cấu trúc ứng dụng 41 Bảng 15: Bảng thiết kế cấu trúc trang Giỏ hàng Tiki Liên kết tới Công cụ Giỏ hàng Trang chủ Tiki Logo Tiki Trang toán Nút bấm “Mua Hàng” Trang danh mục sản phẩm khác Thanh điều hướng Trang chi tiết sản phẩm (đối với Các liên kết cố định Tên sản sản phẩm có giỏ hàng) phẩm Trang Tiki NGON Nút bấm Tiki NGON Trang dành cho người bán Nút bấm “Bán hàng Tiki” Một số trang giới thiệu Tiki Liên kết cố định nằm Footer nằm Footer (Hỗ trợ khách hàng, Về Tiki, Hợp tác liên kết, Thanh toán, Kết nối) 5.4 Thiết kế giới hạn tiếp cận - Người mua/ Khách hàng: Với trang giỏ hàng Tiki, người dùng sử dụng đăng nhập tài khoản Tiki(số điện thoại, tài khoản Google tài khoản Facebook) - Người bán: kiểm tra, theo dõi tình hình bán hàng (chỉ với sản phẩm mà họ cung cấp) thông qua lượng hàng giỏ người dùng; - Quản trị viên website: sửa đổi (xóa bỏ, thay đổi,.) sản phẩm khỏi website xảy vi phạm quy định 5.5 Mô tả phân đoạn trình diễn Bảng 16: Bảng mơ tả phân đoạn trình diễn Giỏ hàng Tiki Xác định phân đoạn trình diễn Tên phân đoạn trình diễn Trang giỏ hàng website Tiki.vn 42 Diễn giải Phân đoạn trình diễn mô tả thông tin sản phẩm (số lượng, giá, màu sắc, kích cỡ…) mà người dùng lưu lại trước có định mua Mỗi tài khoản có giỏ hàng cá nhân, người dùng lưu kiểm tra sản phẩm mình chọn mua thơng qua Các u cầu phân đoạn phục vụ Nội dung mà phân đoạn bao hàm - Sản phẩm chọn; - Giá bán; - Số lượng sản phẩm chọn mua; - Voucher khuyến mãi; - Địa giao hàng; - Tiền hàng dựa sản phẩm có ý định mua giỏ; - Logo Tiki; - Thanh tìm kiếm; - Thanh điều hướng; - Bán Tiki; - Footer website bao gồm: Hỗ trợ khách hàng, Về Tiki, hợp tác liên kết, phương thức tốn… - Chuyển trang Người Người dùng website có ý định thực hành vi mua dùng hàng phân đoạn p/v Nhiệm vụ - Hiển thị tên sản phẩm kèm hình ảnh sản phẩm, giá, số phân lượng thành tiền; đoạn p/v - Hiển thị địa giao hàng; - Tìm kiếm sản phẩm; - Hiển thị thông tin Hỗ trợ khách hàng, thông tin doanh nghiệp… Công cụ mà phân đoạn thay - Thanh tìm kiếm; - Thanh điều hướng; - Thanh cuộn; - Logo điều hướng; 43 - Nút bấm “Tiki NGON” Những yếu tố cần thiết kế Liên kết tới phân đoạn khác - Trang toán; - Liên kết tới trang chủ thông qua Logo; - Trang dành cho người bán website Tiki; - Các trang danh mục sản phẩm khác thông qua điều hướng; - Trang Tiki NGON thơng qua nút bấm Những thuộc tính, đặc điểm nội dung phân đoạn - Thuộc tính sản phẩm: Tên sản phẩm, số lượng, giá; - Tên nhà bán; - Voucher khuyến từ nhà bán Tiki; - Địa giao hàng: Tên người nhận, số điện thoại, địa nhận hàng chi tiết; - Tính tiền: Thành tiền, tạm tính, giảm giá, tổng tiền Hoạt động ● Người mua: thực - Các hành động sản phẩm: thông qua + Thêm sản phẩm vào giỏ hàng; tương + Lựa chọn sản phẩm giỏ; tác với + Thay đổi số lượng mua; phân đoạn + Xóa sản phẩm khỏi giỏ hàng; + Lựa chọn sử dụng mã giảm giá; + Thực mua hàng; - Tìm kiếm sản phẩm khác; - Chuyển trang: Logo, nút bấm, điều hướng ● Người bán: Cập nhật giá, Cập nhật số lượng hàng lại Giới hạn tiếp cận/truy cập - Người dùng: đăng nhập số điện thoại tài khoản khác (facebook, google) sử dụng giỏ hàng; - Người bán: kiểm tra, theo dõi tình hình bán hàng thông qua lượng hàng giỏ người dùng; - Quản trị viên website: sửa đổi (xóa bỏ, thay đổi,.) sản phẩm khỏi website xảy vi phạm quy định 44 Những yêu cầu khác - Giá sản phẩm cập nhật; - Tự động thêm sản phẩm khuyến vào giỏ theo chương trình khuyến (Mua tặng - Khi chọn sản phẩm, giỏ hàng tự động thêm sản phẩm lại vào giỏ theo combo khuyến mãi) Các ý bổ sung Khơng Thanh tốn 45 Hình 17: Giao diện trang toán Tiki 6.1 Thiết kế nội dung 46 Bảng 17: Bảng Thiết kế nội dung trang Thanh toán Tiki Đoạn nội dung Nhiệm vụ phục vụ Logo Tiki Công cụ Điều hướng trang chủ Liên kết cố định Quy trình Thơng tin tới người mua/ tốn khách hàng quy trình toán Số điện thoại liên hệ Liên lạc với trung tâm hỗ trợ Chọn hình thức giao hàng Lựa chọn hình thức giao hàng phù hợp Thông tin sản phẩm chọn mua ( số lượng, Đánh dấu tích vào trịn để lựa chọn hình thức giao hàng ( TIKINOW, TIKIFAST) Thanh toán TIki Xu Khách hàng có Tiki Xu sử Đánh dấu vào ô lựa chọn để dụng làm phương thức toán TIKI Xu toán Chọn hình thức toán - Khách lựa chọn phương thức tốn sau: COD, ví điện tử, thẻ ngân hàng liên kết, quét mã QR VNPAY, thẻ tốn nội địa, quốc tế - Thơng tin ưu đãi toán thẻ ngân hàng - Lựa chọn phương thức toán phù hợp cách chọn vào Nếu khách hàng muốn liên kết thẻ ngân hàng để toán, lựa chọn thêm thẻ mới: - Khách hàng muốn xem thông tin ưu đãi toán thẻ ngân hàng cần đưa trỏ chuột đến , thông tin lên Thơng tin hóa đơn Khách hàng yêu cầu TIKI xuất hóa đơn điện tử Đặt mua Xác nhận mua toán Nút bấm “ĐẶT MUA” Địa giao hàng Hiển thị thông tin người nhận Khách hàng lựa chọn sửa địa nhận cách ấn vào nút Tiki khuyến Chọn mã khuyến Chọn nhập mã khuyến 47 Tích vào hóa đơn để lựa chọn xuất Tiki Hiển thị ý đưa chuột vào Chương trình Astra Freeship Dùng điểm Astra để giảm phí ship Nút tắt bật: Đơn hàng Thông tin đơn hàng, tổng tiền tốn(tạm tính, phí vận chuyển), thưởng điểm Astra, lưu ý Khách hàng muốn thay đổi sản phẩm lựa chọn nút Khách hàng muốn xem thông tin chi tiết sản phẩm click chuột vào “Xem thông tin” biểu tượng , bấm lại lần để thu gọn Cấu trúc nội dung: Nội dung phân đoạn toán bố trí số cấu trúc sau đây: → Cấu trúc sắp xếp theo lịch sử: Thông tin sản phẩm chọn xếp sản phẩm chọn đầu xếp cuối, sản phẩm lựa chọn gần xếp bên → Cấu trúc nhiệm vụ: Khách hàng phải thực đủ nhiệm vụ yêu cầu (Xác nhận địa nhận hàng → Chọn hình thức giao hàng → Chọn phương thức toán → Đặt mua) → Cấu trúc theo lớp: Các thông tin tổ chức từ tổng qt đến chi tiết Ví dụ: Phương thức tốn thẻ ATM nội địa → Thẻ liên kết → thông tin ưu đãi từ ngân hàng 6.2 Thiết kế nội dung theo phân đoạn trình diễn Nội dung phân đoạn tốn bố trí theo ngun tắc sau đây: → Nguyên tắc 1: Trang toán bao gồm nội dung: sản phẩm, thông tin người nhận, giao hàng, phương thức toán, ưu đãi → Nguyên tắc 2: Thơng tin mã khuyến mại lựa chọn từ phân đoạn giỏ hàng áp dụng sang phân đoạn tốn Ngồi thơng tin sản phẩm, thông tin người nhận cũng xuất phân đoạn giỏ hàng → Nguyên tắc 3: Trong đoạn nội dung hình thức giao hàng tách làm nội dung: hình thức giao hàng thông tin sản phẩm chọn mua 6.3 Thiết kế cấu trúc ứng dụng 48 Bảng 18: Bảng thiết kế cấu trúc trang Thanh toán Tiki Liên kết tới Thanh toán Trang chủ Tiki Cơng cụ Logo Tiki TIki Center Help: Hóa Đường dẫn đơn điện tử Địa giao hàng Nút bấm “Sửa” đoạn nội dung “Địa giao hàng” Giỏ hàng cách: - Thanh điều hướng quay lại - Nút bấm “Sửa” đoạn nội dung “Đơn hàng” Thêm thẻ Nút bấm Mã khuyến Nút điều khiển Quản lý Tiki Xu Đường dẫn đoạn nội dung “Thanh toán Tiki Xu” Một số trang nêu quy Liên kết cố định nằm Footer chế hoạt động sách Tiki 6.4 Thiết kế giới hạn tiếp cận Người dùng phải có tài khoản Tiki, có sản phẩm giỏ hàng, lựa chọn hàng mua truy cập trang tốn website Tiki.vn 6.5 Mơ tả phân đoạn trình diễn 49 Bảng 19: Bảng mơ tả phân đoạn trình diễn Thanh tốn Tiki Xác định phân đoạn trình diễn Các yêu cầu phân đoạn phục vụ Tên phân đoạn trình diễn Diễn giải Trang toán website Tiki.vn Phân đoạn trình diễn toán cho phép người dùng tiến hành toán cho sản phẩm cho vào giỏ hàng trước Nội dung mà phân - Hình thức giao hàng: TikiNow, Tikifast đoạn bao hàm - Sản phẩm chọn mua, dự kiến giao hàng, đơn vị giao hàng - Thông tin người nhận: tên, địa chỉ, sđt - Mã khuyến - Hình thức toán: COD, thẻ ngân hàng/visa, ví điện tử, Tiki xu - Lựa chọn chương trình Astra freeship, thơng tin chương trình tích điểm Astra - Thông tin đơn hàng: số lượng, tổng tiền phải tốn, tiền giảm - Thơng tin ưu đãi toán thẻ - Lựa chọn xuất hóa đơn điện tử - Các lưu ý - Quy chế, sách mua hàng TIki Người dùng - Khách hàng mua hàng Tiki.vn phân đoạn p/v Nhiệm vụ Hiển thị thông tin người nhận phân đoạn p/v Hiển thị thông tin đơn hàng ( tên sản phẩm, số lượng, giá) Hiển thị ngân hàng liên kết toán, ưu đãi giảm giá tốn thẻ Cung cấp thơng tin hóa đơn điện tử Thông tin chương trình khuyến Công cụ mà phân - Thanh cuộn đoạn thay - Thanh điều hướng: trở giỏ hàng 50 - Logo điều hướng tới trang chủ Những yếu tố cần thiết kế Liên kết tới phân - Liên kết với trang chủ tiki.vn đoạn khác - Liên kết với thông tin người nhận hàng - Liên kết với trang help center Những thuộc tính, - Hình thức giao hàng, phương thức tốn đặc điểm nội dung - Thơng tin đơn hàng mua phân đoạn Hoạt động thực - Lựa chọn thay đổi hình thức giao hàng thông qua - Lựa chọn, thay đổi phương thức tốn tương tác với phân - Sửa đổi thơng tin người nhận đoạn - Sử dụng, nhập mã khuyến - Đặt mua - Yêu cầu hóa đơn điện tử Giới hạn cận/truy cập tiếp - Chỉ có sản phẩm giỏ hàng chọn sản phẩm mua giỏ hàng, khách hàng điều hướng sang trang toán Những khác cầu Lựa chọn giao hàng không tiếp xúc Các ý bổ sung yêu Không 51 TÀI LIỆU THAM KHẢO Lê Thị Ngọc Diệp (2021) Bài giảng Phân tích Thiết kế hệ thớng Thương mại điện tử Học viện Cơng nghệ Bưu Viễn thông Website Tiki Việt Nam, truy cập tại: https://tiki.vn 52 ... I Giới thiệu website Tiki. vn II Thiết kế nội dung cấu trúc ứng dụng website TMĐT Tiki Trang chủ 1.1 Thiết kế nội dung 1.2 Thiết kế nội dung phân đoạn... vào việc phân tích thiết kế website thương mại điện tử Tiki II Thiết kế nội dung cấu trúc ứng dụng website TMĐT Tiki Trang chủ Hình 1: Giao diện trang chủ Tiki Hình 2: Giao diện trang chủ Tiki. .. Hợp tác liên kết, Thanh toán, Kết nối) Cấu trúc nội dung Bảng 7: Bảng cấu trúc nội dung trang danh mục tổng quát Thời trang nam Tiki Cấu trúc Cấu trúc Tiki Cấu trúc theo lớp Đối với danh mục