Đồ án tốt nghiệp đại họcLOI CAM KET Em xin cam đoan rang bản đồ án tốt nghiệp “Nghiên cứu phương pháp thiết kế lay người dùng làm trung tâm trong thiết kế trải nghiệm người dùng và áp dụ
Trang 1HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THONG
KHOA ĐA PHƯƠNG TIEN
ĐỎ ÁN TÓT NGHIỆP ĐẠI HỌC
ĐÈ TÀI: NGHIÊN CỨU PHƯƠNG PHÁP LÁY NGƯỜI DÙNG LAM TRUNG TAM VÀ AP DỤNG VÀO THIET KE GIAO DIỆN
UNG DUNG “HA NOI FOOD TOUR”
Giang vién : TS Trần Quốc Trung
Họ và tên : Nguyễn Trọng Kiên
Lớp : DI9TKĐPT2
Mã sinh viên : BI9DCPTI19
Hệ : DHCQ
Hà Nội năm 2023
Trang 2Đồ án tốt nghiệp đại học
LỜI CẢM ƠN
Đầu tiên, em xin được gửi lời cảm ơn sâu sắc đến các thầy, cô giảng viên
Học viện Công nghệ Bưu chính Viễn thông và khoa Đa phương tiện đã tận tình chỉ bảo, hướng dẫn, giúp đỡ em những kỹ năng chuyên môn cần thiết trong suốt
4 năm học tập tại Học viện đê em có thê phát triên sự nghiệp tương lai theo
hướng tôt đẹp nhât.
Đặc biệt, em xin được gửi lời cảm ơn sâu sắc tới giảng viên TS Trần Quốc
Trung đã tận tình chỉ bảo, hướng dẫn, giúp đỡ em trong suốt quá trình thực hiện
đô án này Thây đã cho em rât nhiêu lời khuyên, nhận xét, góp ý cũng như giúp
em định hướng và đưa ra phương pháp nghiên cứu phù hợp cho đê tài của mình.
Lời cuối cùng, em xin kính chúc các Thầy Cô giáo cùng gia đình sức khỏe
đôi dào và đạt được nhiêu thành công hơn trong sự nghiệp.
Em xin chân thành cảm on!
Ha Nội ngày I tháng 12 năm 2023
Sinh viên
Nguyễn Trọng Kiên
Nguyễn Trọng Kiên- BI9DCPT119 Page2
Trang 3Đồ án tốt nghiệp đại học
Nguyễn Trọng Kién- BI9DCPT119 Page 3
Trang 4Đồ án tốt nghiệp đại học
LOI CAM KET
Em xin cam đoan rang bản đồ án tốt nghiệp “Nghiên cứu phương pháp thiết
kế lay người dùng làm trung tâm trong thiết kế trải nghiệm người dùng và áp dụngvào thiết kế giao điện ứng dụng Hà Nội Food Tour” là công trình nghiên cứu của
bản thân Những nội dung có chứa tài liệu tham khảo trong đồ án đã được liệt kê và
nêu rõ tại phần tài liệu tham khảo Đồng thời những số liệu hay kết quả trình bày
trong đồ án đều mang tính chất trung thực, không sao chép, đạo nhái Nếu sai em
xin chịu hoàn toàn trách nhiệm.
Sinh viên
Nguyễn Trọng Kiên
Nguyễn Trọng Kiên- BI9DCPT119 Page 4
Trang 5Đồ án tốt nghiệp đại học
MỤC LỤC
LOT CAM ƠNN 2e<<+.eE 4E E777331 9771330977341 p9A141petrrseerrksrir 2
3.2 Phạm! Vi NGNIEN CỨN co << Họ Họ H0 0 0 00 13
4 Phương pháp nghiÊn CỨU - 2 se 99 919155959 958983 5ø 13
5 Ý nghĩa lý luận và giá trị thực tiễn của đề tài -s-sc-scs«- 13
6.Cấu trúc để tb csssssssssssecssssssesssssssesssssssecsssssssesssssesssssssssssssssesssssessssesssseessees 14
PHAN NỘI DUNG 5< 5< ©5<SsEsESeEvEEseEkerterseraerksrrsrtsrssrssrsrrsrre 15
CHƯƠNG I: TONG QUAN VE PHƯƠNG PHÁP NGHIÊN CỨU LAY
NGƯỜI DUNG LAM TRUNG TÂM TRONG THIET KE UL, UX VA
THIET KE GIAO DIỆN UNG DỤNG DI ĐỘNG -s-ss2 15
1.1.Tổng quan về phương pháp thiết kế lay người dùng lam trung tam 15
1.1.1.Khái niệm về phương pháp thiết kế lay người dùng làm trung tâm 151.1.2.Đặc điểm của phương pháp thiết kế lấy người dùng làm trung tâm
Nguyễn Trọng Kiên- BI9DCPT119 Page 5
Trang 6Đồ án tốt nghiệp đại học
1.1.3.Uu điểm và nhược điểm của phương pháp thiết kế lấy người dùng
lÀIH CFUNG ẨÊÌH << 5< S TH THỌ TH TT 0 n0 00 18
1.1.4.Quy trình của phương pháp thiết kế lấy người dùng làm trung tâm
— ,,ôÔỎ 19
1.2.Tổng quan về thiết kế giao diện ứng dụng di động -« 23
1.2.1.Khái niệm về ứng dụng di đỘHg -« sccsccscsscsecseesersersessese 231.2.2.Các nguyên tắc trong thiết kế giao diện ứng dụng di động 24
CHƯƠNG II: NGHIÊN CỨU VE UNG DỤNG GIỚI THIỆU AM THUC
HÀ NỘI FOOD TOUR 5-5 5< ©s<SSs£+£EseESeEtEEsersersrksrserssrsersrssree 32
2.1 Tổng quan về các ứng dụng giới thiệu Gm thực hiện tại - 32
2.1.1 Khái niệm về ứng dụng giới thiệu ẩm tÏrự(C -s <-se- 32
2.2 Tổng quan về ứng dụng giới thiệu ẩm thực Hà Nội Food Tour 40
2.2.1 Tổng quan Ứng ỤHg -s-cs-cscsccsesseseeeeteetsersersersersersersrse 40
2.2.2 MUc dich 000nn885aa 41
2.3.1 Đối trợng người dùÙHg, -sccsccseeseesteeteeteersersersersersrssersrssree 43
2.3.2 Phương pháp Nghién CỨI <5 << <5 1 HH mg 00m n.ve 43 2.3.3 Xay dựng chân dung người dUNg MUC ẨÏÊU - << <s==<<< se 33
CHƯƠNG III: ÁP DỤNG PHƯƠNG PHAP THIẾT KE LAY NGƯỜI
DUNG LAM TRUNG TÂM VÀO THIET KE GIAO DIỆN UNG DUNG
HA NỘI FOOD TOUR scsssssssssssssssssssssscsscssssascsscssssassacsscsassacsucsecaseassassscseess 64
B.D, Wire fr ame sccccecccsesrcresccsssccscsccsccccssscessccessccesssseessccsssccsssssseessssseessssseeees 64
Nguyễn Trọng Kiên- BI9DCPT119 Page 6
Trang 7Đồ án tốt nghiệp đại học
Ly, 7.1/ 0 Seh 71
BDL ng ressessesssecsssssssnssssesssssssassssssassaseaesssssussasssscsussassaceascsacsaseasessesses 72
3.2.2 TyPOQrapny rcccccccsscccrssccscsecsccccsssccssccccsssccsscccsscseesscessscesssccsseesssccseeans 74 3.2.3 Design (THỈ(ÏGÏÏH4G << < << 9 TT 0 000 75
8/177) :50 0n nhan 773.2.5 Hệ thống BUtf0H e e<©csccseceereertettssrkertertsrrsereererrsrrsrsersee 77
3.3.2 GidO Ai€N HANG CHU .rersecssveresesrssscccsecesscesscsssesssessssscssssssscsessssssseees 80
3.3.3 Œiao diện tìm kÌẾHH s- s- se se se EeeEeeEseEeEsetersersrsersrsersreere 813.3.4 Giao diện thông tin chỉ tiẾt MON ĂN -. o°o° co se csesessesess 82
3.3.5 Gido diện quét nhận Ai€N MON AN.irccsscccssccsssrcssssessscsccsscsscsssssseeeees 82 3.3.6.Giao diện Lịch trình của tôi -«c-ce+ceeeeexeeteesteerserereesrsersee 83
3.3.7 Giao diện Từ điển ẩm tHiựCC -e- s-csccsccsceseestseeseeseeeesessesese 83
3.3.8 Giao diện trang YEU fÏLÍCÌH << < <1 0 1 0 84 3.3.9 Giao điện trang cú HHIẪH e-cscssceseeseexetsretsrsersrsersreersee 84 3.4 Tạo prototype ChO Sid (IỆN co << 1 9 Y1 TH ng 85
0n ,ÔỎ 86A.KET QUA ĐẠT ĐƯỢC 5< s< 5< cs+vsEssEseersersersersrrsrserssrsrrsrree 86
B HAN 0e 0005757 86
C HƯỚNG PHAT TRRIÊ)N 5< s°ss+s££+seExse+xeetsertserrserserserssre 86
Nguyễn Trọng Kiên- BI9DCPT119 Page 7
Trang 8Đồ án tốt nghiệp đại học
DANH MỤC CÁC Ki HIỆU VA CHU VIET TAT
Thuật ngữ, viết tắt Từ đầy đủ Ý nghĩa
UI User Interface Giao diên người
dùng
UX User Experience Trải nghiêm người
dùng
App Application Ung dung
Mobile App Mobile Application Ứng dung dành cho
di đông
Wireframe Wireframe Khung giao diên
User flow User flow Luồng người dùng
Prototype Prototype Mẫu kiểm thử
UCD User Center Design Thiết kế lay người dùng
làm trung tâm
Design Guideline Hướng dẫn thiết kế
Personas Hồ sơ người dùng
Trang 9Nguyễn Trọng Kiên- BI9DCPT119 Page 9
Trang 104 Ví dụ về User journey Map icsecsesscsscessessesssessesssessessessesssessessessssssessesstsseeees 20
5 Ung dụng trên thiết bị di dOnQ cccccccccscescsssssscessessssssessessesssessessessessessesseees 24
6 Minh họa cho việc điều hướng ;/ 17RERERREEEERERRRh a 25
4 Empathy map người dùng lứa tuổi I8 -25 5552552Scccccrsccce2 54
5 Personas người dùng lứa tuổi lồ -25 cecceccecsscescssvessessesesessessesesssseeseesees 55
6 Empathy map người dùng lứa tuổi 25 -34 -c-cccccccctercscereei 56
7 Personas người dùng lứa tuổi 25 -3⁄4 -ccccccccccxerkcrrersee, 57
8 Site map ứng dụng Hà Nội Food TOur 5 2c 3+2 ‡++svsxsseeessss 61
1 Wireframe Đăng nhẬp -.- c Sc SE HH kg kiệt 64
2 Wireframe Trang CH c- cv kh ng gnrưưt 65
4 Wireframe Quét nhận dién MON ỐH nh site 67
J Wireframe Lịch trinh CA ẨÔI - cc- E*ESkEsEEEEekEseeEseeeeeeree 68
6 Wireframe Từ điền ẩm tHựC 5: c St Set E1 1111111111121 erres 69
7 Wireframe Thông tin MON ẶH c5 3E *EE+EEvEEeeEeeeeerereeseers 70
S Wireframe Củ HhẪH E3 3E kh kg nh vết 71
9 Logo ng dung Ha Nội FOOd Tour ccccccccccccscccessetetseeetsceeneeensesenteeeetees 72
10 Hệ thống màu sử dung trong ứng dụng Ha Nội Food Tour 73
11 Quy chuẩn chữ sử dụng trong thiết kế ứng dụng Hà Nội Food Tour 75
12 Guideline layout của Hà Nội FOOd TOMF cc Sex ++svesssvs2 76
13 Hệ thống icon trong ứng dụng Hà Nội Food Tour - 5-55: 77
Nguyễn Trọng Kiên- BI9DCPT119 Page 10
Trang 1114 Hệ thong button ứng dụng Hà Nội FOOd ToOur - 5555555552 78
15 Hệ thong Component trong ứng dung Hà Nội Food Tour 79
16 Giao diện trang khởi động và đăng nhập - - - 5+5 +s+++csxx 80
17 Giao diện trang Chủ Sàn TT kg vết 81
18 Giao điện tìm ÑiẾM ả 5tr 81
19 Giao dién théng tin chi CHEE MOM AN TRE 82
20 Giao điện quét nhận AiEN MON ẮH So Sky 82
21 Giao diện lịch trình CU ÔI << S311 rec 83
22 Giao diện từ điển ẩm thực ccccc:+ccccctceccxerrrtrrterrrrrrrerrrrrrree 83
23 Giao điện trang Yêu thíÍCH c cs+k*SkStSiS kg kg rệp 84
24 Giao điện trang CA HhẪH cà SE vn kg gen 84
Nguyễn Trọng Kién- BI9DCPT119 Page 11
Trang 12Đồ án tốt nghiệp đại học
PHAN MỞ ĐẦU
1 Lý do chọn đề tài
Hà Nội, thủ đô của Việt Nam, là một trái tim đập mạnh của văn hóa và lịch
sử của đất nước Thành phố này đưa ta vào một hành trình thú vị qua thời gian và
không gian, nơi những con phố cô kính và kiến trúc độc đáo gắn liền với những
hương vị đặc trưng và món ăn truyền thống độc đáo của âm thực Hà Nội Ở đây,
chúng ta có cơ hội khám phá một thé giới âm thực độc đáo Thành phố này tự hàovới những món ngon truyền thống như phở, bún chả, bánh mì pate, bánh cuốn vànhiều món ăn đường phố khác, mỗi món đều có một hương vị và cảm xúc riêngbiệt Bằng cách thưởng thức 4m thực Hà Nội, chúng ta sẽ không chỉ cảm nhận đượchương vị thơm ngon mà còn lạc trong những câu chuyện về lịch sử và văn hóa củathành phó
Khi đặt chân đến Hà Nội mà không biết nơi nào dé thưởng thức 4m thực, ta
có thể cảm thấy như một người lạ mắt trong một khu vườn 4m thực rộng lớn.
Thành phố này đang tràn ngập với sự đa dạng của các món ăn đường phó, nhà hàng
truyền thống và quán cafe thú vị, tạo nên một "rừng 4m thực" với hàng ngàn lựa
chọn khác nhau Đường phố Hà Nội có thể trở thành một mê cung, với các góc nhỏ,con ngõ hẻm, và các quán ăn nhỏ nằm giữa đám đông Việc tìm kiếm một nơi đểthưởng thức bat phở 4m áp hoặc một quán bún cha thơm ngon có thé trở nên khó
khăn và mât nhiêu thời gian.
Chính vì những lý do trên, em đã lựa chọn đề tài “Nghiên cứu phương phápthiết kế lấy người dùng làm trung tâm và áp dụng vào thiết kế giao diện ứng dụnggiới thiệu âm thực “Hà Nội Food Tour” trên điện thoại di động Đề tài vừa có ýnghĩa nghiên cứu, hiểu rõ được tầm quan trọng của phương pháp thiết kế lẫy ngườidùng làm trung tâm trong thiết kế nói chung, thiết kế giao diện điện thoại nói riêng
Nguyễn Trọng Kiên- BI9DCPT119 Page 12
Trang 13- Ứng dụng được phương pháp thiết kế lay người dùng làm trung tâm dé tạo
ra một ứng dụng giới thiệu âm thực đáp ứng nhu cầu, mong muốn của người dùng
2.2 Nhiệm vụ
Nghiên cứu tập trung vào việc xây dựng ứng dụng giới thiệu 4m thực "HàNội Food Tour" dựa trên phương pháp thiết kế lấy người dùng làm trung tâm, baogồm các nhiệm vụ sau:
- Nghiên cứu phương pháp thiết kế lấy người dùng làm trung tâm, thiết kế
Trang 14Đồ án tốt nghiệp đại học
- Phương pháp thiết kế lay người dùng làm trung tâm
- Ứng dụng di động và nguyên tắc thiết kế trên ứng dụng di động
- Ứng dụng Hà Nội Food Tour
- Người dùng mục tiêu.
3.2 Phạm vi nghiên cứu
- Nghiên cứu các phương pháp thiết kế lay người dùng làm trung tâm trong
thiết kế, cụ thé trong thiết kế trải nghiệm người dùng, phục vụ cho thiết kế
giao diện Ứng dụng di động (Mobile app)
- Cách ứng dụng phương pháp thiết kế lấy người dùng làm trung tâm chothiết kế giao điện ứng dụng Hà Nội Food Tour
- Tài liệu khác:
+ Các đề tài đồ án có liên quan
+ Các giáo trình có liên quan đến thiết kế trải nghiệm người dùng, thiết kế
mobile app, phương pháp thiết kế lay người dùng làm trung tâm
+ Các tài liệu, thông tin trên Internet
4 Phương pháp nghiên cứu
- Phương pháp nghiên cứu lý thuyết: phân tích và tong hợp tài liệu, dùng số
liệu.
- Phương pháp thu thập dữ liệu người dùng: nghiên cứu định lượng (khảo sát
trực tuyến nhóm đối tượng nghiên cứu) và nghiên cứu định tính (nghiên cứu
quan sát).
5 Ý nghĩa lý luận và giá trị thực tiễn của đề tài
Nguyễn Trọng Kiên- BI9DCPT119 Page 14
Trang 15và áp dụng vào thiết kế giao diện ứng dụng giới thiệu 4m thực “Hà Nội Food
Tour”, bô cục được chia ra làm 3 chương như sau:
- Chương 1: Tổng quan về phương pháp nghiên cứu lấy người dùng làm
trung tâm trong thiết kế ui, ux và thiết kế giao diện ứng dụng di động
- Chuong 2: Nghiên cứu về ứng dụng giới thiệu âm thực Hà Nội Food Tour
- Chương 3: Áp dụng phương pháp thiết kế lay người dùng làm trung tâm
thiết kế giao diện ứng dụng giới thiệu âm thực Hà Nội Food Tour
Nguyễn Trọng Kiên- BI9DCPT119 Page 15
Trang 16Đồ án tốt nghiệp đại học
PHAN NOI DUNG
CHUONG I: TONG QUAN VE PHUONG PHAP NGHIEN CUU LAYNGUOI DUNG LAM TRUNG TAM TRONG THIET KE UI, UX VA THIET
KE GIAO DIEN UNG DUNG DI DONG
Chương | tập trung tìm hiểu về những kiến thức liên quan đến đề tài nghiêncứu bao gồm các khái niệm về thiết bị đi động, những nguyên tắc thiết kế trên thiết
bị đi động, lý thuyết về phương pháp thiết kế lẫy người dùng làm trung tâm, quytrình và tamquan trọng của phương pháp trong thiết kế giao diện điện thoại
1.1.Tổng quan về phương pháp thiết kế lay người dùng làm trung tâm1.1.1 Khái niệm về phương pháp thiết kế lấy người dùng làm trung tâm
Khái niệm User-Centered Design (UCD) là kết quả của sự phát triển vàcống hiến của nhiều chuyên gia và nhà nghiên cứu trong lĩnh vực thiết kế giao
diện người dùng và trải nghiệm người dùng Mặc dù không có một người duy
nhất đưa ra khái niệm UCD, nhưng nhiều người đã đóng góp vào sự phát triển
của nó trong suốt thập kỷ qua Các tên tuổi như Donald Norman, Jakob Nielsen,
và Ben Shneiderman đã đóng góp đáng kế vào lĩnh vực này và đề xuất cácnguyên tắc và phương pháp thiết kế dựa trên người dùng
Nguyễn Trọng Kiên- BI9DCPT119 Page 16
Trang 17Hình 1 2 Jakob Nielsen
Theo Career Foundary, User-centered design (UCD) là một phương pháp thiết
kế đặt nhu cầu của người dùng ở vi trí trung tâm và tuân thủ một quy trình thiết kếlặp đi lặp lại tập trung vào nhu cầu của người dùng ở mọi bước Điều này có nghĩa
là quá trình thiết kế đang bị ảnh hưởng và hướng dẫn bởi các hành vi, giá trị và kỳ
vọng của người dùng từ đầu đến cuối
Trong UCD, việc đáp ứng nhu cầu của người dùng và phản hồi vào ý kiến
phản hồi của họ là ưu tiên hàng đầu Mọi quyết định thiết kế được đánh giá dựa
trên giá trị nó mang lại cho người dùng và cách nó sẽ giúp họ đạt được mục tiêu của họ một cách hiệu quả.
1.1.2.Dac điểm của phương pháp thiết kế lay người dùng làm trung tâm
- Đặc diém:
Nguyễn Trọng Kién- BI9DCPTI19 Page 17
Trang 18UCD cũng nhắn mạnh vảo việc tạo ra các sản phẩm và dich vụ dé tiếp
cận và bao hàm, đáp ứng được nhu cầu của một phạm vi rộng lớn người
dùng, bao gồm cả những người có khả năng hoặc nhu cầu đặc biệt Điềunày không chỉ cải thiện chất lượng sản phẩm mà còn mở rộng phạm vitiếp cận của nó
Sự hợp tác liên ngành là một yếu tố quan trọng khác trong UCD, đòi
hỏi sự phối hợp chặt chẽ giữa các bộ phận như thiết kế, kỹ thuật,marketing và quản lý sản phẩm Điều này không chỉ đảm bảo sự đồngnhất trong quá trình phát triển mà còn tạo ra sản phẩm đáp ứng được cảyêu cầu kỹ thuật lẫn người dùng
Tóm lại, UCD là một phương pháp mạnh mẽ nhưng cũng đòi hỏi sự
linh hoạt và thích ứng liên tục với sự thay đổi của yêu cầu người dùng và
công nghệ Qua đó, nó không chỉ giúp tạo ra sản phẩm phù hợp với người
Nguyễn Trọng Kiên- BI9DCPT119 Page 18
Trang 19Đồ án tốt nghiệp đại học
dùng mà còn đảm bảo răng sản phâm đó có tính bên vững và thích ứng
được với sự phát triển không ngừng của thị trường và công nghệ
1.1.3.Uu điểm và nhược điểm của phương pháp thiết kế lay người dùng làm
trung tâm
- Uudiém:
UCD là một phương pháp thiết kế mạnh mẽ, tập trung vào việc đáp ứngnhu cầu và mong đợi của người dùng, từ đó nâng cao sự hài lòng và trảinghiệm người dùng Sự tập trung này giúp giảm thiểu rủi ro và chi phí
phát triển, vì các vấn đề được phát hiện và giải quyết sớm trong quá trình,tránh việc phải sửa chữa đắt đỏ sau khi sản phẩm ra mắt Ngoài ra, việc
tích hợp người dùng từ giai đoạn đầu tiên đảm bảo rang sản phẩm cuối
cùng là dễ tiếp cận và bao hàm, phục vụ được một phạm vi rộng lớn
người dùng, bao gồm cả những người có nhu cầu đặc biệt Điều này
không chỉ cải thiện chất lượng sản phẩm mà còn tạo ra Sự đồng bộ và
năng suất cao trong các nhóm làm việc
- Nhược điểm:
Tuy nhiên, UCD cũng đối mặt với một số thách thức Đầu tiên là thờigian và chi phí đầu tư ban dau, vì nó đòi hỏi sự tham gia liên tục và tàinguyên dành cho nghiên cứu người dùng và kiểm thử Xác định chính xác
nhu cầu của người dùng có thé khó khăn do sự đa dạng và sự thay đổi liên
tục của nhu cầu này Ngoài ra, việc tập trung quá mức vào người dùng cóthể làm lệch lạc mục tiêu kinh doanh hoặc kỹ thuật của dự án Sự thiên vịtrong quy trình thiết kế cũng có thé xảy ra, đặc biệt nếu nhóm người dùngthử nghiệm không đại diện đầy đủ cho toàn bộ đối tượng mục tiêu Cuối
cùng, đo lường thành công của UCD có thé gặp khó khăn, đặc biệt trong
các giai đoạn dau cua dự an.
Nguyễn Trọng Kiên- BI9DCPT119 Page 19
Trang 20Đồ án tốt nghiệp đại học
1.1.4.Quy trình của phương pháp thiết kế lay người dùng làm trung tâm
Quy trình thiết kế lay người dùng làm trung tâm gồm 4 bước:
- Bước 1: Hiểu người dùng và ngữ cảnh sử dụng
Bước đầu tiên trong quá trình Thiết kế lay người dùng làm trung
tâm (UCD) là nghiên cứu về người dùng và cách họ sẽ sử dụng sảnphẩm Trong giai đoạn này, có rất nhiều nghiên cứu về UX được tiếnhành dé tìm hiểu loại người sẽ sử dụng sản phẩm, mục tiêu và động cơ
của họ, các vấn đề họ gặp phải và nhu cầu và hành vi chung của họ
Đây có lẽ là bước quan trọng nhất trong quá trình UCD Nếu
không biết ai là người dùng và ngữ cảnh trong đó họ sẽ tương tác vớisản phẩm thì sẽ rất khó đề thiết kế một cái gì đó phù hợp với nhu cầu
và tính cách của họ Thông thường, thông tin về người dùng được thuthập bằng cách sử dụng nghiên cứu UX chất lượng — sử dụng khảo
sát và phỏng vấn, các nhóm tập trung, bảng câu hỏi và nhiều phương
pháp khác.
Các tính cách người dùng (user personas) và bản đồ hành trình
người dung (user journey maps) cũng quan trọng trong giai đoạn này.
Nhân vật người dùng cung cấp cho nhóm thiết kế một hình ảnh tongquan về người dùng dé họ có một bức tranh rõ ràng về những người họ
đang thiết kế cho, mục tiêu, kỹ năng, thái độ, vấn đề, lỗi sống, V.V.
Cùng thảo luận về một số cách dé dàng dé tạo ra nhân vật người dùng
sau này Bản đồ hành trình giúp hiểu cách người dùng di chuyên quatrải nghiệm người dùng trong các trường hợp sử dụng phổ biến
Nguyễn Trọng Kiên- BI9DCPT119 Page 20
Trang 21Đồ án tốt nghiệp đại học
A8©UT MOTIVATIONS
EVENT ATTENDANCE ATTRIBUTES CORE NEEDS
PAIN POINTS EVENT INFLUENCERS
I I
⁄
Hình 1 4 Vi dụ về User journey map
Khi cố gắng xác định cách người dùng sẽ tương tác với sản phẩm, ta sẽ
muôn tìm hiéu ba điêu sau:
Nguyễn Trọng Kiên- BI9DCPT119 Page 21
Trang 22Đồ án tốt nghiệp đại học
o Phương tiện mà họ sẽ sử dụng (ví dụ: may tinh để bàn so với điện
thoại thông minh).
o Môi trường trong đó sự tương tác sẽ diễn ra.
o Tâm trạng của họ ở mỗi giai đoạn trong hành trình người dùng.
- Bước 2: Xác định yêu cầu của người dùng và doanh nghiệp
Với sự hiệu biệt vững chắc về ai sẽ sử dung sản phâm và cách ho sẽ sử
dụng, ta có thê bắt đầu xác định các mục tiêu của công ty và các chỉ sô sẽ
sử dung dé đo tiến trình của mình Nếu thiếu bước này, sẽ rất khó dé đánh
giá tại sao thiết kế có lợi cho cả người dùng và công ty hoặc khi đã đạt
được một sản phâm cuôi cùng thành công.
Ta sẽ muôn hiệu rõ cả kỳ vọng của người dùng và yêu câu cua công ty.
Dưới đây là một số câu hỏi nên đặt ra khi xác định mỗi phan:
o Yêu câu của doanh nghiệp
Doanh thu dự kiến là bao nhiêu?
Ta có bao nhiêu thời gian và tài nguyên để đầu tư?
Phạm vi của thiết kế là gì? (ví dụ: các sản phẩm chính, cáccột mốc, thời hạn, giới hạn)
Ai là những bên liên quan quan trọng?
o Yêu câu của người dùng
Thiết kế giải quyết các van đề gi?
Một giải pháp thành công trông như thé nào?
Người dùng đã đạt được gi từ việc sử dụng sản pham này?
Sử dụng chiến lược UX và xác định phạm vi dự án có thê rất hữu ích
cho giai đoạn này.
Bước 3: Tạo giải pháp thiết kế
Nguyễn Trọng Kiên- BI9DCPT119 Page 22
Trang 23Đồ án tốt nghiệp đại học
Khi đã có ý tưởng rõ ràng về nhu cầu của người dùng và mục tiêu củacông ty, đã đến lúc bắt đầu thiết kế giải pháp Giai đoạn này là điều mà
hầu hết các nhà thiết kế đều quen thuộc và bao gồm việc quyết định và
xây dựng các tính năng và tài sản sản phẩm khác nhau
Giữ thông tin đã thu thập về người dùng và bắt đầu hoàn thành cácphần:
o Luông người dùng
o Kiến trúc thông tin và bản đồ trang
o Quyết định về màu sắc, biểu tượng, hình ảnh, ngôn ngữ và giọng
Điều quan trọng là phải đảm bảo rằng các quyết định thiết kế đưa ra
đang được hướng dẫn và thông tin bởi những gì ta biết về người dùng và
vấn đề hiện tại
- Bước 4: Đánh giá hiệu qua
Sau khi đưa ra một số giải pháp sơ bộ, tiếp theo sẽ phân tích và đánhgiá thiết kế xem liệu chúng có đạt được mục tiêu đã đặt ra ở bước hai haykhông Đây là lúc sẽ xem xét tổng thé sản pham và so sánh nó với yêu
cầu của người dùng và doanh nghiệp Cách tốt nhất dé làm điều này là
thông qua kiểm tra khả năng sử dụng với người dùng thực tế
Trong quá trình thử nghiệm, ta sẽ muốn chú ý kỹ lưỡng đến người
dùng và tự hỏi những câu hỏi như:
o Người dùng phản ứng với sản phâm như thé nào?
Nguyễn Trọng Kiên- BI9DCPT119 Page 23
Trang 24Đồ án tốt nghiệp đại học
o_ Điều gì đang diễn ra tốt? Điều gì không hiệu quả?
o Sản phâm có giải quyết vẫn đề của người dùng không?
o_ Điều gì có thể được cải thiện và làm thế nào?
o Mục tiêu công ty có được dap ứng không? Tai sao hoặc tại sao
không?
Có nhiều cách dé tiến hành kiểm tra khả năng sử dụng nhưng điềuquan trọng nhất cần nhớ là lùi lại và lắng nghe phản hồi của người dùng.Quan sát cả phan ứng băng lời nói và không lời của họ và ghi chép can
thận phản ứng của họ.
Sản phẩm có thể không thành công ngay từ lần đầu tiên và điều đóhoàn toàn bình thường! Quy trình UCD là lặp di lặp lại và có thé mat mộtvai lần dé làm cho nó đúng Điều này đưa chúng ta đến bước bổ sung vàcuối củng
1.2 Tổng quan về thiết kế giao diện ứng dụng di động1.2.1.Khái niệm về ứng dụng di động
Ứng dụng di động, hay còn gọi là "app", là một loại phần mềm đượcthiết kế dé chạy trên thiết bị di động như điện thoại thông minh, máy tínhbảng, và đôi khi cả trên các thiết bị đeo thông minh (như đồng hồ thôngminh) Chúng được sử dụng trong nhiều lĩnh vực khác nhau, từ giải tri,
giáo dục, kinh doanh, đên sức khỏe và nhiêu hơn nữa.
Nguyễn Trọng Kiên- BI9DCPT119 Page 24
Trang 25Hình 1 5 Ung dụng trên thiết bị di động
1.2.2.Các nguyên tắc trong thiết kế giao diện ứng dụng di động
Thiết kế ứng dụng là sự kết hợp giữa thiết kế Giao điện người dùng(UD) và Trải nghiệm người dùng (UX) dé tạo ra một phần mềm có thé sử
dụng được Người dùng hiện đại không kiên nhẫn với các ứng dụng gây
nhằm lẫn khi sử dụng Một thiết kế ứng dụng di động lý tưởng cần đẹpmắt, chức năng và đơn giản tất cả cùng một lúc
Người dùng nên có thé điều hướng ứng dụng mà không cần phải suynghi Nếu họ có thé nhận ra thiết kế, họ sẽ tiếp tục sử dụng ứng dụng lần
= Thong thường, khi ai đó tải một ứng dụng, ho muốn sử dụng
nó đê thực hiện một nhiệm vụ cụ thê Hãy cô găng tạo ân
Nguyễn Trọng Kién- BI9DCPT119 Page 25
Trang 26Đồ án tốt nghiệp đại học
tượng tốt ngay khi họ mở ứng dụng Đừng làm gián đoạn họkhi họ đang sử dụng ứng dụng — hoặc ít nhất là không ngay
lập tức.
= Hãy để người dùng làm những gì họ muốn Họ ở đó dé tim
thông tin cụ thể, thực hiện hành động hoặc tiêu thụ một sỐloại nội dung Nếu họ không thể dễ dàng làm những gì họ
muốn, họ có thê đóng ứng dụng và không bao giờ quay lại
o_ Chia nhỏ các nhiệm vụ lớn thành các bước thực sự dễ dàng
= Tải trọng nhận thức do lường sự nỗ lực tinh thần cần thiết để
hoàn thành một nhiệm vụ Hãy giảm tải trọng nhận thức khi
sử dụng ứng dụng để người dùng có thể điều hướng từngbước một Họ không nên coi nó như một nhiệm vụ cần phải
làm.
o Nói cho người dùng biết chính xác họ cần làm gì
= Thiết kế nên làm rõ người dùng cần phải làm gì Nếu ta nghi
ngờ một phan quan trọng của bố cục có thé gây nhằm lẫncho người dùng, hãy sử dụng các phương tiện trực quan dégiải thích những gi cần phải làm Vi dụ, ta có thé sử dungmột chú giải hoặc một chú thích dé cung cấp hướng dan
- Nguyên tắc 2: Lam cho việc điều hướng trong ứng dụng dễ đoán
Nguyễn Trọng Kiên- BI9DCPTI19 Page 26
Trang 27Đồ án tốt nghiệp đại học
Hình 1 6 Minh họa cho việc diéu hướng dé đoán
Moi người quen với các mẫu thiết kế mà ho gặp hàng ngày Ví dụ, họ
sẽ mong đợi có thé vuốt qua các bức ảnh Hãy chắc chăn tuân theo các
phương pháp điều hướng thông thường trên Internet
o Người dùng có kỳ vọng về cách điều hướng ứng dụng
" Kinh nghiệm trước đây của người dùng khi sử dụng các ứng
dụng khác sẽ hình thành kỳ vọng cua ho đối với việc sửdụng tất cả các ứng dụng, bao gồm cả ứng dụng Hãy kếthợp những mau thiết kế phổ biến này vào thiết kế dé họ cóthé dé dàng điều hướng ứng dung
" Hãy chắc chắn tuân theo các nguyên tắc điều hướng chấp
nhận phổ biến cho cấu trúc của ứng dụng Đôi khi ngườidùng sẽ ngay lập tức hiểu mục đích của một tính năng hay
một trang nhất định Ví dụ, mọi người sẽ nhận ra mục đíchcủa trang "tin tức mới" hoặc trường "tìm kiếm" Sử dụngnhững khái niệm được nhận biết rộng rãi này để đơn giản
hóa thiết kế ứng dụng
o Lưu tiên trình của người dùng
Nguyễn Trọng Kiên- BI9DCPT119 Page 27
Trang 28Đồ án tốt nghiệp đại học
= Người dùng ngày nay bận rộn và dé bị phân tâm Họ có
thê đóng ứng dụng để phản hồi email hoặc xem tập mớicủa chương trình truyền hình yêu thích của họ Lưu tiễntrình của họ dé họ có thé quay lại và hoàn thành nhiệm vụ
của họ mà không cần phải bắt đầu lại
- Nguyên tắc 3: Tuân theo các quy tắc cơ bản của điều hướng ứng dụng
Đừng sáng tạo ra ngôn ngữ riêng Trong một số trường hợp, tốt hơn
hết là dựa vào các nguyên tắc cơ bản của thiết kế ứng dụng Mọi người dễdàng hiểu các khung thiết kế mà họ gặp hàng ngày Bố cục nên phù hợp với
- Nguyên tắc 4: Thiết kế trang rõ ràng
o_ Trưng bày các mục menu quan trọng nhất
" Điều hướng nên hỗ trợ hoàn thành các nhiệm vụ quan trọng và
có giá trị cao nhất Hién thi các tính năng quan trọng nhất trong
Nguyễn Trọng Kiên- BI9DCPT119 Page 28
Trang 29Đồ án tốt nghiệp đại học
menu chính và để lại tất cả những thứ khác cho menu phụ Sửdụng kỹ thuật Trọng lượng Hình ảnh để chuyên sự chú ý của
người dùng đến nơi quan trọng
“Thay đổi kích thước phông chữ, độ tương phản nền, và không
gian trắng xung quanh có thé giúp chuyên sự chú ý của ngườidùng đến các tính năng quan trọng nhất của ứng dụng
o Mô hình F so với mô hình Z
Hình 1 8 Mô hình F và mô hình Z
= Hầu hết người dùng không đọc văn bản từ đầu đến cuối Họ có
khả năng quét nhiều đoạn văn bản Những từ đầu tiên của các
đoạn mở đầu nhận được sự chú ý nhiều nhất Đó là nơi nên đặt
thông điệp quan trọng nhất của mình để đảm bảo rằng người
dùng không bỏ lỡ chúng Hành vi quét nay được mô tả như một
mô hình F.
= Người dùng quét nội dung hình anh theo mô hình hình chữ Z.
Đặt các hình ảnh quan trọng nhất ở những khu vực mà chúng cókhả năng được người dùng xem nhiều nhất, tuân theo mô hình
hình chữ Z.
Nguyễn Trọng Kiên- BI9DCPT119 Page 29
Trang 30Đồ án tốt nghiệp đại học
Nguyên tắc 5: Duy trì tính nhất quán về hình ảnh thương hiệu
Hình 1 9 Minh họa về sử dụng đông nhất hình ảnh thương hiệu
Các nút, trường nhập liệu, và các yêu tô khác của ứng dụng của nên dựa trên
hình ảnh thương hiệu, vì vậy cần phải giữ cho chúng nhất quán
o Duy trì tính nhất quán trong điều hướng
= Nếu ứng dụng dựa trên một trang web đã có, hãy đảm bao rằng điều
hướng của nó hoạt động tương tự như trên trang web Đừng thay đổi
bảng màu hoặc các chức năng cơ bản khác đề tránh gây nhằm lẫn
“_ Hãy chắc chan răng người dùng có thé dự đoán được hau hết thời gian
cach ứng dụng sẽ hoạt động và trông như thé nao
= Người dùng di động không có lợi thế của việc đi chuột và có một con trỏ
để giúp họ đoán kết quả của hành động của họ Hãy thiết kế cần thận cácyếu tô dé giúp người dùng nhận ra mục dich của chúng
- _ Nguyên tắc 6: Giảm thiểu sự nhập liệu và cam kết từ người dùngo_ Đừng yêu cầu thông tin thiết lập ngay từ đầu
Nguyễn Trọng Kién- BI9DCPT119 Page 30
Trang 31Đồ án tốt nghiệp đại học
= Người dùng xem ứng dụng như một giải pháp Hầu hết mọi người tập
trung vào việc giải quyết van dé của họ Đừng làm phiền họ với cáccâu hỏi, đăng ký tài khoản, hoặc biểu mẫu đăng ký ngay lập tức
“Hãy dé người dùng sử dụng ứng dụng tự do cho đến khi việc đăng
nhập, cung cấp thông tin thẻ tín dụng, hoặc bất kỳ hành động nào
khác trở nên cực kỳ quan trọng.
o Giảm thiểu nhu cầu gõ phím
= Người dùng thấy khó dé gõ chính xác trên điện thoại thông
minh của họ Hãy cố gắng thu được thông tin mong muốn màkhông yêu cau họ nhập liệu văn bản
= Nếu không nghĩ ra được phương án thay thế, cung cấp mặt na
nhập liệu như một hướng dẫn định dạng.
o_ Điền trước càng nhiều dữ liệu càng tốt
= Thay vì yêu cầu người dùng ghi xuống vị trí của họ, hãy yêu
cầu họ chia sẻ vị trí và sử dụng công cụ thông minh dé điền địa
chỉ của họ dựa trên dữ liệu GPS.
© Cung cấp các lựa chọn nhập liệu tùy chọn
= Đừng yêu cầu người dùng cung cấp thông tin không cần thiết
Nếu muốn thu thập dữ liệu, hãy cho người dùng lựa chọn điềnvào biéu mẫu hoặc dé trống nếu họ muốn
o Tự động điền mọi nơi có thé
= Trong một số trường hợp, có thé sử dụng các tinh năng của điện
thoại để tự động điền vào các trường Ví dụ, một số ứng dụng
cho phép người dùng của họ cung cấp thông tin thanh toán bằng
cach giữ thẻ tín dụng của họ trước máy ảnh.
Nguyễn Trọng Kiên- BI9DCPT119 Page 31
Trang 32nhu cầu, mong muốn và hành vi của người dùng, UCD không chỉ tăng cường
trải nghiệm người dùng (UX) mà còn nâng cao tính dễ sử dụng (usability) của
sản phẩm Sự thấu hiểu sâu sắc về người dùng giúp giảm thiểu rủi ro trong quátrình phát triển, tối ưu hóa sự tương tác và tăng ty lệ chuyên đối cũng như sự
hài lòng của người dùng UCD còn thúc đây sự đổi mới, đảm bảo tính toàn diện
và bao quát, và xây dựng mối liên kết chặt chẽ giữa người dùng và thương hiệu
Tóm lại, UCD không chỉ làm cho ứng dụng di động trở nên hữu ích và dễ sử
dụng hơn, mà còn góp phần quan trọng trong việc xây dựng và duy trì uy tíncủa thương hiệu trong mắt người dùng
TIEU KET CHƯƠNG I
UCD là một xuất phat điểm quan trọng khi bat đầu thiết kế sản phẩm Nó nhắn
mạnh tầm quan trong của việc hiểu người dùng muốn và cần gì khi sử dụng sảnphẩm của mình Sản phẩm thành công hay thất bại phụ thuộc vào việc người dùngquan tâm và tương tác với sản phẩm ở mức độ nào UCD có thé là một quá trình
phức tạp, nhưng đó cũng là cách nhà thiết kế tiết kiệm tài nguyên và đạt được sự
hài lòng của người dùng thông qua thiết kế UX của mình
Nguyễn Trọng Kiên- BI9DCPT119 Page 32
Trang 33Đồ án tốt nghiệp đại học
CHƯƠNG II: NGHIÊN CUU VE UNG DỤNG GIỚI THIỆU AM
THỰC HÀ NỘI FOOD TOUR
Tại bước 1 của phương pháp lay người dùng làm trung tâm cho ứng dụng HàNội Food Tour, ta cần nghiên cứu về ngữ cảnh sử dụng của sản phẩm thiết kế Ởchương II này, chúng ta sẽ tìm hiểu về thị trường về ẩm thực, nghiên cứu về ứngdụng giới thiệu 4m thực, người dùng mục tiêu, xác định các yêu cầu và xây dựnggiải pháp thiết kế
2.1 Tổng quan về các ứng dụng giới thiệu Gm thực hiện tại2.1.1 Khái niệm về ứng dụng giới thiệu ẩm thực
Ứng dụng giới thiệu ẩm thực là một công cụ cho những người yêu
thích ẩm thực và muốn khám phá nhiều loại hình ăn uống khác nhau.
Chúng cung cấp thông tin chỉ tiết về các nhà hàng và quán ăn, bao gồm địa
chỉ, giờ mở cửa, menu và đánh giá từ người dùng Người dùng có thé timkiếm và khám phá các món ăn đặc sắc, từ âm thực địa phương, thông quacác tính năng lọc và tìm kiếm linh hoạt Hình ảnh và video về món ăn vàkhông gian nhà hàng cũng được cung cấp, giúp người dùng có cái nhìncận cảnh hơn về nơi họ muốn trải nghiệm Đặc biệt, sự tương tác trong
cộng đồng người dùng, nơi mọi người có thé chia sẻ kinh nghiệm, đánh
giá và gợi ý, tạo nên một môi trường sôi nỗi và hữu ích cho những ai dam
mê âm thực Những ứng dung này không chỉ giúp người dùng dé dàng tìmkiếm thông tin mà còn mở ra cánh cửa khám phá văn hóa âm thực phong
phú và đa dạng.
2.1.2 Đối thủ cạnh tranh
Trong quá trình nghiên cứu, việc phân tích đối thủ cạnh tranh được coi
là giai đoạn thiết yếu giúp nghiên cứu nắm bắt được thông tin về ưu điểm
Nguyễn Trọng Kiên- BI9DCPT119 Page 33
Trang 34Đồ án tốt nghiệp đại học
va hạn chế, vừa tìm ra ý tưởng và giải pháp cho sản pham của mình Cácứng dụng cạnh tranh trực tiếp gồm: Foody, Tripadvisor, Klook, cùng cácứng dụng cạnh tranh gián tiếp như: ShopeeFood, GrabFood, Be,
2.1.2.1 Foody
- Giới thiệu
Foody.vn được xây dựng từ giữa năm 2012 tại TP HCM, Việt Nam,
Foody là cộng đồng tin cậy cho mọi người có thê tìm kiếm, đánh giá, bình
luận các địa điểm ăn uống: nhà hàng, quán ăn, cafe, bar, karaoke, tiệm
bánh, khu du lịch tại Việt Nam - từ website hoặc ứng dụng di động Tất
cả thành viên từ Bắc đến Nam, Foody kết nối những thực khách đến với
các địa điểm ăn uống lớn nhỏ cả đất nước
Đến thời điểm hiện tại, Foody với hàng trăm ngàn địa điểm và hàngtrăm ngàn bình luận, hình ảnh tại Việt Nam, ở hầu hết các tỉnh thành
Nguyễn Trọng Kién- BI9DCPT119 Page 34
Trang 35Đồ án tốt nghiệp đại học
Foody là cách dễ nhất để có thê tìm kiếm và lựa chọn địa điểm tốt nhất
cho mình và bạn bè.
- Uu điểm
o Tinh năng tìm kiếm và lọc
- Pham vi rộng: Foody cung cấp thông tin về nhiều loại hình âm
thực từ truyền thống đến hiện đại, từ bình dân đến cao cấp
« Tim kiếm nâng cao: Người dùng có thé tìm kiếm dựa trên tên quán,
vị trí, loại hình âm thực, mức giá, và các tiêu chí khác
- Ban đồ tích hợp: Tính năng bản đồ giúp người dùng dễ dàng xác
định vị trí và tìm đường đến nhà hàng hoặc quán ăn
o Đánh giá và phản hồi từ cộng đồng
Ö — Đánh giá người dùng: Foody cho phép người dùng dé lại đánh giá
và nhận xét về các nhà hàng và món ăn, tạo nên một cộng đồng
tương tác và chia sẻ kinh nghiệm.
« — Hình ảnh thực tế: Người dùng có thé đăng tải hình ảnh của món ăn
và không gian quán, cung cấp cái nhìn chân thực hơn về trải
nghiệm.
o Thông tin chỉ tiết về nhà hàng/quán ăn
° Menu và giá cả: Foody thường cung cấp thông tin về menu và giá
cả, giúp người dùng lập kế hoạch chỉ tiêu trước khi đến nhà hàng
« Thong tin liên hệ và giờ mở cửa: Thông tin cơ bản như địa chi, số
điện thoại, và giờ làm việc được cung cấp rõ ràng
o_ Giao diện thân thiện và dễ sử dụng
¢ Trực quan và tiện lợi: Giao diện của Foody được thiết kế để người
dùng có thé dé dàng tìm kiếm, xem thông tin, và đọc đánh giá
Nguyễn Trọng Kiên- BI9DCPT119 Page 35
Trang 36Đồ án tốt nghiệp đại học
-_ Ứng dụng di dộng và web: Có sẵn trên cả nền tảng web và ứng dụng
di động, tăng cường sự tiện lợi và linh hoạt.
o Cập nhật thường xuyên: Thong tin trên Foody được cập nhật thường
xuyên dé dam bao tính chính xác và mới nhất
o Góc nhìn văn hóa và ẩm thực
« Khám phá ẩm thực địa phương: Cung cấp cái nhìn sâu sắc về văn
hóa âm thực địa phương, giúp người dùng hiểu rõ hơn về các món
ăn và truyền thống 4m thực tại Việt Nam.
- Nhược điểm
© D6 phức tạp cua giao điện: Với một lượng lớn thông tin và tính năng,
giao điện của Foody có thê trở nên phức tạp và khó sử dụng đối với một
số người dùng, đặc biệt là những người mới bắt đầu sử dụng ứng dụng
o Tải trang và tốc độ xử lý: Việc tải nhiều hình ảnh và thông tin cùng
một lúc có thé làm chậm tốc độ xử lý của ứng dụng, đặc biệt trên các
thiết bị cũ hoặc kết nối internet không ồn định
o Cập nhật thông tin: Một sô người dùng có thé gặp phải trường hop
thông tin không được cập nhật kịp thời, dẫn đến sự không chính xác về
giờ mở cửa, menu, hoặc giá cả.
o Tính năng lọc và tim kiếm: Trong một số trường hợp, người dùng có
thé gặp khó khăn khi sử dụng các tinh năng lọc và tìm kiếm do số lượng
lớn các lựa chọn và tiêu chí.
2.1.3.2 Tripadvisor
Nguyễn Trọng Kiên- BI9DCPT119 Page 36
Trang 37Đồ án tốt nghiệp đại học
Tripadvisor
Hinh 2 2 Ung dung Advisor
Tripadvisor là nền tảng du lịch lớn nhất thé giới, với 463 triệu lượt
người dùng mỗi tháng, giúp họ biến mỗi chuyến đi thành trải nghiệm
tuyệt vời nhất Du khách trên toàn thế giới sử dụng trang web và ứngdung của Tripadvisor để duyệt hơn 859 triệu đánh giá và ý kiến về 8,6
triệu chỗ nghỉ, nhà hàng, trải nghiệm, hãng hàng không và du thuyền Dù
đang lập kế hoạch hay đang trong hành trình, khách du lịch đều truy cậpTripadvisor để so sánh giá khách sạn, chuyến bay, du thuyền, đặt tour dulịch và các điểm du lịch được ưa chuộng cũng như đặt bàn tại các nhàhàng nỗi tiếng Tripadvisor, bạn đồng hành lý tưởng cho những chuyến di,
đã có mặt tại 49 thị trường với 28 ngôn ngữ.
- Uu điểm:
o Tìm kiêm và lọc nhà hàng:
Nguyễn Trọng Kiên- BI9DCPT119 Page 37
Trang 38Đồ án tốt nghiệp đại học
* Tìm kiếm theo địa điểm và loại hình: Người dùng có thể tìm kiếm
nhà hàng dựa trên địa điểm cụ thể hoặc loại hình âm thực, từ ẩmthực địa phương đến quốc tế
* Bộ lọc tìm kiếm nâng cao: Cung cấp các tùy chọn lọc theo mức giá,
đánh giá của người dùng, phạm vi khoảng cách, và các tiêu chí
khác dé tinh chỉnh kết quả tìm kiếm
o Đánh giá và xếp hạng
¢ Đánh giá từ người dung: TripAdvisor cho phép người dùng đăng
tải đánh giá chỉ tiết về các nhà hàng họ đã trải nghiệm, bao gồm cả
chất lượng món ăn, dich vụ, và không gian.
* Xép hạng tổng thé: Nha hàng được xếp hạng dựa trên tông số đánh
giá và chất lượng đánh giá từ người dùng, giúp người mới tìm kiếm
dễ dàng nhận biết nhà hàng tốt
o Thông tin chỉ tiết về nhà hàng
* Menu và giá cả: Nhiều nhà hàng cung cấp thông tin về menu và giá
cả trên trang của họ, giúp người dùng lập kế hoạch chỉ tiêu
* Gio mở cua và liên hệ: Thông tin co bản như dia chỉ, số điện thoại,
và giờ mở cửa được hiển thị rõ ràng, thuận tiện cho việc liên hệ vàlên kế hoạch ghé thăm
o Hình ảnh và video
*®_ Hình ảnh từ người dùng và chủ nhà hàng: Cả người dùng và chủ
nhà hàng có thé tải lên hình ảnh của món ăn, không gian quán ăn,
giúp cung cấp cái nhìn thực tế và sinh động
* Video: Một số đánh giá còn đi kèm video, tăng cường trải nghiệm
trực quan cho người xem.
Nguyễn Trọng Kiên- BI9DCPT119 Page 38
Trang 39Đồ án tốt nghiệp đại học
o Dat bàn trực tuyến: Một sô nhà hàng trên TripAdvisor tích hợp tínhnăng đặt bàn trực tuyến, giúp người dùng đặt chỗ trước mà không cần
phải gọi điện hoặc ghé thăm trực tiếp.
Những tính năng này làm cho TripAdvisor trở thành một công cụ hữu
ích không chỉ cho những người yêu thích âm thực mà còn cho những ai
muôn khám pha nên âm thực đa dạng ở các địa diém họ đên thăm.
- Nhược điểm:
o Độ chính xác của danh gia:
* Tỉnh Khách Quan: Đôi khi đánh giá từ người dùng có thé không
hoàn toàn khách quan do ảnh hưởng cá nhân, kỳ vọng không đáp ứng, hoặc thậm chí là các đánh giá giả mạo.
* Kiểm Soát Đánh Giá: Việc kiểm soát và xác minh độ chính xác của
từng đánh giá là khó khăn, dẫn đến một số thông tin sai lệch có thểxuất hiện trên trang
© Quá tải thông tin: Sô lượng lớn đánh giá và thông tin có thé khiến
người dùng cảm thấy choáng ngợp và khó khăn trong việc tìm kiếmthông tin cụ thê hoặc quyết định
o Giao diện người dùng: Đối với một sô người dùng, đặc biệt là nhữngngười không quen với công nghệ, giao diện của TripAdvisor có thé hơi
phức tạp và khó sử dụng.
o Cập nhật thông tin: Thông tin về các địa điểm, như giờ mở cửa hoặcgiá cả, đôi khi không được cập nhật kịp thời, gây nhầm lẫn cho người
dùng.
Những nhược điểm này phản ánh răng mặc dù TripAdvisor là một
nguôn thông tin phong phú và rộng lớn, nó vẫn can những cải thiện liên Nguyễn Trọng Kiên- BI9DCPT119 Page 39
Trang 40Đồ án tốt nghiệp đại học
tục đê tôi ưu hóa trải nghiệm người dùng và đảm bảo tính chính xác và
hữu ích của thông tin được cung cấp
- Uu điểm
o Thiết kế trực quan và dễ sử dụng:
* Giao diện được thiết kế dé người dùng mới cũng có thé dé dang sử
dụng, với các mục chính như "Trang Chủ", "Don Hang", và "Tai
Khoản" được hién thị rõ ràng
* Mau sắc và thiết kế đồ họa phù hợp với thương hiệu Shopee, tạo sự
nhận diện thương hiệu.
o Tìm kiếm và lọc dễ dàng:
* Tính năng tìm kiếm cho phép người dùng nhanh chóng tìm thấy
nhà hàng, món ăn, hoặc loại 4m thực họ muốn
* Cac tùy chọn lọc giúp hẹp kết quả tìm kiếm theo các tiêu chí như
khoảng cách, đánh giá, thời gian giao hàng, và khuyến mãi
o Hiển thị thông tin chỉ tiết:
Nguyễn Trọng Kiên- BI9DCPT119 Page 40