Nghiên Cứu Về Gamification Trong Thiết Kế Ứng Dụng Bản Đồ Du Lịch Văn Hóa Hà Nội

Nghiên cứu gamification trong thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội, nâng cao trải nghiệm người dùng và tương tác hiệu quả.

• Tác giả: Dinh Hương Giang
• Người hướng dẫn: Th. Nguyễn Thị Kim Ngân
• Trường học: Học viện Công nghệ Bưu chính Viễn thông
• Chuyên ngành: Công nghệ Đa phương tiện
• Đề tài: Nghiên Cứu Về Gamification Trong Thiết Kế Và Áp Dụng Vào Thiết Kế Ứng Dụng Bản Đồ Du Lịch Văn Hóa Hà Nội
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2023
• Địa điểm: Hà Nội

Mục lục chi tiết

• LỜI CAM ĐOAN
• LỜI CẢM ƠN
• 1. CHƯƠNG 1: CƠ SỞ LÝ LUẬN VÀ KHÁI NIỆM CHUNG
• 1.1. Tổng quan về điện thoại di động thông minh
• 1.2. Các thuật ngữ và khái niệm liên quan
• 1.3. Điện thoại di động thông minh
• 1.4. Các đặc điểm của điện thoại thông minh ảnh hưởng tới việc thiết kế
• 1.5. Tổng quan về ứng dụng điện thoại di động thông minh
• 1.6. Ứng dụng di động
• 1.7. Phân loại ứng dụng di động
• 1.8. Tổng quan về thiết kế UX/UI
• 1.9. Thiết kế trải nghiệm người dùng
• 1.10. Thiết kế giao diện người dùng
• 2. CHƯƠNG 2: ỨNG DỤNG MỘT SỐ PHƯƠNG PHÁP GAMIFICATION TRONG THIẾT KẾ ỨNG DỤNG BẢN ĐỒ DU LỊCH VĂN HÓA HÀ NỘI
• 2.1. Tổng quan dự án
• 2.2. Nghiên cứu đối thủ
• 2.3. Nghiên cứu người dùng
• 2.4. Kết quả nghiên cứu
• 2.5. Chân dung người dùng
• 2.6. Sơ đồ hành trình trải nghiệm người dùng
• 2.7. Đánh giá các tính năng đã đề xuất
• 2.8. Ứng dụng gamification: Thêm các yếu tố trò chơi và cơ chế để thúc đẩy động lực cốt lõi của con người
• 3. CHƯƠNG 3: THIẾT KẾ ỨNG DỤNG BẢN ĐỒ DU LỊCH VĂN HÓA HÀ NỘI
• 3.1. Phong cách thiết kế
• 3.2. Đại màu sắc
• 3.3. Xây dựng wireframe
• 3.4. Các hình vẽ, biểu tượng và logo
• 3.5. Kết quả thiết kế
• 3.6. Man onboarding, đăng nhập, đăng ký
• 3.7. Tiểu kết chương 3
• KẾT LUẬN
• DANH MỤC TÀI LIỆU THAM KHẢO
• PHỤ LỤC 1: BẢNG HỢT KHẢO SÁT
• PHỤ LỤC 2: BỘ CÂU HỎI PHỎNG VẤN SÂU

Tóm tắt

I. Tổng quan về Nghiên Cứu Gamification Trong Du Lịch Văn Hóa Hà Nội

Nghiên cứu về gamification trong thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội đang trở thành một xu hướng quan trọng. Gamification không chỉ giúp tăng cường trải nghiệm người dùng mà còn tạo ra những giá trị mới cho ngành du lịch. Hà Nội, với bề dày lịch sử và văn hóa phong phú, là một địa điểm lý tưởng để áp dụng phương pháp này. Việc kết hợp giữa công nghệ và văn hóa sẽ tạo ra những sản phẩm du lịch độc đáo, thu hút du khách trong và ngoài nước.

1.1. Khái niệm Gamification và Ứng dụng trong Du lịch

Gamification là việc áp dụng các yếu tố thiết kế trò chơi vào các lĩnh vực không phải trò chơi. Trong du lịch, gamification giúp nâng cao trải nghiệm của du khách thông qua các hoạt động tương tác và thú vị. Các ứng dụng như bản đồ du lịch văn hóa có thể sử dụng gamification để khuyến khích người dùng khám phá và tìm hiểu về các địa điểm văn hóa.

1.2. Tình hình Du lịch Văn hóa Hà Nội Hiện Nay

Hà Nội là trung tâm văn hóa với hàng nghìn di tích lịch sử và làng nghề truyền thống. Tuy nhiên, du lịch văn hóa tại đây vẫn chưa phát huy hết tiềm năng. Việc áp dụng gamification có thể giúp cải thiện tình hình này, tạo ra những trải nghiệm mới mẻ cho du khách và nâng cao giá trị của các sản phẩm du lịch.

II. Vấn Đề và Thách Thức Trong Nghiên Cứu Gamification

Mặc dù gamification có nhiều lợi ích, nhưng việc áp dụng nó vào thiết kế ứng dụng du lịch văn hóa Hà Nội cũng gặp phải nhiều thách thức. Các vấn đề như sự thiếu hụt về công nghệ, nhận thức của người dùng và sự cạnh tranh từ các ứng dụng khác cần được xem xét kỹ lưỡng. Để thành công, cần có một chiến lược rõ ràng và sự hợp tác giữa các bên liên quan.

2.1. Những Thách Thức Kỹ Thuật Trong Gamification

Việc tích hợp gamification vào ứng dụng đòi hỏi công nghệ tiên tiến và đội ngũ phát triển có kinh nghiệm. Nhiều ứng dụng hiện tại vẫn chưa đáp ứng được yêu cầu về tính năng và trải nghiệm người dùng, dẫn đến việc người dùng không hài lòng.

2.2. Nhận Thức Của Người Dùng Về Gamification

Người dùng có thể chưa quen với khái niệm gamification trong du lịch. Việc giáo dục và truyền thông về lợi ích của gamification là rất cần thiết để thu hút người dùng tham gia và trải nghiệm.

III. Phương Pháp Nghiên Cứu Gamification Trong Thiết Kế Ứng Dụng

Để nghiên cứu và áp dụng gamification vào thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội, cần sử dụng các phương pháp nghiên cứu khoa học. Các phương pháp này bao gồm khảo sát người dùng, phân tích đối thủ cạnh tranh và thử nghiệm ứng dụng. Việc thu thập dữ liệu từ người dùng sẽ giúp hiểu rõ hơn về nhu cầu và mong muốn của họ.

3.1. Khảo Sát Người Dùng Để Hiểu Nhu Cầu

Khảo sát người dùng là một phương pháp quan trọng để thu thập thông tin về sở thích và nhu cầu của du khách. Thông qua các câu hỏi cụ thể, có thể xác định được những yếu tố gamification nào sẽ thu hút người dùng nhất.

3.2. Phân Tích Đối Thủ Cạnh Tranh

Phân tích các ứng dụng du lịch hiện có sẽ giúp nhận diện được những điểm mạnh và yếu của chúng. Từ đó, có thể rút ra bài học và cải tiến ứng dụng của mình để nổi bật hơn trên thị trường.

IV. Ứng Dụng Gamification Trong Thiết Kế Bản Đồ Du Lịch Văn Hóa

Việc áp dụng gamification vào thiết kế bản đồ du lịch văn hóa Hà Nội có thể tạo ra những trải nghiệm độc đáo cho người dùng. Các yếu tố như điểm thưởng, thử thách và bảng xếp hạng có thể được tích hợp để khuyến khích người dùng tham gia nhiều hơn. Điều này không chỉ giúp tăng cường trải nghiệm mà còn tạo ra sự kết nối giữa người dùng và văn hóa địa phương.

4.1. Tích Hợp Các Yếu Tố Trò Chơi Vào Ứng Dụng

Các yếu tố trò chơi như điểm số, huy hiệu và thử thách có thể được sử dụng để khuyến khích người dùng khám phá nhiều hơn. Việc này không chỉ làm tăng tính hấp dẫn mà còn tạo ra động lực cho người dùng.

4.2. Kết Nối Người Dùng Với Văn Hóa Địa Phương

Gamification có thể giúp người dùng kết nối với văn hóa địa phương thông qua các hoạt động tương tác. Việc tham gia vào các sự kiện văn hóa, thử thách và khám phá các địa điểm sẽ giúp người dùng hiểu rõ hơn về văn hóa Hà Nội.

V. Kết Quả Nghiên Cứu và Ứng Dụng Thực Tiễn

Kết quả nghiên cứu cho thấy việc áp dụng gamification vào thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội có thể mang lại nhiều lợi ích. Người dùng sẽ có trải nghiệm thú vị hơn, đồng thời tăng cường sự quan tâm đến văn hóa địa phương. Các ứng dụng thành công sẽ không chỉ thu hút du khách mà còn góp phần bảo tồn và phát huy giá trị văn hóa.

5.1. Đánh Giá Hiệu Quả Của Gamification

Các nghiên cứu thực nghiệm cho thấy gamification có thể cải thiện đáng kể trải nghiệm người dùng. Người dùng cảm thấy hứng thú hơn khi tham gia vào các hoạt động gamified, từ đó tăng cường sự gắn bó với ứng dụng.

5.2. Ứng Dụng Thực Tiễn Tại Hà Nội

Một số ứng dụng đã thành công trong việc áp dụng gamification tại Hà Nội, tạo ra những trải nghiệm độc đáo cho du khách. Những ứng dụng này không chỉ thu hút người dùng mà còn góp phần nâng cao giá trị văn hóa của thành phố.

VI. Kết Luận và Tương Lai Của Gamification Trong Du Lịch

Gamification đang mở ra những cơ hội mới cho ngành du lịch văn hóa Hà Nội. Việc áp dụng phương pháp này không chỉ giúp nâng cao trải nghiệm người dùng mà còn tạo ra giá trị bền vững cho ngành du lịch. Tương lai của gamification trong du lịch sẽ phụ thuộc vào sự sáng tạo và khả năng thích ứng của các nhà phát triển ứng dụng.

6.1. Tương Lai Của Gamification Trong Du Lịch

Gamification sẽ tiếp tục phát triển và trở thành một phần không thể thiếu trong thiết kế ứng dụng du lịch. Các nhà phát triển cần chú trọng đến việc cải tiến và đổi mới để đáp ứng nhu cầu ngày càng cao của người dùng.

6.2. Khuyến Khích Sự Tham Gia Của Người Dùng

Để gamification thực sự hiệu quả, cần có sự tham gia tích cực từ người dùng. Việc tạo ra các hoạt động thú vị và hấp dẫn sẽ giúp người dùng cảm thấy hứng thú và muốn khám phá nhiều hơn về văn hóa Hà Nội.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Du lịch được xác định là một ngành kinh tế tổng hợp mang tính liên ngành cao. Tại Việt Nam, mục tiêu chiến lược của Nhà nước là đưa du lịch trở thành ngành kinh tế mũi nhọn vào năm 2030. Nhằm khắc phục những đình trệ sau đại dịch COVID-19 (giai đoạn 2020 - 2022) và thích ứng với cuộc Cách mạng công nghiệp 4.0, định hướng phát triển quốc gia tập trung vào du lịch văn hóa, bảo tồn và phát huy các giá trị di sản, bản sắc dân tộc, đồng thời đẩy mạnh chuyển đổi số lấy trải nghiệm của du khách làm trung tâm.

Thủ đô Hà Nội là trung tâm văn hóa và lịch sử với gần 6.000 di tích và hơn 1.350 làng nghề, thuộc nhóm địa phương ưu tiên phát triển du lịch thông minh trong giai đoạn đến năm 2025. Mặc dù đã có các bước tiến ứng dụng công nghệ như trình chiếu 3D mapping tại Văn Miếu - Quốc Tử Giám và Ô Quan Chưởng, hoạt động du lịch tại Hà Nội vẫn được đánh giá là chưa tương xứng với tiềm năng sẵn có. Thực tế này đặt ra yêu cầu xây dựng một phương án truyền thông và công cụ số hấp dẫn nhằm thu hút, thúc đẩy động lực khám phá của du khách. Phương pháp trò chơi hóa (Gamification) được lựa chọn như một giải pháp thiết kế tương tác nhờ khả năng tối ưu hóa động lực hành vi và nâng cao trải nghiệm người dùng.

Mục đích nghiên cứu: Ứng dụng phương pháp Gamification vào quy trình thiết kế trải nghiệm người dùng và giao diện người dùng (UX/UI) cho sản phẩm ứng dụng di động bản đồ du lịch văn hóa Hà Nội mang tên "Hanoi Local".

Nhiệm vụ nghiên cứu:

1. Tổng hợp, hệ thống hóa có chọn lọc các cơ sở lý luận về thiết kế ứng dụng di động, phương pháp Gamification trong thiết kế tương tác và lĩnh vực du lịch văn hóa.
2. Ứng dụng khung lý thuyết vào nghiên cứu thực tế: phân tích bối cảnh, khảo sát nhu cầu người dùng, phân tích đối thủ cạnh tranh, xây dựng kiến trúc thông tin và xác định hệ thống tính năng cho ứng dụng.
3. Triển khai thiết kế trực quan (UI), xây dựng hệ thống đồ họa và hoàn thiện nguyên mẫu tương tác (prototype) cho ứng dụng.

Đối tượng và phạm vi nghiên cứu:

• Đối tượng nghiên cứu: Phương pháp Gamification trong thiết kế và phương thức ứng dụng vào thiết kế UX/UI cho ứng dụng bản đồ du lịch văn hóa.
• Khách thể nghiên cứu: Khách du lịch nội địa, khách du lịch quốc tế đến Hà Nội và người dân đang sinh sống tại Hà Nội.
• Phạm vi không gian: Địa bàn thành phố Hà Nội, Việt Nam.
• Phạm vi thời gian: Quá trình nghiên cứu và thực hiện đồ án diễn ra từ tháng 10 đến tháng 12 năm 2023.

---

Cơ sở lý thuyết và phương pháp

Khung lý thuyết và văn bản pháp lý

Nghiên cứu được xây dựng dựa trên hệ thống các tiêu chuẩn quốc tế, văn bản quy phạm pháp luật và các mô hình lý thuyết chuyên ngành:

• Cơ sở pháp lý và tiêu chuẩn kỹ thuật:

  • Luật Công nghệ thông tin số 67/2006/QH11 ngày 29/06/2006 (quy định về thiết bị số và phần mềm).
  • Thông tư số 31/2015/TT-NHNN ngày 28/12/2015 của Ngân hàng Nhà nước Việt Nam (định nghĩa thiết bị di động).
  • Luật Du lịch Việt Nam năm 2005 và định nghĩa của Tổ chức Du lịch Thế giới (UNWTO, Hội nghị Thành Đô 2017) về khái niệm và bản chất của du lịch văn hóa.
  • Tiêu chuẩn ISO 9241-11:2018 (định nghĩa trải nghiệm người dùng - UX), ISO 9241-110:2006 (nguyên tắc công thái học cho giao diện người dùng - UI) và ISO 9241-210:2019 (thiết kế lấy con người làm trung tâm cho các hệ thống tương tác).

• Lý thuyết thiết kế giao diện và công thái học di động:

  • Hướng dẫn thiết kế Human Interface Guidelines (Apple) và Material Design (Google) áp dụng cho bố cục màn hình chuẩn, màn hình gập (Samsung Z Fold), vùng an toàn (safe area) và lề (margin).
  • Thống kê công thái học cầm nắm thiết bị theo nghiên cứu của UX Matters (2013): 49% sử dụng một tay, 36% cầm hai tay và tương tác một tay, 15% tương tác hoàn toàn bằng hai tay; phân chia các vùng thao tác (vừa tầm với, tầm với vừa phải, khó với tới).
  • 8 nguyên tắc vàng trong thiết kế giao diện của Ben Shneiderman (1997): Đề cao sự nhất quán; Xây dựng khả năng sử dụng toàn phần (tính khả biến theo Paul V. John); Cung cấp phản hồi chất lượng; Thông báo kết thúc hành động; Ngăn ngừa lỗi; Dễ dàng hoàn tác; Cho phép người dùng kiểm soát; Giảm tải bộ nhớ ngắn hạn ($7 \pm 2$ khối thông tin).
  • Quy trình Thiết kế lấy người dùng làm trung tâm (UCD - User-Centered Design).

• Khung lý thuyết Gamification và Động lực hành vi:

  • Khái niệm Gamification theo Sebastian Deterding và cộng sự (2011), Kai Huotari & Juho Hamari (2012), Juho Hamari và cộng sự (2012), Gabe Zichermann & Christopher Cunningham, Karen Robson và cộng sự.
  • Quy trình Thiết kế lấy người chơi làm trung tâm (PCD - Player-Centered Design) của Janaki Mythily Kumar & Mario Herger (2013) gồm 6 bước: Thấu hiểu người dùng, Thấu hiểu sứ mệnh, Thấu hiểu động lực con người, Áp dụng các yếu tố trò chơi, Quản lý - giám sát - đo lường, Các cân nhắc bối cảnh. PCD bổ sung tiêu chí Mức độ tương tác (Engagement) vào hệ tiêu chí đánh giá bên cạnh tính hiệu quả, hiệu suất và sự hài lòng của UCD.
  • Khung lý thuyết Octalysis của Yu-kai Chou (2019) với 8 động lực cốt lõi (ĐLCL):

Nhóm phân loại	Động lực cốt lõi (Core Drive)	Các cơ chế và yếu tố trò chơi thành phần
Mũ trắng (White Hat)	ĐLCL 1: Ý nghĩa, Mục đích cao cả (Epic Meaning & Calling)	Câu chuyện/Sứ mệnh, Sự đồng sáng tạo, Xây dựng cộng đồng (Elitism), May mắn của người mới (Beginner's Luck), Quà tặng miễn phí.
	ĐLCL 2: Tiến triển & Thành tựu (Development & Accomplishment)	Điểm trạng thái, Huy hiệu, Bảng xếp hạng, Thanh tiến trình, Cảm giác thông minh ($< 4$ giây định hướng), Nhiệm vụ danh sách.
	ĐLCL 3: Tăng cường sáng tạo & Phản hồi (Empowerment of Creativity & Feedback)	Công cụ tăng cường (Booster), Mở khóa cột mốc, Lựa chọn phối hợp, Phản hồi thời gian thực.
Não trái (Left Brain - Ngoại lực)	ĐLCL 4: Quyền sở hữu (Ownership & Possession)	Xây dựng từ đầu, Bộ sưu tập (tem, vật phẩm ảo), Hiệu ứng Alfred (cá nhân hóa hệ thống).
	ĐLCL 6: Khan hiếm & Thiếu kiên nhẫn (Scarcity & Impatience)	Treo phần thưởng, Vị trí neo so sánh, Khung giờ vàng, Thời gian tạm dừng.
	ĐLCL 8: Mất mát & Tránh mất mát (Loss & Avoidance)	Gia tài hợp pháp, Cơ hội duy nhất, Đồng hồ đếm ngược, Cái giá của sự đắm chìm.
Não phải (Right Brain - Nội tại) / Mũ đen (Black Hat)	ĐLCL 5: Ảnh hưởng xã hội & Ghen tị (Social Influence & Envy)	Cố vấn (Mentorship), Nút khoe khoang, Tủ trưng bày cúp, Nhiệm vụ nhóm, Quà tặng bạn bè, Phản hồi xã hội (Like/Share).
	ĐLCL 7: Khó đoán & Tò mò (Unpredictability & Curiosity)	Gợi ý lựa chọn, Hộp quà bí ẩn, Trứng phục sinh (Easter Eggs), Xổ số/Vòng quay may mắn.

• Nghiên cứu Gamification trong du lịch: Nghiên cứu của Feifei Xu và cộng sự (2015) xác định 5 động lực của du khách (tò mò, khám phá, giao tiếp xã hội, trải nghiệm giả lập, thử thách/thành tựu); bài báo của Ahmad Mehrbod và cộng sự (2017) về ứng dụng geocaching trong du lịch khảo cổ (Tourist Companion); nghiên cứu của Heather Skinner, David Sarpong và Gareth R. White (2017) về ứng dụng trò chơi hóa địa lý phục vụ thế hệ Millennials và Gen Z.

Phương pháp nghiên cứu và nguồn dữ liệu

Tác giả phối hợp đồng bộ các phương pháp nghiên cứu thứ cấp và sơ cấp:

1. Phương pháp nghiên cứu tài liệu và thống kê thứ cấp: Thu thập và phân tích dữ liệu du lịch Hà Nội giai đoạn 2013 - 2023, phân loại đối thủ cạnh tranh trên thị trường ứng dụng du lịch.
2. Phương pháp điều tra bằng bảng hỏi (Nghiên cứu định lượng sơ cấp): Thiết lập bảng khảo sát thu thập dữ liệu về độ tuổi, thói quen du lịch, tiêu chí lựa chọn địa điểm, các nền tảng tra cứu và những rào cản/khó khăn thực tế khi trải nghiệm du lịch Hà Nội.
3. Phương pháp phỏng vấn sâu (Nghiên cứu định tính sơ cấp): Thực hiện phỏng vấn đại diện các nhóm đối tượng khảo sát nhằm khai thác sâu các đặc tính hành vi, tâm lý, rào cản, từ đó tổng hợp dữ liệu đầu vào phục vụ xây dựng chân dung người dùng (Persona) và Sơ đồ hành trình trải nghiệm (Customer Journey Map - CJM).

---

Nội dung chính theo từng chương

Chương 1: Cơ sở lý luận và khái niệm chung

Chương 1 hệ thống hóa toàn bộ các nền tảng lý thuyết làm cơ sở cho đồ án. Nội dung chương tập trung làm rõ:

• Tổng quan thiết bị và ứng dụng di động: Định nghĩa thiết bị số, thiết bị thông minh, thiết bị di động theo luật định; phân tích ảnh hưởng của đặc tính phần cứng điện thoại thông minh (kích thước hiển thị, màn hình gập, vùng an toàn, vùng ngón tay thao tác) đến thiết kế; phân biệt các mô hình ứng dụng di động theo công nghệ (Native app, Web app, Hybrid app) và theo nhóm đối tượng phục vụ (người dùng cuối B2C, doanh nghiệp B2B).
• Khái niệm và nguyên lý thiết kế UX/UI: Phân định bản chất giữa trải nghiệm người dùng (UX) và giao diện người dùng (UI); phân loại UI theo hình thức tương tác (GUI, VUI, Gesture-based); áp dụng 8 nguyên tắc vàng của Ben Shneiderman và quy trình 4 giai đoạn của mô hình thiết kế lấy người dùng làm trung tâm (UCD).
• Tổng quan về du lịch văn hóa: Phân tích khái niệm du lịch và du lịch văn hóa theo UNWTO và Luật Du lịch Việt Nam 2005, khẳng định vai trò của việc quảng bá di sản qua công cụ số.
• Lý thuyết Gamification: Tổng thuật các định nghĩa học thuật; phân tích sự chuyển dịch từ thiết kế xoay quanh động lực bên ngoài sang động lực nội tại; chi tiết hóa quy trình 6 bước Player-Centered Design của Kumar & Herger; phân tích chi tiết cấu trúc 8 động lực cốt lõi theo khung Octalysis của Yu-kai Chou và ứng dụng Gamification trong du lịch thông qua mô hình geocaching.

Chương 2: Ứng dụng một số phương pháp Gamification trong thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội

Chương 2 trình bày toàn bộ quá trình nghiên cứu thực tế, phân tích dữ liệu và chuyển hóa cơ sở lý thuyết thành hệ thống tính năng ứng dụng:

• Tổng quan dự án và nghiên cứu đối thủ cạnh tranh: Phân tích cấu trúc sitemap và giao diện của 3 sản phẩm tiêu biểu trên thị trường gồm:
  • Travel360: Ứng dụng phân chia bản đồ thành hai nhánh "Tham quan" và "Ẩm thực", cấu trúc thông tin chi tiết về điểm đến.
  • Michelin Guide: Ứng dụng tập trung vào tra cứu ẩm thực cao cấp, tổ chức sitemap tinh gọn, định vị địa điểm chuẩn mực.
  • Swarm (by Foursquare): Ứng dụng mạng xã hội dựa trên vị trí, khai thác mạnh cơ chế check-in nhận huy hiệu và bảng xếp hạng tương tác xã hội.
• Kết quả nghiên cứu người dùng: Dựa trên khảo sát thực tế và dữ liệu thứ cấp, tác giả phân tích thống kê khách du lịch Hà Nội giai đoạn 2013 - 2023, tỷ lệ thời gian lưu trú, nhu cầu thực tế của khách quốc tế và nội địa, các nền tảng tìm kiếm phổ biến và các nhóm khó khăn ảnh hưởng trực tiếp đến chuyến đi.
• Xây dựng Chân dung người dùng (Persona): Tổng hợp 4 nhóm người dùng điển hình đại diện cho các tập khách hàng mục tiêu:
  1. Khách du lịch quốc tế đến Hà Nội: Có nhu cầu tìm hiểu chiều sâu văn hóa, gặp rào cản về ngôn ngữ và chỉ đường.
  2. Khách du lịch nội địa thường xuyên tới Hà Nội: Có kinh nghiệm di chuyển, mong muốn cập nhật các địa điểm mới, sự kiện văn hóa đặc sắc.
  3. Khách du lịch nội địa ít tới Hà Nội: Cần lộ trình mẫu rõ ràng, thông tin xác thực, tránh bị chặt chém hoặc lạc đường.
  4. Người dân Hà Nội: Nhu cầu khám phá các góc văn hóa mới lạ, tìm kiếm không gian trải nghiệm cuối tuần và giao lưu cộng đồng.
• Xây dựng Sơ đồ hành trình trải nghiệm (Customer Journey Map - CJM): Thiết lập bản đồ hành trình cho từng nhóm người dùng qua các giai đoạn: Trước chuyến đi (tìm kiếm thông tin), Trong chuyến đi (di chuyển, trải nghiệm, check-in), Sau chuyến đi (đánh giá, lưu trữ kỷ niệm, chia sẻ).
• Đánh giá và sàng lọc tính năng: Ứng dụng ma trận đánh giá của Joe Natoli (Think First) nhằm đối chiếu giữa "Mức độ quan trọng đối với người dùng" và "Khả năng thực hiện/duy trì của hệ thống", từ đó xác định các nhóm tính năng ưu tiên phát triển.
• Đề xuất giải pháp Gamification tích hợp: Thiết kế các cơ chế trò chơi hóa tương ứng với các động lực cốt lõi của Octalysis:

Động lực cốt lõi (Octalysis)	Giải pháp và tính năng cụ thể trên ứng dụng
Ý nghĩa cao cả (ĐLCL 1)	Xây dựng câu chuyện khám phá "Đại sứ văn hóa Hà Nội", thúc đẩy ý thức bảo tồn di sản qua từng chuyến đi.
Thành tựu (ĐLCL 2)	Hệ thống danh hiệu, thăng cấp bậc người dùng, thanh tiến trình hoàn thành các bộ sưu tập địa điểm.
Sáng tạo & Phản hồi (ĐLCL 3)	Cho phép tùy chỉnh lộ trình cá nhân, cơ chế phản hồi xác nhận vị trí tức thì khi tới điểm di tích.
Sở hữu (ĐLCL 4)	Cơ chế "Sưu tập tem kỹ thuật số" độc bản cho từng di tích/làng nghề; trang cá nhân lưu trữ thành tích.
Ảnh hưởng xã hội (ĐLCL 5)	Bảng vàng check-in, tương tác bảng tin cộng đồng, theo dõi bạn bè, tính năng chia sẻ hành trình.
Khó đoán & Tò mò (ĐLCL 7)	Mở khóa các địa điểm ẩn (Easter Eggs), nhận tem ngẫu nhiên và phần thưởng bất ngờ khi tham gia sự kiện.

Chương 3: Thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội

Chương 3 triển khai chi tiết hóa các giải pháp thiết kế thành hệ thống thị giác và giao diện tương tác hoàn chỉnh cho ứng dụng "Hanoi Local":

• Hệ thống nhận diện thị giác và phong cách thiết kế:
  • Phong cách: Kết hợp giữa ngôn ngữ đồ họa hiện đại và các chi tiết văn hóa truyền thống đặc trưng của Hà Nội.
  • Dải màu sắc (Color Palette): Thiết lập bộ màu chủ đạo và màu bổ trợ mang dấu ấn kiến trúc, phố cổ Hà Nội.
  • Typography và Biểu tượng: Quy chuẩn hệ thống phân cấp kiểu chữ, bộ icon nhận diện cho các hạng mục địa điểm (Di tích lịch sử, Làng nghề, Ẩm thực, Không gian nghệ thuật...).
  • Thiết kế Logo Hanoi Local: Kết hợp biểu tượng văn hóa và định vị bản đồ số.
• Cấu trúc kiến trúc thông tin và Wireframe: Xây dựng sơ đồ phân cấp thông tin (Sitemap) từ trang chủ đến các trang cấp 2 và cấp 3; thiết lập khung xương giao diện (Wireframe) cho toàn bộ luồng người dùng.
• Chi tiết hệ thống màn hình thiết kế (GUI):
  • Luồng Onboarding & Xác thực: Màn hình giới thiệu sứ mệnh ứng dụng, luồng Đăng nhập, Đăng ký tối ưu thao tác.
  • Màn hình Trang chủ: Cung cấp thanh tìm kiếm thông minh, banner sự kiện văn hóa, danh mục phân loại điểm đến, gợi ý địa điểm theo mùa/thời gian thực.
  • Màn hình Bản đồ & Định vị: Bản đồ số tích hợp bộ lọc địa điểm văn hóa, giao diện hiển thị điểm ghim (pin), màn hình tìm kiếm trên bản đồ.
  • Màn hình Chi tiết địa điểm & Đánh giá: Trình bày thông tin lịch sử, giờ mở cửa, giá vé, hình ảnh minh họa, khu vực đánh giá và nhận xét cộng đồng.
  • Luồng Điều hướng & Khởi hành: Giao diện chỉ đường chi tiết cho người đi bộ/phương tiện, tích hợp tính năng định vị GPS để kích hoạt nhận diện điểm đến.
  • Hệ thống Gamification trên giao diện: Pop-up chúc mừng khi nhận tem di tích tại điểm đến thực tế; Màn hình Khám phá sự kiện; Màn hình Thành tựu, Bảng vàng check-in và Danh hiệu đạt được.
  • Không gian Mạng xã hội: Giao diện Tường nhà cá nhân, Tường nhà bạn bè, luồng Đăng bài viết chia sẻ cảm nhận kèm tem chứng nhận.
  • Nguyên mẫu tương tác: Tích hợp mã QR dẫn trực tiếp đến bản prototype thử nghiệm của ứng dụng.

---

Kết quả và đóng góp

Kết quả nghiên cứu chính

1. Hệ thống hóa khung phương pháp luận kết hợp: Đồ án đã liên kết thành công mô hình thiết kế UCD, quy trình Player-Centered Design và khung 8 động lực Octalysis vào bài toán thiết kế UX/UI cho ứng dụng di động trong lĩnh vực văn hóa.
2. Cơ sở dữ liệu người dùng thực nghiệm: Xây dựng thành công 4 nhóm Chân dung người dùng (Persona) và 3 Sơ đồ hành trình trải nghiệm (CJM) phản ánh chính xác các rào cản và nhu cầu của khách du lịch nội địa, quốc tế và cư dân Hà Nội.
3. Bộ giải pháp thiết kế hoàn chỉnh cho ứng dụng "Hanoi Local":
   • Hoàn thiện toàn bộ hệ thống sitemap, wireframe, dải màu sắc, bộ nhận diện icon/logo và các hình minh họa điểm du lịch văn hóa.
   • Thiết kế hoàn chỉnh hơn 20 luồng màn hình chức năng từ onboarding, tra cứu bản đồ, chỉ đường đến các tính năng tương tác mạng xã hội.
   • Trực quan hóa thành công các cơ chế Gamification: sưu tập tem văn hóa số, bảng vàng check-in, thăng hạng danh hiệu văn hóa và mở khóa địa điểm bí mật.
   • Đóng gói nguyên mẫu tương tác (interactive prototype) cho phép kiểm thử thao tác trên thiết bị di động.

Đóng góp về mặt lý luận và thực tiễn

• Về mặt lý luận: Đồ án tổng hợp có chọn lọc các nghiên cứu lý thuyết quốc tế về Gamification (vốn chủ yếu nghiên cứu trên bình diện giáo dục và thương mại điện tử tại Việt Nam) để mở rộng sang lĩnh vực thiết kế ứng dụng du lịch văn hóa; cung cấp tài liệu tham khảo chi tiết về cách thức lồng ghép khung Octalysis vào quy trình UX/UI chuẩn mực.
• Về mặt thực tiễn: Cung cấp một phương án thiết kế ứng dụng số khả thi, giải quyết trực tiếp bài toán truyền thông và gia tăng động lực khám phá di sản văn hóa Hà Nội; mang lại mô hình tham khảo hữu ích cho các nhà phát triển sản phẩm công nghệ du lịch thông minh (Smart Tourism).

---

Hạn chế và hướng nghiên cứu tiếp

• Hạn chế: Do giới hạn về mặt thời gian (thực hiện trong 3 tháng: tháng 10 - tháng 12/2023) và nguồn lực khảo sát thực tế, phạm vi dữ liệu sơ cấp chủ yếu tập trung tại một số khu vực trung tâm Hà Nội; đề tài dừng lại ở giai đoạn nghiên cứu UX và hoàn thiện thiết kế UI/prototype tương tác, chưa tiến hành lập trình kỹ thuật backend/frontend thực tế.
• Hướng nghiên cứu tiếp:
  • Triển khai lập trình thử nghiệm phần mềm trên nền tảng Native/Hybrid app.
  • Tổ chức kiểm thử người dùng diện rộng (Usability Testing / Heuristic Evaluation) với mẫu khách du lịch thực tế tại các di tích để đo lường mức độ tương tác (engagement metrics) và tối ưu hóa hệ thống gamification.
  • Mở rộng phạm vi dữ liệu bản đồ sang các điểm du lịch ngoại thành, làng nghề thủ công xa trung tâm Hà Nội.

---

Giá trị tham khảo

Đồ án là nguồn tư liệu tham khảo học thuật và ứng dụng hữu ích dành cho:

• Sinh viên và học viên ngành Công nghệ đa phương tiện, Thiết kế đồ họa, Thiết kế tương tác (UI/UX): Tham khảo quy trình thiết kế bài bản từ nghiên cứu người dùng, phân tích đối thủ, xây dựng CJM đến thiết lập hệ thống design system, wireframe và prototype.
• Nhà nghiên cứu và thiết kế sản phẩm ứng dụng Gamification: Tham khảo cách thức vận dụng trực tiếp 8 động lực cốt lõi của khung lý thuyết Octalysis vào từng thành phần giao diện phần mềm thực tế.
• Sinh viên, nhà nghiên cứu ngành Du lịch học và Quản trị dịch vụ du lịch: Tham khảo phương án chuyển đổi số và phát triển các sản phẩm du lịch văn hóa thông minh cho các đô thị di sản.

---

Câu hỏi thường gặp

1. Khung lý thuyết Octalysis được tác giả áp dụng như thế nào trong đồ án?
Khung Octalysis gồm 8 động lực cốt lõi được phân chia theo hai trục: Trục dọc chia thành Não trái (động lực ngoại lực, sở hữu, logic) và Não phải (động lực nội tại, sáng tạo, tương tác xã hội); Trục ngang chia thành Mũ trắng (động lực tích cực, tạo sự chủ động) và Mũ đen (động lực tạo sự hồi hộp, tránh mất mát). Tác giả đã chuyển hóa từng động lực này thành các tính năng tương tác cụ thể trong app "Hanoi Local" như bộ sưu tập tem, bảng vàng check-in, danh hiệu đại sứ văn hóa và mở khóa địa điểm ẩn.

2. Tác giả đã tiến hành phân tích những đối thủ cạnh tranh nào trong Chương 2?
Tác giả phân tích cấu trúc sitemap và giao diện của 3 ứng dụng: (1) Travel360 (ứng dụng du lịch phân chia bản đồ Tham quan và Ẩm thực), (2) Michelin Guide (ứng dụng tra cứu ẩm thực chuẩn mực toàn cầu), và (3) Swarm by Foursquare (ứng dụng mạng xã hội check-in tích hợp cơ chế nhận huy hiệu và bảng xếp hạng).

3. Bốn chân dung người dùng (Persona) trong đồ án đại diện cho các nhóm đối tượng nào?
Bốn chân dung được xây dựng gồm: (1) Khách du lịch quốc tế đến Hà Nội, (2) Khách du lịch nội địa thường xuyên tới Hà Nội, (3) Khách du lịch nội địa ít tới Hà Nội, và (4) Người dân sinh sống tại Hà Nội.

4. Ma trận Joe Natoli được sử dụng nhằm mục đích gì trong quy trình thiết kế?
Ma trận Joe Natoli (trong tài liệu Think First) được sử dụng để đánh giá, đối chiếu giữa mức độ quan trọng của các tính năng đối với nhu cầu người dùng và khả năng hiện thực hóa/duy trì của hệ thống, giúp tác giả sàng lọc và ưu tiên các tính năng cần đưa vào thiết kế ứng dụng.

5. Cơ chế Gamification cốt lõi trên giao diện ứng dụng "Hanoi Local" là gì?
Ứng dụng sử dụng cơ chế định vị GPS để kích hoạt pop-up nhận "Tem văn hóa số" độc bản khi người dùng đặt chân đến điểm di tích thực tế, tích lũy điểm số để nâng cấp danh hiệu trên "Bảng vàng check-in", hoàn thiện bộ sưu tập địa điểm và chia sẻ lên tường mạng xã hội cá nhân.

---

Kết luận

Đồ án tốt nghiệp "Nghiên cứu về Gamification trong thiết kế và áp dụng vào thiết kế ứng dụng bản đồ du lịch văn hóa Hà Nội" của sinh viên Đinh Hương Giang đã hệ thống hóa toàn diện các lý thuyết về thiết kế UX/UI, mô hình Player-Centered Design và khung Octalysis. Thông qua phương pháp khảo sát thực tế và phân tích người dùng khoa học, tác giả đã chuyển giao thành công các nguyên lý trò chơi hóa vào sản phẩm thiết kế ứng dụng "Hanoi Local". Đây là một công trình nghiên cứu nghiêm túc, mang tính ứng dụng cao, đóng góp một giải pháp giao diện tương tác mới mẻ nhằm nâng cao trải nghiệm và thu hút du khách đến với các di sản văn hóa Thủ đô.

Trích đoạn nội dung tài liệu

Chương 1: Cơ sở lý luận và khái niệm chung Web app (ung dụng web) Web app là những app mà người dùng có thé truy cập từ trình duyệt của thiết bị di động và máy tính [57]. Chúng yêu cầu người dùng cần có kết nối trực tuyến, ồn định [45] bởi vi đữ liệu không được sao lưu ở trong thiết bị, về mặt tích cực thì loại app này tốn ít dung lượng lưu trữ hơn. Ngược lại với native app, web app chỉ cung cấp cho người dùng quyền sử dụng các chức năng được hỗ trợ bởi trình duyệt web ma họ đang dùng dé truy cập [18, 57]. Web app tương đối đơn giản, rẻ và tốn ít thời gian phát triển.

Hybrid app (ứng dung lai) Đúng như tên của minh, hybrid app là loại app kết hợp giữa các yếu tố của native app và web app. IBM cho rằng hybrid app “là các trang web được gói trong vỏ bọc của native app” [40]; còn AWS định nghĩa rằng đây là một loại native app đặc biệt mà cấu trúc bên trong giống với web app [57]. Nhìn chung, cả 2 cách định nghĩa đều không sai. Hybrid app nằm giữa, cung cấp cho người dùng hiệu suất và trải nghiệm sử dụng tương tự như native app với chi phí rẻ và thời gian phát triển nhanh hơn.

Tùy vào mục đích, các yếu tổ liên quan như thời gian phát triển, nhu cầu của khách hàng, chiến lược tiếp thị, độ phức tạp của ứng dụng, nhà thiết kế và phát triển có thê cân nhắc và lựa chọn loại app phù hợp nhất. Phan loại theo nhóm đối twong mục tiêu Dành cho người dùng cuối Theo Joca Torres, loại app này tập trung vào giải quyết các vấn đề cụ thể của những khác hàng sẵn sàng tra tiên dé sử dụng chúng [51]. Trong đó, người dùng trả phí trực tiếp hoặc gián tiếp để trải nghiệm ứng dụng. Không có ứng dụng nào thật sự miễn phí, các nhà phát triển sẽ kiếm được tiền từ người dùng bang cách này hay cách khác: sử dụng mô hình freemium, paidmium, tạo doanh thu từ quảng cáo trong ứng dụng [49, 51, 58], app nằm trong các sản phẩm trả phí, app thương mại điện tử mà người dùng sẽ trả phí ứng dụng qua sản phẩm họ mua [ŠT].

Dành cho doanh nghiệp Loại app này tập trung vào giải quyết các vấn đề phục vụ cho dịch vụ, hiệu suất, nhân sự. của các doanh nghiệp - đối tượng sẵn sàng chi trả cho việc phat triển và duy trì ứng dụng [51]. Các app dành cho doanh nghiệp thường được phát triển riêng và không phát hành công khai trên các cửa hàng ứng dụng [40]. Dinh Hương Giang — Lớp: DI9ØTKDPT0I 13 Đô án tôt nghiệp Đại học Chương 1: Cơ sở lý luận và khái niệm chung 1.

Tổng quan về thiết kế UX/UI UX (User experience - Trải nghiệm người dùng) va UI (User interface - Giao diện người dùng) là hai khái niệm quan trong, mau chốt trong thiết kế sản phẩm nói chung và thiết kế ứng dụng điện thoại nói riêng. Chúng thường đi đôi với nhau dé chỉ một lĩnh vực thiết kế các sản phâm số như app, web,. Song, đây van là 2 khái niệm khác biệt, cần phân biệt và hiểu rõ dé tận dụng chúng hiệu quả. Thiết kế trải nghiệm người dùng 1.

Trải nghiệm người dùng (User experience) Don Normal và Jakob Nielsen cho rang UX “bao gồm tất cả các khía cạnh tương tác của người dùng cuối với công ty, cũng như các dịch vụ và sản phẩm của công ty đó” [43]. Normal và Nielsen cho rằng yêu cầu đầu tiên của một sản phẩm có UX tốt là phải đáp ứng chính xác được nhu cầu của khách hàng. Dé có được điều này, cần phải có sự kết hợp đa lĩnh vực, bao gồm: kỹ thuật, tiếp thị, thiết kế đồ họa, thiết kế công nghiệp và thiết kế giao diện. Jesse James Garrett mô ta UX là một “trải nghiệm mà san phẩm tạo ra cho những người sử dụng chúng trong thế giới thực” [25].

Cụ thể, đó không phải là cách hoạt động bên trong của một sản phẩm mà là “cách nó hoạt động bên ngoài khi được người nào đó sử dụng”. Theo Garrett, “mỗi sản phẩm từng được sử dụng bởi một cá nhân nào đó đều có UX: sách, hộp xốt cà chua, ghế banh, áo len”. „” Tiêu chuẩn ISO 9241-11:2018 định nghĩa UX là “sự nhận thức và phản hồi của người dùng bắt nguồn từ việc sử dụng và/hoặc nghĩ tới việc cần sử dụng một hệ thống, sản phẩm hoặc dịch vụ” [32]. Cụ thể, nhận thức và phản hồi của người dùng bao gồm các cảm xúc, niềm tin, sở thích, hành vi, hay thành tích trước, trong, và sau khi sử dụng.

UX là kết quả của hình ảnh thương hiệu, trình bày, chức năng, hiệu suất, tương tác, và khả năng hỗ trợ của một hệ thống, sản phẩm, hoặc dịch vụ. Ngoài ra, chúng còn bị ảnh hưởng bởi tác nhân xung quanh người dùng như “trải nghiệm trước đây, thái độ, kĩ năng, khả năng, tính cách của người dùng, [.] hoàn cảnh sử dung”. Dựa trên các quan điểm trên, có thể thấy UX là những trải nghiệm mà người dùng có được khi tiếp xúc một đối tượng nhất định trong cuộc sống - không nhất thiết là trên môi trường số. Có 2 mặt ảnh hưởng trực tiếp đến UX: (1) yếu tố liên quan tới bản thân người dùng (cu thé như nhu cau [43], kỹ năng, Dinh Hương Giang — Lớp: DI9ØTKDPT0I 14 Đồ án tốt nghiệp Đại học Chương 1: Cơ sở lý luận và khái niệm chung hoàn cảnh sử dụng [32].) và (2) bản thân đối tượng đó.

Dinh Huong Giang — Lớp: D19ØTKDPT0I1 15 Đô án tôt nghiệp Đại học Chương 1: Cơ sở lý luận và khái niệm chung 1. Thiết kế trải nghiệm người dùng Thiết kế UX hay UXD (thiết kế trải nghiệm người dùng) là quá trình “tạo ra các sản phẩm mang lại trải nghiệm có ý nghĩa và phù hợp với người dùng” [53]. Ngoài ra, theo Garrett, UXD sẽ “được quy định boi tâm lý và hành vi của người dùng” [25]. UXD phải được đảm bảo được khía cạnh thấm mỹ và khía cạnh chức năng của sản phẩm phù hợp với bối cảnh sử dung của sản phẩm đó.

Ngoài xác định mục tiêu và chức năng chính của sản phẩm, UXD cần cân nhắc cùng các yếu tô như thị trường và công nghệ sử dụng dé tìm ra lợi thé cạnh tranh của sản phâm. Những yếu tô cạnh tranh này có thé ké đến hoặc nằm trong các khía cạnh của sản phẩm như: thương hiệu, năng suất, chức năng cung cấp [13, 53]. Một số nhiệm vụ trong qua trình UXD là: Nghiên cứu người dùng bằng cách tiễn hành các khảo sát, phỏng vấn, phân tích hành vi dé trả lời cho câu hỏi: Người dùng của sản phẩm là ai? [13]. Xây dựng persona trong đó bao gồm các chỉ tiết như trình độ học vấn, lối sống, sở thích, thái độ,.

của người dùng kiểu mẫu (hư cấu) đại diện cho một nhóm người dùng mục tiêu [13]. Xây dựng CJM đề xác định hành trình trải nghiệm của từng nhóm người dùng mục tiêu, từ đó tìm ra những vấn đề mà người dùng gặp phải và tìm cách giải quyết chúng. Xây dung wireframe và prototype để trực quan hóa các ý tưởng, nội dung và kiến trúc thông tin của sản phẩm. Kiểm thử và đánh giá với người dùng thực tế, qua đó thu thập phản hồi, đánh giá trải nghiệm dé thiết kế, hoàn thiện, chỉnh sửa sản phẩm hiện tại.

Thiết kế giao diện người dùng 1. Giao diện người dùng (User Interface) Theo ISO 9241-110:2006, UI là “tất cả các thành phần của hệ thống tương tac (phần mềm hoặc phan cứng) cung cấp thông tin và điều khiển dé người dùng hoàn thành các tác vụ cụ thê với hệ thống tương tác” [3 I]. Theo Debbie Stone và cộng sự, UI là một phần của hệ thống máy tính, qua đó người dùng “tương tác để thực hiện nhiệm vụ của mình và đạt được mục tiêu của mình” [48]. Nhóm tác giả cho rằng quá trình triển khai UI cần lẫy người dùng Dinh Hương Giang — Lớp: DI9ØTKDPT0I 16 Đồ án tốt nghiệp Đại học Chương 1: Cơ sở lý luận và khái nệm chung làm trung tâm, cụ thể là “hiểu được người dùng, nhiệm vụ mà họ muốn thực hiện, và môi trường xung quanh khi họ thực hiện hành động đó”.

UI được chia ra làm 3 loại dựa trên cách người dùng tương tác với thiết bị: (1) Giao điện đồ họa người dùng (Graphical user interface - GUI): Người dùng tương tác với các hình ảnh trực quan (như chạm, vuốt, nhấn giữ,.) trên một thiết bị. (2) Giao điện điều khiển bằng giọng nói (Voice-controlled interface - VUI): Người dùng tương tac với giao diện nay thông qua giọng nói của họ. (3) Giao diện dựa trên cử chỉ (Gesture-based interface): Người dùng tương tác với giao diện thông qua chuyền động cơ thể. Giao diệnđồhoa Giao diện điều khiển Giao diện dựa người dùng bằng giọng nói trên cử chỉ (Graphical User (Voice-controlled (Gesture-based Interface) interface) interface) Hình 1.

Cách phân loại UI dựa trên cách người dùng tương tác với thiết bi. Nguồn: Interaction Design Foundation. Trong phạm vi đồ án, tác giả tập trung nói đến UI như giao diện đồ hoa người dùng - các thiết kế trực quan trên một thiết bị số, phần lớn là thiết bị điện thoại. Thiết kế giao diện người dùng Thiết kế UI là quy trình mà các nhà thiết kế xây dựng hình thức của một giao diện [54].

Nói dé hiểu hơn, đây là quá trình lựa chọn, thiết kế và sắp xếp màu sắc, kiểu chữ, hình ảnh, thiết kế icon (biểu tượng), button (nút bam). trong một bố cục dé tạo nên một giao diện mà người dùng có thé nhìn thấy và Dinh Hương Giang — Lớp: D19TKDPT01 17 Đồ án tốt nghiệp Đại học Chương 1: Cơ sở lý luận và khái niệm chung tương tác. Dinh Hương Giang — Lớp: DI9TKDPT0I 18 Đô án tôt nghiệp Đại học Chương 1: Cơ sở lý luận và khái niệm chung Thiết kế UI có một ảnh hưởng to lớn đối với UX [54]. Thiết kế UI có thể đẹp và thu hút người dùng về mặt thâm mỹ, song, nếu người dùng không thể bam vào một button đẹp đẽ, không thể đọc được một dòng chữ được thiết kế hào nhoáng, họ dan cảm thấy khó chịu.

Nói cách khác, UX của sản phẩm đó bị giảm xuống. Từ những cơ sở trên, ta thấy rằng trong thiết kế ứng dụng nói chung và thiết kế ứng dụng smartphone nói riêng, cần sử dụng kết hợp quá trình thiết kế UX và UI. Thiết kế UI sử dụng những kết quả của nghiên cứu UX để tạo nên một giao diện mà người dùng có thể tương tác. Thiết kế UX lại tiếp tục nghiên cứu và đánh giá dé cải thiện trải nghiệm của người dùng trên thành quả của thiết kế UI.