dự án project vì ngày mai xanh cải thiện ux ui của sàn thương mại tiki trên ứng dụng điện thoại

Sau quá trình tìm hiểu lý do cũng như mong muốn tái định vị thương hiệu Tiki trong lòng người tiêu dùng, nhóm chúng tôi đã áp dụng các phương pháp của Tư duy thiết kế và tạo ra dự án ma

@ INSTITUTE OF

UNIVERSITY Y INNOVATION

BAO CAO CUOI KY

HOC PHAN TU DUY THIET KE

(DESIGN THINKING GROUP REPORT)

DU AN (PROJECT)

“VÌ NGÀY MAI XANH”: CẢI THIỆN UX/UI

CUA SAN THUONG MAI TIKI TREN UNG

DUNG DIEN THOAI

Nhom (Group name): BIET NGHi

Lop (Class): DD0001

Khoa U/ntake): 49

GVHD (instructor) Ths Nguyén Quang Hiép

TP Hồ Chí Minh, ngày 17 tháng 03 năm 2024

BAO CAO CUOL KY

HOC PHAN TU DUY THIET KE

(DESIGN THINKING GROUP REPORT)

Tén dy an (Project): “Vi ngày mai xanh”: Cải thiện UX/UI của sàn thương mại Tiki trên

ứng dụng điện thoại

Nhóm (Group name): BIẾT NGHĨ

Lớp (Class): DD0001

Khoá (Intake): 49

GVHD (Instructor): Ths Nguyén Quang Hiệp

Danh sach thanh vién nhom (Members):

Tên thành viên Nhiệm vụ được phần công Đánh giá

(Name) (Task) mức độ

hoàn thành

nhiệm vụ

(Tỷ lệ %)

(Result)

Tống Việt Chương Lên ý tưởng, năm chính phần thiết kế slide 100

và poster, phụ trách phần Test trong dự án

và báo cáo

Nguyễn Hữu Ngọc Nắm chính ý tưởng, tham gia thiết kế slide 100

Đoan và poster, phụ trách phần Define trong dự

án và báo cáo

Trần Thuỳ Linh Nắm chính ý tưởng, tham gia thiết kế slide 100

và poster, phụ trách phần Ideate trong dự án

và báo cáo

Trương Thị Khánh Lên ý tưởng, năm chính phân thiết ké slide 100

Linh và poster, phụ trách phần Prototype trong

dw an va bao cáo

Bui Tran Chau Long | Lên ý tưởng, nắm chính phần thiết kế slide 100

và poster, phụ trách phần Ideate trong dự án

và báo cáo

và poster, phụ trách chính phần Empathy

trong dự án và báo cáo

Lê Hồ Nam Nhóm trưởng, nắm chính ý tưởng, tham gia 100

thiết ké slide va poster, phụ trách phần Giới

thiệu/Kết luận trong báo cáo

Châu Bảo Ngọc Nắm chính ý tưởng, tham gia thiết kế slide 100

Ngày nộp báo cáo (Date of submission) 17/03/2024

MỤC LỤC

CHƯƠNG I GIỚI THIỆU CHUNG

I._ Giới thiệu đề tài - ST 212121211 1111112111111812111x2 se

2 Đối tượng của đề tài à TH HH 1111111111151 2Ennererye

CHƯƠNG II QUY TRÌNH THỰC HIỆN

I Thấu cảm (Empathy) 5- 5c 1E 2211111211 E112111 xe

2 Xác định vấn để (Deñine) s s22 1121121121121 11 xe

3 Khởi tạo ý tưởng (Ideate) - 52c 2221222 12222xszx+2

3.1 Gta on (4dA

3.2 Trò CHƠI L2 n1 2111211112111 1 111g 6n 6 ng kg kg ry

4 _ Tạo mẫu thử (Prototype€) -scns21121211212111 12 cxe

4.1 Công cụ sử dụng - 2 2 120112211121 1121111 1112k

A.D, Gta na ai na

4.3 TTÒ CHƠI 2 22 2201121111111 1111111111111 1811181181

5 Thử nghiệm (Test) 2 2 2212221111111 11111112 +2

CHUONG IIL KET LUAN

LTO tat dur ate cccce cece eeeseeeseesseessesssessseessness

2 Gidi phap CUO‘ ccc ceccecceccsecseesessescsecsesseseesecsessesseseessseeees

3 Hướng nghiên cứu sau nảy 2 22c 22212221 2s

TÀI LIỆU THAM KHẢO

CHUONG I GIỚI THIỆU CHUNG

1 Giới thiệu đề tài

Theo bảng xếp hạng sàn thương mại điện tử hai năm trở lại đây của Reputa, Tiki

đều giữ vị trí thứ tư, sau Shopee, Lazada và Tik Tok Shop Tuy nhiên, điều đáng nói ở

đây là sự chênh lệch khá lớn trong số liệu, cụ thể vào năm 2023, ty lé su dung Tiki la

12,66%, cach vi tri thir 3 la Tik Tok Shop 20,11% và cách khá xa sàn dẫn đầu là

Shopee (88,61%)! Vi sao lai có sự chênh lệch lớn như thế, khi Tiki từng một thời rất

quen thuộc với người dùng trên khắp Việt Nam?

Sau quá trình tìm hiểu lý do cũng như mong muốn tái định vị thương hiệu Tiki

trong lòng người tiêu dùng, nhóm chúng tôi đã áp dụng các phương pháp của Tư duy

thiết kế và tạo ra dự án mang tên Vi Nedy Mai Xanh nhằm cải thiện phần UX/UI của

Tiki trên ứng dụng điện thoại Dự án không chỉ hướng đến bài toán kinh doanh của

sản thương mại điện tử mà còn mang sứ mệnh giải quyết vấn đề cộng đồng, cụ thé là

sự bảo tổn rùa biển tại Việt Nam Dự án không thay đổi hoàn toàn diện mạo của Tiki

mà chỉ nâng cấp dựa trên những gi san có, giữ lại cái cốt lõi của thương hiệu

2 Đối tượng của đề tài

Dự án hướng đến cộng đồng những người thường xuyên sử dụng các sàn thương

mại điện tử, đặc biệt quan tâm đến phần trải nghiệm người dùng cũng như hướng đến

nhu cầu giải trí khi mua sắm

CHƯƠNG II QUY TRÌNH THỰC HIỆN

1 Thấu cảm (Empathy)

Phương pháp: Định lượng (form khảo sát)

G giai doan Empathy, nhom chúng tôi đã tìm ra hai van dé then chốt trong tâm lý

người tiêu dùng khi mua sắm, cụ thể là nhu cầu giải trí cùng tâm lý “trải nghiệm va

tham gia”, và liên kết, đối chiếu nó với sàn thương mại TIki Cu thé:

1 Nhu cầu “giải trí? kết hợp mua sắm của khách hàng: Số liệu khảo sát của

chúng tôi cho thấy có đến 88,8% người dùng sử dụng và truy cập vào các ứng dụng

thương mại điện tử đề có thể mua sắm online Trong thời đại công nghệ số, việc mua

sắm trên các nền tảng mạng xã hội trở nên đễ dàng, tiện loi hon chi bang | ct click

3/ Bạn có thường xuyên mua sắm online hay không?

80 câu trả lời

@có

@ Khéng

88,8%

Tir d6, shoppertainment cing voi cai tiễn những hình thức thanh toán online sẽ là

xu hướng lâu dài trong thời gian tới, dẫn đến nhu cầu giải trí khi mua sắm tăng cao

2 Tâm lí được “trải nghiệm và tham gia” vào quá trình mua sắm của khách

hàng: Cũng trong khảo sát của chúng tôi về những bắt lợi của người dùng Tiki, có đến

62,8% khách hàng cảm thấy không hài lòng khi sàn thương mại điện tử này khi chỉ

cung cấp số lượng mã giảm giá nhất định mà không có các trò chơi đề họ có thể tham

gia vào đó Từ đó cho thấy, việc tham gia chơi các trò chơi săn mã giảm giá, lấy được

deal hời đã làm tăng sự thích thú của người dùng, làm cho họ có cảm giác được trải

nghiệm và bớt được sự nhàm chán trong quá trình mua hàng

Dưới đây là một số vấn đề về trải nghiệm khi sử dụng ứng dụng Tiki, bạn hãy tick vào vấn đề mà

mình thường gặp phải nhé

43 câu trả lời

Trợ lý ảo phản hồi chậm 28 (65,1%)

Trợ lý ảo chưa đưa ra được đáp

án như mong muốn

Bắt tiện trong việc áp mã giảm

giá

Kết quả tìm kiếm không phù hợp

với từ khóa

18 (41,9%)

15 (34,9%)

18 (41,9%)

Phần quảng cáo xuất hiện trước

tìm kiếm gây khó chịu

Không có các trò chơi để săn mã

giảm giá cho người dùng

12 (27,9%)

27 (62,8%)

0 10 20 30

=> Đây là hai điều Tiki thiểu trong sự tương quan với các sàn thương mại điện tử

hiện nay, đặc biệt là Shopee Nó thiếu những trò chơi săn voucher, thiếu những tính

năng, đặc trưng riêng giúp người dùng có thể tương tác và cảm thấy là một phần của

ứng dụng mua sắm

2 Xác định van dé (Define)

Phương pháp: Định lượng (Form khảo sát) và định tính (phỏng vấn kín)

Cũng theo khảo sát của chúng tôi kết hợp cùng việc phỏng vấn kín một số bạn

sinh viên UEH, có thể thấy hơn 69,8% người được phỏng vấn đều cho rằng sự sụt

giảm của TIKI đến từ việc giao diện của app chưa được tối ưu và 62,8% đồng ý rằng

việc thiểu những trò chơi để gia tăng sự tương tác và nhận voucher là vấn đề chính

khiến TIKI tuột dốc

Dưới đây là một số vấn đề về giao điện Tiki, ban hay tick vào vấn đề mà mình tường gặp phải nhé

Bên cạnh đó, nhằm đáp ứng được mục tiêu phát triển bền vững của Liên Hợp

Quéc, ching téi di chon muc tiéu s6 14 - Life Beyond Water va quyét dinh lam vé

sinh vật biến, cụ thê là rùa biển tại Côn Đảo, Việt Nam Lựa chon nảy đến từ việc bảo

tồn rùa ở Côn Đảo đang là vấn đề hết sức quan tâm hiện nay, cùng với việc sắc xanh

của Tiki gợi nhiều đến màu xanh của biển Điều đó phù hợp với mục đích của chúng

tôi: nâng cấp chứ không làm mất đi cái cốt lõi của thương hiệu

Seed ery tree ee

Coe)

69.8% hay 30

phiếu

60.5% hay 26

phiếu RE ee

Chính vì thế, chúng tôi quyết định cải thiện trải nghiệm của người dùng trên TIKI

bang cach tao ra trò chơi tương tác đề nâng cao nhận thức về loài rùa ở Côn Đảo và tối

ưu hoá giao diện

3 Khởi tạo ý tưởng (1Jedfe)

Ý trưởng chính: Thay đỗi hoàn toàn giao diện ứng dụng theo chủ đề đại dương

xanh và hành trình giải cứu rùa biển tại Côn Đảo khỏi rác thải nhựa Chủ đề được thê

hiện qua trang giao diện tương tác chính khi người dùng vào app và trò chơi săn

voucher moi cua tng dung TIKI

3.1 Giao dién

Giao diện được thiết kế lại với 3 gam màu chính: xanh, cam, trắng nhằm đồng bộ

với bộ nhận diện thương hiệu của TIKI Bên cạnh đó, 3 màu này sẽ được thể hiện qua

các yêu tô gợi về hình ảnh biển cả như: Sóng biển xanh, bãi cát vàng cam và bọt trắng

Trong quá trình ý tưởng hóa, nhóm đưa ra những sáng tạo mới:

e Xuất hiện hình ảnh rùa bơi xung quanh giao điện app cùng với chai nhựa và bì

ni lông xung quanh nhằm cho người dùng được tiếp cận nhiều lần đối với thực

trạng của rùa biên hiện nay

e Nhằm nôi bật sản phâm, những phần hàng giảm giá sẽ được đưa lên đầu trang,

thiết kế đặt trên nền cát vàng

e Giải quyết vấn đề nội dung thông tin nhỏ và nhiều chữ, khung sản phẩm được

giới hạn SỐ lượng chữ hiển thị

e Phan game Giải cứu rùa xanh được dat nỗi bật tại giao diện nhằm kích thích sự

tò mò tìm hiểu của người dùng

3.2 Trò chơi

Phần game được thiết kế để người dùng giải trí, săn voucher và góp phần vào

hành trình giải cứu rùa biên hiện nay Người chơi thực hiện thử thách gỡ rác thải cứu 5

loài rùa và nhận mã giảm giá Tiki như phần thưởng sau khi thắng

Tên game “Vi ngay ‘mai’ xanh”: Mai ở đây không chỉ là ngày mai, là tương lai

ma con gợi nhớ đến mai rùa — một bộ phận đặc trưng của loài sinh vật này Do đó, tên

game vừa ngầm ý nhắc đến loài rùa, vừa kêu gọi bảo vệ rùa biển vì một tương lai

xanh

Luật chơi: Ân liên tục vào rùa đề gỡ rác, thanh tiến độ đây trong thời gian quy

định Game có độ khó dân theo thời gian nhằm kích thích sự phấn khích của người

chơi và chơi được nhiều lần Sau khi thang, thong tin về loài rùa và thực trạng hiện tại

sẽ xuất hiện

Ngoài ra, sản phẩm giảm giá được đặt qua hình ảnh sò bên góc màn hình, lợi

nhuận quảng cáo được trích ra 20% để quyên góp cho tô chức IUCN VN trong hành

§

trinh giải cửu rủa

VƯỜN QUỐC

5 LOẠI RÙA VIỆT 'QUỐI

NẠM CẦN ĐƯỢC GIA CON DAO

BAO TON

TEXT TINH

GIAN

COLOR

PALETTE

4 Tao mau thir (Prototype)

Sau khi tính tốn 3 biến số quan trọng là: thoi gian, chỉ phí và định dạng, nhơm

Biết Nghỉ đã trực quan hĩa ý tưởng bằng mẫu thử mơ phỏng giao điện mới của TIKI

trên điện thoại và game tương tác W? ngàp “mai? xanh

4.1, Cơng cụ sử dụng

e Canva, Adobe Photoshop, Adobe Hlustrafor Thiết kế tơng quan giao diện

mới cho Tiki và phần game

e_ Ngơn ngữ lập trình Scrafch: Mơ phỏng phần game

4.2 Giao điện

Giao diện mới của TIKI trên điện thoại được trực quan hĩa bằng /2 nh ảnh thiết

kế bằng Càa theo chủ đề Đại dương, mơ phỏng hình ảnh, trải nghiệm của người

dùng TIKI xuyên suốt từ lúc khởi động ứng dụng tới khi đã hồn tất trị chơi W2 ngay

‘mai’ xanh

BẠN CÔ BIẾT?

_Vẻng đợi cho 3) rán tờ Mi được Ke ra đ c trưởng

“Nhàn đều oh Bt ahha =Ét đ đạn tử hiÖe i dh ce ett

ae cu pnp a wk ene, số lấp

#rV9g tủa, cắc heạt đáng tha thắc thay sân sự đụng

eater wat ene an này diệt sử hes er WF

thay st can rn ie,

(Cn se AB re Ma nag bain a Abe wd

“ ob sey Bn ba nes ware eke ge hn ene th Wenn

cu nan côn ảo LUẬT CHƠI

SAN DEAL TUNIS CHAD! aa aay

0 9 terest my co he Bo đương khộc han,

hd cáo SCM VN với đây đẾ MIẾt im số chương vành

cac

‘air ahag gg ob ttt cao che hoại đa béo vn rò

Tiến của t9cM VN bạc Cần Đảo về các đảo Ấn cận

BẠN ĐÃ SẴN SÀNG CỨU RÙA

“vi NGAY MAI XANH"?

SEA VOUCHER taned guicasnancena san

Acre

ewet oust 25 1

( pangtro'g Tes haat

SEA VOUCHE! Ran glenn cng tin, >

fegiworn

orrer arene 0% 19 10%

(nang troy Pana

SEA VOUCHER

“hạn đề gi cứu thành công Ba SỬ Ñcgiwete ca —

SH

® ¬

4.3 Trò chơi

Trò chơi giải cứu rùa khỏi rác thải nhựa bằng cách nhắn/chạm liên tục vào con rùa

trong thời gian giới hạn, được trực quan hóa bằng game tương tác với đồ họa cơ bản

10

hơn, sử dụng ngôn ngữ lập trình Scrarch

Backdrops

3

Sprite1

3 Thứ nghiệm (72s£)

Phương pháp: Định tính (phỏng vấn kín)

11

Sau trình bày và hướng dẫn sinh viên trải nghiệm thiết kế lại UX/UI, chúng tôi

thu lại được một số ý kiến:

Giao dién thu hút hơn so với bản cũ

Có hứng thú hơn khi mua sắm

Trò chơi thú vị, không nhàm chán

Quảng cáo tính tế, không gây khó chịu

Cảm thấy tự hào & phần khởi khi góp phân giải cứu rùa Côn Đảo

Kết luận: Kết quả thu lại cho thấy sản phẩm có được phản ứng tích cực, cải thiện

được vấn đề UX/UI của sản thương mại điện tử Tiki

CHUONG III KET LUAN

1 Tóm tắt dự án

Tóm lại, sau khi áp dụng các bước của Tư duy thiết kế trong quá trình thực hiện

dự án, nhóm chúng tôi căn bản đã giải quyết những vấn đề được đặt ra: vừa cải thiện

vấn đề UX/UI của Tiki, vừa giải quyết mục tiêu SDG thứ 14 (thông qua việc bảo tồn

rùa biên ở Côn Đảo)

Qua kết quả khảo sát phần lớn liên quan đến những bất cập về UX/UI của Tiki,

nhóm chúng tôi đã xác định đúng vấn đề và đưa ra những giải pháp hiệu quả, cần

thiết Thông qua những sự đôi mới trong giao diện theo chủ đề môi trường biến lẫn

việc tao nén game san voucher Vi Nedy Mai Xanh, chung téi vừa tạo nên những thay

đổi mới mẻ, vừa giữ được cái cốt lõi của thương hiệu chứ không thay đổi hoàn toàn

hay làm biến chất nó đi Những sự thay đôi, đặc biệt năm ở game, được số đông đánh

giá là sáng tạo và thu hút đã giúp thoả mãn nhu cầu giải trí khi mua sắm của người

dùng, đồng thời nâng cao nhận thức của mọi người về vấn đề rùa biển tại Côn Đảo

Vấn đề kinh doanh lẫn sứ mệnh cộng đồng được kết nối với nhau mượt mả, mới mẻ,

cải thiện và nâng cao hình ảnh của sàn thương mại điện tử TIkI trong lòng người tiêu

dùng

2 Giải pháp cuối

Sau quá trình thử nghiệm và báo cáo chung, nhóm chúng tôi đã thông nhất giải

pháp đó là cải thiện vấn đề UX/UI thông qua việc nâng cấp giao điện và tạo game săn

voucher theo concept đại dương như những gì đã trình bảy trước Với những phản hồi

tích cực về những sự nâng cấp cũng như sứ mệnh cộng đồng mà nhóm đã thực hiện,

nhóm chúng tôi nhận thấy đây là giải pháp tốt nhất giúp tối ưu hóa trải nghiệm người

dùng Tiki và góp phần vào công tác bảo tồn rùa biển ở Côn Đảo

12