Mô tả thiết kế các nhân tố chính và cấu trúc ứng dụng thông qua website voso

BỘ THÔNG TIN VÀ TRUYỀN THÔNG
HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THƠNG
----------

BÁO CÁO
MƠN HỌC: PHÂN TÍCH THIẾT KẾ
HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ
Đề bài:
Mô tả thiết kế các nhân tố chính và cấu trúc ứng dụng thơng
qua website Voso
Giảng viên: Lê Thị Ngọc Diệp

HÀ NỘI, 2022


MỤC LỤC
MỤC LỤC ..................................................................................................................... 2
Website: Voso.vn - Trang chủ ..................................................................................... 3
1. Về thiết kế nội dung .................................................................................................. 3
1.1. Các phân đoạn nội dung .................................................................................... 3
1.2. Cách tiếp cận đối với cấu trúc nội dung........................................................... 4
1.3. Thiết kế cấu trúc nội dung ................................................................................ 5
2. Thiết kế nội dung các phân đoạn trình diễn .......................................................... 5
2.1. Page header ......................................................................................................... 5
2.2. Vùng gợi ý nội dung nổi bật .............................................................................. 6
2.3. Các mục trình diễn sản phẩm ........................................................................... 7
2.4. Page Footer ......................................................................................................... 8
3. Thiết kế cấu trúc ứng dụng ...................................................................................... 8
3.1. Các phân đoạn trình diễn tổng thể đại diện cho các đối tượng của chương
trình ứng dụng ........................................................................................................... 8
3.1.1. Trang chủ...................................................................................................... 8

3.1.2. Trang “Danh mục sản phẩm” .................................................................... 9
3.1.3. Trang “Chi tiết sản phẩm” ......................................................................... 9
3.1.4. Trang “Giỏ hàng” ...................................................................................... 10
3.1.5. Trang “Đăng nhập/Đăng ký” ................................................................... 11
3.2. Tổ chức, liên kết các phân đoạn trình diễn đã được xác định ..................... 12
3.3. Các điều hướng có trong hệ thống thương mại điện tử Voso.vn ................. 14
4. Thiết kế giới hạn tiếp cận ....................................................................................... 14
5. Mơ tả các phân đoạn trình diễn ............................................................................ 16
TÀI LIỆU THAM KHẢO.......................................................................................... 19

2


Website: Voso.vn - Trang chủ
1. Về thiết kế nội dung:
1.1. Các phân đoạn nội dung:
Nội dung về một sản phẩm được chia thành một số đoạn nội dung liên quan đến:
-

Thơng tin cơ đọng giới thiệu ở phân đoạn trình diễn cùng nhiều đoạn nội dung về
các sản phẩm khác:

-

Thông tin mô tả chi tiết sản phẩm giới thiệu ở phân đoạn trình diễn riêng về sản
phẩm đó:

3

-

Thơng tin về phương thức thanh tốn, phương thức giao hàng,… ở phân đoạn khách
hàng thực hiện thanh toán đơn hàng:

1.2. Cách tiếp cận đối với cấu trúc nội dung:
-

Cấu trúc theo nhóm logic: Nội dung được tổ chức theo nhóm dựa trên một số tập
hợp khái niệm chính như là: giá thấp nhất, mới nhất, miễn phí vận chuyển…

4


-

Cấu trúc theo lớp: Nội dung được tổ chức từ tổng quát đến cụ thể hoặc từ cụ thể tới
tổng quát giống như cấu trúc các lớp của đối tượng.

1.3. Thiết kế cấu trúc nội dung:
Các nội dung trên được bố trí theo cấu trúc:
-

Cấu trúc truyền thống: Các sản phẩm được sắp xếp theo thứ tự ngẫu nhiên, không
trùng lặp.

-

Cấu trúc logic: Cách sắp xếp các sản phẩm theo nhóm dựa trên cùng các đặc điểm,
tính chất theo chủ đề mà chúng được phân loại.

-

Cấu trúc sắp xếp theo lịch sử: Trang web gợi ý cho khách hàng dựa trên những sản
mà khách hàng đã mua hoặc quan tâm cũng như đã tìm kiếm trước đó.

2. Thiết kế nội dung các phân đoạn trình diễn:
Phân đoạn trình diễn “Trang chủ” được chia làm các phần:
2.1. Page header:

5


-

Thanh chuyển đổi: Chứa các chức năng chuyển nhanh sang “Trang người bán” và
hỗ trợ khách hàng.

-

Khu vực điều khiển: Đặt phía dưới thanh chuyển đổi, bao gồm các đối tượng:
+ Logo: Đặt tại góc trên bên trái, dưới thanh chuyển đổi.
+ Thanh tìm kiếm: Bao gồm ơ nhập nội dung tìm kiếm, nút tìm kiếm.
+ Thanh danh mục nội dung: Nằm bên dưới thanh tìm kiếm: bao gồm các sản phẩm
nổi bật như: Đặc sản, trái cây, rau củ, bánh kẹo,...
+ Nút giỏ hàng: Nằm bên phải thanh tìm kiếm, hiển thị số lượng sản phẩm có trong
giỏ.
+ Nút Đăng ký/Đăng nhập: Nằm bên phải Giỏ hàng, cũng là phần lề ngoài cùng
bên phải của khu vực điều khiển.

2.2. Vùng gợi ý nội dung nổi bật:
Vùng nằm dưới Page header:

6


-

Các chương trình khuyến mại: Bao gồm các ảnh nền chứa nội dung khuyến mại
được chuyển đổi liên tục theo thứ tự.

-

Danh mục sản phẩm: Bao gồm các danh mục hàng hóa chính có trên trang: Đặc sản,
thời trang, thiết bị điện tử, thời trang, du lịch,...

-

Dịch vụ tiện ích: Các gian hàng như: Voso Mall, Chợ Viettel++, OCOP,...

2.3. Các mục trình diễn sản phẩm:

-

Flash sale.

-

Mua sỉ.

-

Siêu hội đặc sản.

-

Chống dịch cùng Voso.

-

Sự kiện theo tháng.

-

Gợi ý sản phẩm theo ngày.
7


2.4. Page Footer:

-

Nhập email để nhận ưu đãi từ Voso.

-

Các thông tin về doanh nghiệp, địa chỉ liên hệ, giới thiệu tải ứng dụng.

-

Giấy phép, chứng chỉ.

3. Thiết kế cấu trúc ứng dụng:
Thiết kế cấu trúc ứng dụng thương mại điển tử liên quan đến việc xác định mối quan
hệ giữa những thành phần chính trong chương trình ứng dụng.
3.1. Các phân đoạn trình diễn tổng thể đại diện cho các đối tượng của chương trình
ứng dụng:
3.1.1. Trang chủ:

-

Trang chủ sử dụng cấu trúc theo lớp logic.

8


-

Trang chủ liên kết với trang Chat trực tiếp, Logo, giỏ hàng, danh mục sản phẩm, chi
tiết sản phẩm, dịch vụ tiện ích, đăng ký/đăng nhập hoặc trang cá nhân, thông báo,
kênh người bán, trang hỗ trợ.

3.1.2. Trang “Danh mục sản phẩm”:

Danh mục sản phẩm được thiết kế dạng hubpage kết nối với các danh mục con chi
tiết để cung cấp thơng tin và cái nhìn tổng quan nhanh cho người dùng. Danh mục sản
phẩm liên kết tới các danh mục con gồm có: Sàn đặc sản, Bách hóa, Thiết bị điện tử,
Sức khỏe - Làm đẹp, Điện gia dụng, Phụ kiện thiết bị số, Mẹ & Bé, Thời trang Nam,
Thời trang Nữ, Thể thao - Du lịch, Ơtơ - Xe máy, Hàng nhập khẩu, Thủ cơng mỹ nghệ,
Cơ khí - Xây dựng, Voucher - Dịch vụ, Vật liệu xây dựng, Vật tư nông nghiệp.

3.1.3. Trang “Chi tiết sản phẩm”:

9


-

Chi tiết sản phẩm của voso.vn sử dụng cấu trúc nội dung theo lớp: Các nội dung sản
phẩm được tổ chức từ tổng quát đến chi tiết. Tổng quát về sản phẩm từ trang chủ,
trang danh mục sản phẩm đến chi tiết sản phẩm ở trang chi tiết sản phẩm (tuân theo
nguyên tắc 3 click, người dùng có thể đến được trang chi tiết sản phẩm chỉ với tối
đa 3 lần nhấp chuột).

-

Chi tiết sản phẩm liên kết với giỏ hàng, mua ngay (trang thanh toán).

3.1.4. Trang “Giỏ hàng”:

10


-

Giỏ hàng sử dụng cấu trúc logic bao gồm: tên sản phẩm, số lượng, giá bán, số phần
trăm giảm giá.

-

Giỏ hàng liên kết tới trang danh mục sản phẩm, trang đặt hàng.

3.1.5. Trang “Đăng nhập/Đăng ký”:

11


3.2. Tổ chức, liên kết các phân đoạn trình diễn đã được xác định:
Thơng thường thì trong phân đoạn trình diễn tổng thể các liên kết, điều khiển thường
xuất hiện trong hệ thống thương mại điển tử gồm:
-

Phần header của các phân đoạn trình diễn tổng:

+ Gồm có Logo: Liên kết các phân đoạn trình diễn tổng thể đến trang chủ nhằm
giúp người dùng quay lại trang chủ.
+ Thanh search: Có nhiệm vụ tìm kiếm các phân đoạn trình diễn và liên kết đến
nó.
+ Các phân loại sản phẩm: Khách hàng lựa chọn để được đến mục có các sản
phẩm có cùng đặc tính, tên của phân đoạn trình diễn.
+ Giỏ hàng: Liên kết các khách hàng đến nơi các sản phẩm Khách hàng lưu lại.
+ Thông báo: Cung cấp đến người dùng về các chương trình khuyến mại, các thông
tin liên quan khác.
+ Trang cá nhân của người dùng: Bao gồm các thông tin về hồ sơ, lịch sử đơn
hàng, ví voso và đăng xuất.
+ Đăng nhập/ Đăng xuất.
+ Kênh người bán: Chuyển đến một trang khác để đăng nhập thơng tin với vai trị
là người bán hàng qua website.
12

+ Trang hỗ trợ: Liên kết trực tiếp đến hộp thư của voso để khách hàng gửi thông
tin cần hỗ trợ.
+ Tải ứng dụng: Xuất hiện mã QR.
-

Phần nội dung:

+ Sản phẩm: Chuyển sang trang chi tiết sản phẩm khi khách hàng click.
+ Banner: Dẫn đến các sản phẩm quảng cáo trong banner.
-

Phần Footer:

+ Phân đoạn trình diễn giới thiệu các liên kết trình bày các thơng tin:
• Về doanh nghiệp.
• Các quy định, điều khoản và chính sách.
• Cơ hội hợp tác.
+ Phân đoạn trình diễn Hỗ trợ khách hàng dẫn đến các nội dung có nhiệm vụ như
sau:
• Chủ đề hỗ trợ.
• Kết nối với chúng tơi.
13


• Chăm sóc khách hàng.
+ Phân đoạn trình diễn download:
• Mẫu hợp đồng cho nhà cung cấp.
• Tải app voso.
3.3. Các điều hướng có trong hệ thống thương mại điện tử Voso.vn:
-

Điều hướng xác định trước:
Ví dụ: Sau khi khách hàng thanh tốn hồn tất, sẽ có duy nhất một điều hướng để

lựa chọn “Quay về trang chủ” thông qua Logo.
-

Điều hướng do người sử dụng xác định:
Ví dụ: Điều hướng từ mục “Bách hóa” trên thanh danh mục sản phẩm trong Trang

chủ, thực hiện quá trình lựa chọn bất kỳ một trong số các dòng sản phẩm đặc trưng do
hệ thống đã phân loại.
-

Điều hướng xác định thích ứng:
Ví dụ: Khi người dùng gõ trên cơng cụ Tìm kiếm sản phẩm “Khoai lang Nhật” trong

quá trình thực hiện mua và lấy thông tin, hệ thống sẽ căn cứ vào nội dung người dùng
tìm kiếm để điều hướng người dùng đến trang thông tin chứa các đoạn nội dung phù
hợp nhu cầu của khách hàng.
4. Thiết kế giới hạn tiếp cận:
-

Với thông tin cá nhân: Bao gồm những cá nhân hay tổ chức sở hữu thông tin cá nhân
và những người trong tổ chức sở hữu hệ thống TMĐT.
Trong hệ thống TMĐT của Voso.vn, các thông tin cá nhân như SĐT, Địa chỉ, Họ

và tên, ngày sinh, lịch sử mua hàng của khách hàng sẽ bị giới hạn tiếp cận. Cụ thể ở đây
đối tượng được phép tiếp cận là người dùng sở hữu thông tin cá nhân. Đối tượng được
phép tiếp theo là những người cần thông tin của người dùng một cách chính đáng, ví dụ

như đơn vị bán sẽ cần thông tin cá nhân của người dùng như: Tên, số điện thoại, địa chỉ
để có thể vận chuyển hàng hóa, lưu hóa đơn.

14


-

Với thơng tin kế tốn: Trong các khoản nội dung này người dùng khơng có quyền
tiếp cận, chỉ những nhân viên kế toán và nhà quản lý trong tổ chức kinh doanh được
phép tiếp cận thông tin.

-

Với thông tin giá cả và doanh thu bán hàng: Đối với thông tin về doanh thu bán hàng
trong hệ thống thương mại điện tử Voso.vn, nội dung này cũng sẽ bị giới hạn tiếp
cận, chỉ được phép tiếp cận bởi người bán

15


-

Các thông tin về giá cả và thông tin sản phẩm sẽ không bị giới hạn tiếp cận, cả người
bán và người dùng đều có thể tiếp cận thơng tin qua các nội dung và phân đoạn nội
dung.

5. Mô tả các phân đoạn trình diễn:
Xác định phân đoạn trình diễn
Tên phân đoạn

Trang chủ

trình diễn
Diễn giải

Gồm các nội dung bao quát về website, điều hướng đến các
phân đoạn nội dung khác, xuất hiện đầu tiên khi khách hàng
truy cập vào trang web.

Các yêu cầu được phân đoạn phục vụ
Nội dung mà phân

-

Đăng ký/Đăng nhập, giỏ hàng

đoạn bao hàm

-

Kênh người bán

-

Thanh tìm kiếm

-

Danh mục sản phẩm: sàn đặc sản, bách hóa, thiết bị điện tử,

sức khỏe - làm đẹp, điện gia dụng, phụ kiện thiết bị số, mẹ
và bé, thời trang nam, thời trang nữ, thể thao - du lịch, hàng
nhập khẩu …

-

Banner quảng cáo

-

Các dịch vụ tiện ích: Voso Mall, chợ Viettel ++, mua sỉ, vé
máy bay, gian hàng OCOP, affiliate, dịch vụ kỹ thuật tại
nhà.

-

Các sản phẩm gợi ý: hình ảnh, giá cả, khuyến mãi, lượt đánh
giá, lượt mua

-

Đăng ký nhận thơng tin ưu đãi

-

Thơng tin doanh nghiệp

-

Chính sách hỗ trợ

-

Mẫu hợp đồng cho nhà cung cấp
16


-

Nhắn tin, hỗ trợ

-

Tải ứng dụng

Người dùng được

-

Người tìm kiếm thông tin và mua hàng

phân đoạn phục vụ

-

Các đối tác, nhà cung ứng

Nhiệm vụ được

-

Liên kết tới trang kênh người bán

phân đoạn phục vụ

-

Cung cấp thông tin về sự kiện, khuyến mãi

-

Gợi ý các sản phẩm bán chạy

-

Tìm kiếm sản phẩm

-

Điều hướng đến các trang thông tin sản phẩm chi tiết

-

Cho phép khách hàng sử dụng chatbox, hotline để được hỗ
trợ

-

Cung cấp thơng tin về doanh nghiệp và các chính sách hỗ
trợ khách hàng

Cơng cụ mà phân

-

đoạn thay thế

Thanh tìm kiếm, thanh điều hướng, logo điều hướng về
trang chủ

Nội dung các yếu tố cần thiết kế
Liên kết tới phân

-

Kênh người bán

đoạn khác

-

Trang giỏ hàng

-

Trang đăng ký/đăng nhập

-

Các trang sản phẩm

-

Giới thiệu doanh nghiệp

-

Chính sách hỗ trợ

-

Tải ứng dụng

-

Sản phẩm: hình ảnh sản phẩm, giá cả, lượt đánh giá

Những thuộc tính,
đặc điểm nội dung
trong phân đoạn

17


Hoạt động thực

-

Người truy cập website: tìm kiếm các thơng tin cần thiết,

hiện thông qua sự

cập nhật thông tin về các sự kiện, khuyến mãi của doanh

tương tác với phân

nghiệp, tìm kiếm sản phẩm và mua hàng, tương tác với

đoạn

doanh nghiệp qua chatbox, hotline, tải ứng dụng
-

Người quản trị website: cập nhật các thông tin về số lượng
sản phẩm, giá cả, khuyến mãi, lượng hàng đã bán,…

Giới hạn tiếp cận/

-

truy cập

Không giới hạn lượng người dùng truy cập/ tiếp cận để
xem các thơng tin và thực hiện mua hàng

-

Ngồi ra, riêng người quản trị website có quyền kiểm sốt,
sửa đổi các nội dung trên trang web

Những yêu cầu

Không

khác
Các chú ý bổ sung

18


TÀI LIỆU THAM KHẢO
1. Th.S. Lê Thị Bích Ngọc, 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 chính Viễn thơng.

19