Đồ Án tốt nghiệp thiết kế giao diện và trải nghiệm người dùng Ứng dụng bán Đồ Ăn cho nhà hàng sen vàng

Mô tả đề tài - Đề tài: Thiết kế giao diện và trải nghiệm người dùng ứng dụng bán đồ ăn cho nhà hàng Sen Vàng - Ngành: Công nghệ thông tin - Lĩnh vực: Thương mại điện tử - Chuyên ngành: C

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

HÀ NỘI – Năm 2024Chuyên ngành: Công nghệ đa phương tiện

THIẾT KẾ GIAO DIỆN VÀ TRẢI NGHIỆM NGƯỜI DÙNG ỨNG DỤNG BÁN ĐỒ ĂN CHO NHÀ HÀNG SEN VÀNG

-THIẾT KẾ GIAO DIỆN VÀ TRẢI NGHIỆM NGƯỜI DÙNG ỨNG DỤNG BÁN ĐỒ ĂN CHO NHÀ HÀNG SEN VÀNG

Chuyên ngành: Công nghệ đa phương tiện

Giảng viên hướng dẫn : ThS Nguyễn Thị Quỳnh Như

Sinh viên thực hiện : Nguyễn Thị Ngọc Minh - 2010A05

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Hà Nội, 2024

Nam nói riêng ngày càng phát triển mạnh mẽ với tốc độ chóng mặt Để tăng tínhcạnh tranh thì các cá nhân, tổ chức, đơn vị kinh doanh nào cũng đều tuyên truyền,quảng bá, kinh doanh trên mạng internet toàn cầu đạt hiệu quả cao nhất.

Trong xu hướng phát triển đó, ứng dụng đặt đồ ăn trực tuyến là một phầnkhông thể thiếu, điều này mở ra cơ hội nghiên cứu sâu rộng về trải nghiệm ngườidùng trong quá trình sử dụng ứng dụng

Ứng dụng đặt đồ ăn không chỉ đơn thuần là công cụ để đáp ứng nhu cầu ẩmthực, mà còn là một góc kết nối giữa người tiêu dùng và những nhà hàng, quán ănxung quanh Trong bối cảnh này, việc nâng cao trải nghiệm người dùng là yếu tốtrở nên quan trọng Việc thiết kế giao diện có tính thực tiễn vỗ cùng cao sẽ đượcthực hiện trong đề tài “Thiết kế và trải nghiệm người dùng cho ứng dụng đặt đồăn”

Trong quá trình thực hiện đồ án, khó tránh những thiếu sót, chúng em rấtmong nhận được sự nhận xét, đánh giá và góp ý của thầy cô để giúp chúng emhoàn thiện sản phẩm cũng như là kỹ năng và kinh nghiệm của mình hơn nữa.Với sự hướng dẫn tận tình của cô ThS Nguyễn Thị Quỳnh Như đã có nhữngnhận xét, đánh giá và nhất là những chia sẻ kinh nghiệm làm việc của cô là nhữngthông tin vô cùng hữu ích cho việc hoàn thành Đồ án tốt nghiệp của em Em xintrân trọng cảm ơn cô!

Bên cạnh đó em cũng xin gửi lời cảm ơn đến tất cả thầy cô giáo trong KhoaCông Nghệ Thông Tin – Trường Đại Học Mở Hà Nội, trong quá trình học tập trênlớp những kiến thức do thầy cô giảng dạy đã giúp em rất nhiều trong việc hoànthành đồ án của mình

Cuối cùng, chúng em xin chúc toàn thể thầy cô trong khoa có một sức khỏetốt để hoàn thành nhiệm vụ và dẫn dắt chúng em và những thế hệ học trò tiếp theohoàn thành xuất sắc nhiệm vụ của mình Em xin chân thành cảm ơn!

Hà Nội, ngày 15 tháng 4 năm 2024

NHIỆM VỤ CỦA ĐỒ ÁN TỐT NGHIỆP

Họ và tên: Nguyễn Thị Ngọc Minh Giới tính: Nữ

Ngày sinh: 26/04/2002 Nơi sinh: Nam Định

Chuyên ngành: Công nghệ đa phương tiện Mã SV: 20A10010372

Lớp hành chính: 2010A05

1 TÊN ĐỀ TÀI

Thiết kế giao diện và trải nghiệm người dùng ứng dụng bán đồ ăn cho nhà hàng Sen Vàng

2 NHIỆM VỤ VÀ NỘI DUNG

Nhiệm vụ của Đồ án tốt nghiệp:

- Nghiên cứu lý thuyết thiết kế giao diện và trải nghiệm người dùng.

- Khảo sát, phân tích yếu tố trải nghiệm người dùng và giao diện.

- Nghiên cứu trải nghiệm người dùng của các ứng dụng trong cùng lĩnh vực.

- Thiết kế giao diện sản phẩm, xây dựng sản phẩm dưới dạng prototype.

3 NGÀY GIAO NHIỆM VỤ:

4 NGÀY HOÀN THÀNH NHIỆM VỤ:

5 CÁN BỘ HƯỚNG DẪN: ThS Nguyễn Thị Quỳnh Như

Nội dung và đề cương Đồ án đã được Hội đồng chuyên ngành thông qua

Ngày tháng năm 2024

CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1

1.2.1 Đề tài 1: Ứng dụng Shopee Food 2

1.3 Nội dung đề tài dự định đạt được 4

1.3.2 Đề tài giải quyết các vấn đề 4

CHƯƠNG 3: NGHIÊN CỨU – KHẢO SÁT – PHÂN TÍCH TRẢI

3.1 Khảo sát và phân tích người dùng 13

3.1.2.1 Xây dựng kịch bản & các câu hỏi phỏng vấn 14 3.1.2.2 Kết quả phỏng vấn thu được 16

3.1.3.2 Mục đích của các câu hỏi khảo sát 19 3.1.3.3 Phân tích kết quả khảo sát đối tượng khách hàng của ứng dụng

20 3.2 Khảo sát và phân tích hệ thống 25

3.3.1 Xác định đối tượng và thuốc tính 36

3.3.3 Mô hình cơ sở dữ liệu quan hệ 40 CHƯƠNG 4: XÂY DỰNG CẤU TRÚC ỨNG DỤNG 41

4.2.1 Xác định khối thông tin – hành động chính – phác thảo layout 43

4.2.1.3 Đối với admin 57

5.4 Thiết kế trực quan phía admin 121

Hình 3.1: Kết quả khảo sát câu hỏi 1 của khách hàng 20 Hình 3.2: Kết quả khảo sát câu hỏi 2 của khách hàng 21 Hình3.3: Kết quả khảo sát câu hỏi 3 của khách hàng 21 Hình 3.4: Kết quả khảo sát câu hỏi 4 của khách hàng 22 Hình3.5: Kết quả khảo sát câu hỏi 5 của khách hàng 22 Hình 3.6 Kết quả khảo sát câu hỏi 6 của khách hàng 23 Hình 3.7: Kết quả khảo sát câu hỏi 7 của khách hàng 23 Hình 3.8: Kết quả khảo sát câu hỏi 8 của khách hàng 24 Hình 3.9: Kết quả khảo sát câu hỏi 9 của khách hàng 24

Hình 4.5 Layout trang đồ ăn của user 45 Hình 4.6 Layout trang chi tiết đồ ăn của user 46 Hình 4.8 Layout trang lịch sử đơn hàng 48 Hình 4.9 Layout trang đánh giá phía user 49

Hình 4.11 Layout trang giỏ hàng phía user 51 Hình 4.12 Layout trang đặt hàng phía user 52 Hình 4.13 Layout tài khoản phía user 53 Hình 4.14 Layout trang đăng nhập/đăng ký 54

Hình 4.16 Layout trang quản lý đồ ăn admin 58 Hình 4.17 Layout quản lý đơn hàng phía admin 59

Hình 4.20 Layout báo cáo thống kê phía admin 62 Hình 4.21 Layout trang thông tin cơ bản phía admin 63 Hình 4.22 Layout trang chat phía admin 64

Hình 4.24 Layout trang chi tiết món 66 Hình 4.25 Wireframe trang chủ của user 67

Hình 4.27 Wireframe trang chi tiết đồ ăn 69

Hình 4.30 Wireframe trang khuyến mãi 72 HÌnh 4.31 Wireframe trang thông báo đặt hàng thành công 73

Hình 4.34 Wireframe trang chi tiết tin tức 76 Hình 4.35 Wireframe trang đơn hàng chờ xác nhận 77 Hình 4.37 Wireframe trang lịch sử đơn hàng 79 Hình 4.38 Wireframe trang thông tin đơn hàng 80

HÌnh 4.40 Wireframe trang đăng nhập 82

Hình 4.42 Wireframe trang quên mật khẩu 84 Hình 4.43 Wireframe trang đặt lại mật khẩu 85 Hình 4.44 wireframe trang tài khoản 86 Hình 4 45 Wireframe trang tài khoản liên kết 87 Hình 4.46 Wireframe trang đặt lại mật khẩu 88

Hình 4.49 Wireframe trang quản lý thực đơn 91 Hình 4.50 Wireframe trang chi tiết món 92

Hình 4.52 Wireframe trang chỉnh sửa danh mục 93

Hình 4.55 Wireframe trang thông báo 94 Hình 4.56 Wireframe trang khuyến mãi 95 Hình 4.57 Wireframe trang thêm khuyến mãi 95 HÌnh 4.58 Wireframe trang đơn hàng mới 96 HÌnh 4.59 Wireframe trang thông tin đơn hàng mới 96 Hình 4.60 Wireframe trang đơn hàng đã xác nhận 97 Hình 4.61 Wireframe trang lịch sử đơn hàng 97 Hình 4.62 Wireframe trang đăng nhập 98 Hình 4.63 Wireframe trang quên mật khẩu 98 Hình 4.64 Wireframe trang tài khoản 99 Hình 4.65 Wireframe trang quản lý nhân viên 99 Hình 4.66 Wireframe trang thông tin đơn hàng 100 Hình 4.67 Wireframe trang thông tin tài khoản 100 Hình 4.68 Wireframe trang tài khoản thanh toán 101 Hình 4.69 Wireframe trang báo cáo thống kê 101 Hình 4.70: Sơ đồ luồng người dùng phía user 102 Hình 4.71: Sơ đồ luồng người dùng phía admin 103

Hình 5.6 Giao diện chọn món phía user 108 Hình 5.7 Giao diện đồ uống phía user 109 Hình 5.8 Giao diện chi tiết món phía user 109

Hình 5.10 Giao diện trang đặt hàng phía user 110 Hình 5.11 Giao diện mã khuyến mãi phía user 111 Hình 5.12 Giao diện thông báo đặt hàng thành công phía user 111 Hình 5.13 Giao diện trang chat phía user 112 Hình 5.14 Giao diện trang tin tức phía user 112 Hình 5.15 Giao diện chi tiết tin tức phía user 113 Hình 5.16 Giao diện đơn hàng chờ xác nhận phía user 113 Hình 5.17 Giao diện đơn hàng đang giao phía user 114 Hình 5.18 Giao diện lịch sử đơn hàng phía user 114 Hình 5.19 Giao diện thông tin đơn hàng phía user 115 Hình 5.20 Giao diện đánh giá sản phẩm phía user 115 Hình 5.21 Giao diện thông báo đánh giá thành công phía user 116 Hình 5.22 Giao diện trang đăng nhập phía user 116

Hình 5.24 Giao diện quên mật khẩu phía user 117 Hình 5.25 Giao diện đặt lại mật khẩu phía user 118 Hình 5.26 Giao diện trang tài khoản phía user 118 Hình 5.27 Giao diện tài khoản liên kết phía user 119 Hình 5.28 Giao diện thêm tài khoản liên kết phía user 120 Hình 5.29 Giao diện đổi mật khẩu phía user 120 Hình 5.30 Giao diện lịch sử đánh giá phía user 121 Hình 5.31 Giao diện trang chủ phía admin 122

Hình 5.34 Giao diện chi tiết món phía admin 124 Hình 5.35 Giao diện thêm món phía admin 124 Hình 5.36 Giao diện thông báo thêm món thành công phía admin 125 Hình 5.37 Giao diện chỉnh sửa danh mục phía admin 125 Hình 5.38 Giao diện trang chat phía admin 126 Hình 5.39 Giao diện trang tin tức phía admin 126 Hình 5.40 Giao diện trang thông báo phía admin 127 Hình 5.41 Giao diện trang khuyến mãi phía admin 127 Hình 5.42 Giao diện trang thêm mã khuyến mãi phía admin 128 Hình 5.43 Giao diện trang đơn hàng mới phía admin 128 Hình 5.44 Giao diện thông tin đơn mới phía admin 129 Hình 5.45 Giao diện đơn hàng đã xác nhận phía admin 129 Hình 5.46 Giao diện lịch sử đơn hàng phía admin 130 Hình 5.47 Giao diện trang tài khoản phía admin 130 Hình 5.48 Giao diện quản lý nhân viên phía admin 131 Hình 5.49 Giao diện chi tiết nhân viên phía admin 131 Hình 5.50 Giao diện thêm nhân viên phía admin 132 Hình 5.51 Giao diện tài khoản phía admin 132 Hình 5.52 Giao diện tài khoản thanh toán phía admin 133 Hình 5.53 Giao diện trang quản lý đánh giá phía admin 133 Hình 5.54 Giao diện báo cáo thống kê phía admin 134 Hình 5.55 Giao diện đăng nhập phía admin 134 Hình 5.56 Giao diện quên mật khẩu phía admin 135 Hình 5.57 Giao diện đặt lại mật khẩu phía admin 135

Bảng 1.1 Kế hoạch thực hiện 6 Bảng 3.1 Thông tin người được phỏng vấn 15 Bảng 3.2 Kết quả phỏng vấn thu được 17

CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Giới thiệu đề tài

1.1.1 Mô tả đề tài

- Đề tài: Thiết kế giao diện và trải nghiệm người dùng ứng dụng bán đồ ăn cho nhà hàng Sen Vàng

- Ngành: Công nghệ thông tin

- Lĩnh vực: Thương mại điện tử

- Chuyên ngành: Công nghệ đa phương tiện

- Sinh viên thực hiện: Nguyễn Thị Ngọc Minh – 2010A05

- Đề cương bao gồm những phần:

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

 Các đề tài có liên quan

 Nội dung đề tài dự định đạt được

 Kế hoạch thực hiện

 Phân công công việc

 Tài liệu tham khảo

 Chữ ký

- Chủ đề ứng dụng: Kinh doanh món ăn chay

- Phương châm hoạt động: Đơn giản hóa và tối ưu hóa trải nghiệm ẩm thực của bạn, đem đến cho bạn những bữa ăn dễ dàng, chất lượng, đáp ứng đúngnhu cầu của bạn với mức giá phù hợp

1.1.2 Lý do chọn đề tài:

- Hiểu rõ được những giá trị cũng như tầm quan trọng mà dịch vụ mua sắmonline mạng lại, đề tài em thực hiện nhằm phục vụ nhu cầu người dùngtrong lĩnh vực đặt đồ ăn trực tuyến

- Ứng dụng bán đồ ăn không chỉ là một nền tảng thương mại điện tử, mà còn

là cầu nối giữa người tiêu dùng và thế giới ẩm thực Với mục tiêu tối ưuhóa trải nghiệm người dùng, chúng ta sẽ tập trung vào việc thiết kế giaodiện thân thiện, dễ sử dụng và hiệu quả, từ việc tìm kiếm sản phẩm, chọnmón, đặt hàng, đến quá trình thanh toán và theo dõi đơn hàng

- Nhận thức về thực trạng người tiêu dùng ngày càng chú trong đến trảinghiệm mua sắm trực tuyến, chúng ta sẽ xây dựng ứng dụng với giao diệnthú vị, hấp dẫn và đồng thời tối ưu hóa quy trình đặt hàng, nhằm tạo ra trảinghiệm mua sắm ẩm thực trực tuyến đặc sắc

1.1.3 Mục tiêu đề tài đặt ra:

- Ứng dụng đơn giản, dễ dùng với các độ tuổi

- Đưa các món ăn chay tới gần khách hàng hơn

- Phân loại các loại đồ ăn rõ ràng

- Thông tin các món ăn, chương trình khuyến mãi hiển thị rõ ràng chi tiết chokhách hàng tham khảo lựa chọn

- Các chức năng dễ dùng, phù hợp với các đối tượng ở từng độ tuổi khácnhau

1.2 Các đề tài liên quan

1.2.1 Đề tài 1:

Tên đề tài: Thiết kế giao diện và trải nghiệm người dùng cho ứng dụng tra cứu xe khách từ Hà Nội đi các tỉnh miền Bắc ( ĐATN đại học, Khoa CNTT, Trường ĐH Mở HN, Hà Nội, 2020)[1]

Người thực hiện: Lê Thị Dung

a Đề tài đã đạt được

- Xây dựng được giao diện cơ bản của ứng dụng

- Thiết kế được các chức năng cơ bản của ứng dụng tra cứu xe khách

- Cơ bản đã áp dụng được nguyên tắc cơ bản trong thiết kế

b Đề tài chưa đạt được

+ Chưa có các chức năng bắt lỗi khi người dùng đăng nhập sai

+ Tại trang chủ không có hệ thống điều hướng

+ Khi người dùng muốn thanh toán đặt vé thì không có chức năng thông tin của người dùng

+ Khi có chức năng thông tin khuyến mãi nhưng khi người dùng đặt

vé lại không có chức năng này tại trang đặt vé.

1.2.2 Đề tài 2:

Tên đề tài: “Thiết kế giao diện và trải nghiệm người dùng cho app bán càphê Starbucks.” - ĐATN đại học, Khoa CNTT, ĐH Mở HN, Hà Nội, 2021.[2]

Người thực hiện: Nguyễn Trung Kiên

- Những điểm đạt được:

● Hoàn thành việc khảo sát và phân tích thiết kế giao diện và trảinghiệm người dùng cho website

● Hoàn thiện sản phẩm 100% so với bản thiết kế

● Áp dụng các chuẩn về thiết kế UI/UX vào việc đánh giá sản phẩmcuối, từ đó sửa lại những phần như: căn gióng thiết kế theo grid,responsive cho trang web

- Những điểm chưa đạt được:

● Chưa xây dựng được giao diện mobile, responsive chưa tốt

● Khảo sát còn sơ sài, chưa áp dụng được nhiều cho thiết kế

● Tương tác giữa người dùng và hệ thống còn khá ít

1.2.3 Đề tài 3

Tên đề tài: "Thiết kế giao diện và trải nghiệm người dùng cho app dạy học lậptrình trực tuyến Rocket Academy." ĐATN đại học, Khoa CNTT, ĐH Mở HN, HàNội, 2022 [3]

Người thực hiện: Nguyễn Tiến Anh

● Sản phẩm: hoàn thành sản phẩm cuối, đáp ứng những tiêu chí đặt ra

về thẩm mỹ, tiện dụng cho người dùng theo những điều nghiên cứu

● Hoàn thành việc tạo prototype cho ứng dụng

- Những điểm chưa đạt được:

● Có nhiều khoảng trắng ở các trang con gây mất cân bằng

● Chưa có chức năng bắt lỗi khi người dùng đăng nhập sai

● Các trang quản lý giảng viên, quản lý khóa học, quản lý danh mục chưađảm bảo tính cân bằng

1.3 Nội dung đề tài dự định đạt được

1.3.1 Hướng phát triển của đề tài

- Xây dựng được giao diện và trải nghiệm người dùng cho ứng dụng theođúng như thiết kế

- Áp dụng các quy tắc thiết kế để đánh giá sản phẩm cuối sao cho hoàn thiệnnhất

- Nắm được nhu cầu, mong muốn của người sử dụng sản phẩm với vai trò làngười thiết kế, xây dựng giao diện sao cho đem lại trải nghiệm người dùngtốt nhất, phù hợp với xu hướng hiện nay

- Hoàn thiện các giao diện của ứng dụng

1.3.2 Đề tài giải quyết các vấn đề

1.3.2.1 Nghiên cứu:

- Giao diện:

+ Giao diện đơn giản dễ sử dụng thân thiện với người dùng

+ Nội dung rõ ràng, thông tin chính xác, bố cục hợp lý

+ Thiết kế điều hướng dễ dàng

- Giao diện đạt được các yêu cầu:

+ Giao diện ứng dụng thể hiện tính công nghệ, thiết lập giao diện có thể dễdàng truy cập

+ Đạt được sự thống nhất về thiết kế: tone màu, font, layout,… trong thiếtkế

- Trải nghiệm người dùng đạt được các yêu cầu:

+ Hiển thị thông tin mặt hàng chính xác, rõ ràng, cho tiết để khách hàng dễdàng lựa chọn sản phẩm phù hợp

+ Tra cứu tìm kiếm về các sản phẩm theo tên, thoe mặt hàng, giá cả,…

- Chức năng:

 Đối với người dùng

+ Cho phép người dùng tạo tài khoản, đổi mật khẩu, lấy lại mật khẩu

+ Xem và chỉnh sửa thông tin tài khoản

+ Đăng ký, đăng nhập, đăng xuất

+ Tìm kiếm và lọc sản phẩm

+ Mua hàng

+ Cho phép người dùng thêm sản phẩm vào giỏ hàng

+ Đánh giá chất lượng sản phẩm sau khi đơn hàng đã hoàn thành

+ Liên hệ với người bán để được tư vấn

 Đối với admin

+ Đăng nhập tài khoản admin+ Quản lý sản phẩm

+ Quản lý tin tức+ Quản lý đánh giá+ Quản lý đơn hàng+ Quản trị thông tin trang chủ

1.3.3 Điểm phân biệt với các đề tài liên quan

- Là đề tài thuộc lĩnh vực thương mại điện tử nên thiết kế phải thể hiện rõtính chân thực và hiệu quả cao

- Lựa chọn, sử dụng màu sắc phù hợp với môi trường công nghệ

- Áp dụng với thương hiệu phù hợp mang tính ứng dụng, khả thi

- Thiết kế tăng sự tương tác của người dùng với ứng dụng

Tuần Công việc

- Nghiên cứu và khảo sát người dùng

- Phân tích thiết kế hệ thống

- Thiết kế cơ sở dữ liệu

- Xây dựng cấu trúc ứng dụng phía admin

- Thiết kế logo

- Thiết kế giao diện trang chủ phía khách hàng

- Thiết kế giao diện trang chủ phía admin

Bảng 1.1 Kế hoạch thực hiện

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT

2.1 Lý thuyết về màu sắc

- Màu sắc là sự phản chiếu của ánh sáng lên một vật thể (chẳng hạn như màu

đỏ, nâu, hồng hoặc xám), là nhận thức về thị giác giúp con người có thểphân biệt giữa hai vật thể tương đồng Nói một cách đơn giản, màu sắc làtính chất của vật thể; con người nhận biết được màu sắc nhờ sự phản xạ ánhsáng từ các vật thể khác nhau

- Các nguyên tắc phối màu trong thiết kế: 6 nguyên tắc phối màu cơ bản [4]

● Phối màu đơn sắc ( Monochromatic) : là phương pháp thường sửdụng đúng 1 màu chủ đạo, kèm theo đó là các tone và shade của nó.Phương pháp phối Đơn sắc luôn là lựa chọn hàng đầu bởi vì tínhhoàn thiện cũng như vẻ thẩm mỹ cao

Khi sử dụng quy tắc phối màu đơn sắc bạn thường chỉ sử dụng mộtmàu chủ đạo hay đôi lúc bạn cũng có thể sử dụng nhiều kiểu sắc độkhác nhau trong cùng một màu để chúng cộng hưởng với nhau

● Phối màu tương đồng:

+ Phối màu tương đồng là phương pháp sử dụng những màu nằm cạnh nhautrên Color Wheel Phương pháp này thường được chọn khi thiết kế khôngyêu cầu độ tương phản cao, bao gồm cả nền của trang web với cả banner. + Tuy có sự pha trộn của nhiều màu sắc, nhưng do các màu này đứng gầnnhau trên vòng trong màu, nên phối màu này không quá rối rắm và phứctạp Ngược lại chúng raatd êm dịu và vừa mắt

● Phối màu bổ túc trực tiếp(Complementary):

+ Phối màu bổ túc trực tiếp( phối màu tương phản): là phương pháp sửdụng những màu đối diện nhau trong Color Wheel Phương pháp này tráingược với hai phương pháp kể trên vì nó nhấn mạnh vào độ tương phản Ví

dụ như việc sử dụng nút bấm màu cam trên nền xanh dương chẳng hạn. 

● Phối màu bổ túc bộ ba (Triadic)

+ Phối màu bổ túc bộ ba: là phương pháp chọn ba màu cách đềunhau trên Color Wheel Để đảm bảo tính cân bằng với phương phápnày thì nên chọn một màu chủ đạo, còn 2 màu còn lại để bổ trợ thêm+ Vì 3 màu nằm ở ba góc khác nhau trên vòng tròn màu nên chúngkết hợp và bổ sung với nhau tạo nên sự cân bằng

● Phối màu bổ túc xen kẽ ( Split-complementary)

+ Phối màu này được tạo bởi 3 màu nằm ở ba góc khác nahu trênvòng trong màu và tạo nên một hình tam giác cân

+ Đôi lúc bạn có thể sử dụng thêm 1 màu thứ 4 – màu này phải đốixứng với một trong 2 màu tạo nên đáy của hình tam giác cân đó

● Phối màu bổ túc bộ bốn (Tetradic/Double-Complementary)

+ Đây là phương pháp phối màu phức tạp nhất trong 6 nguyên tắcphối màu cơ bản

+ Phối màu này được hình thành với hai cặp màu bổ túc trực tiếp.Nhứng sự đối nghịch cũng như bổ sung giữa hai cặp màu này chính

là điểm mạnh và khác biệt đặc trưng của phối màu này

2.2 Lý thuyết về giao diện người dùng

bố cục sắp xếp, phông chữ sử dụng, hình ảnh minh họa Khi thiết

kế giao diện, người dùng sẽ quan tâm nhiều hơn đến bề mặt và cảmgiác tổng thể của một thiết kế Nếu gọi UX là khung xương cho sựtrải nghiệm người dùng thì UI chính là phần da thịt, những nhà thiết

kế UI sẽ lựa chọn những yếu tố phù hợp như cách phối màu, bố cục,phông chữ Vì vậy, chức năng và sự kết dính để làm việc giữa cả UX

và UI là rất quan trọng

- Các biểu diễn GUI được thao tác bằng một thiết bị trỏ như chuột, bixoay, bút stylus ( bút cảm hứng) hoặc ngón tay trên màn hình cảmứng

- Các yếu tố tạo nên một giao diện người dùng tốt

+ Tính nhất quán+ Giảm việc tải dữ liệu và bộ nhớ+ Cung cấp thông tin phản hồi phù hợp để người sử dụng có thểchỉnh hành động

+ Khả năng phục hồi lỗi+ Cung cấp các trợ giúp khi cần thiết

- Thế nào là một UI tốt?

Một giao diện tốt sẽ thực hiện đúng và chính xác thoe cách ngườidùng nghĩ nó là như vậy [5]

2.2.2 Tìm hiểu về UX

- UX viết tắt của User Experience có nghĩa là trải nghiệm người dùng

- Trải nghiệm người dùng (UX ): là sự hài lòng hoặc kinh nghiệmtổng thể ( thể chất, cảm giác,cảm xúc và tinh thần) người dùng nhậnđược từ tương tác với một sản phẩm hoặc công cụ kỹ thuật số

- Các yếu tố tjao nên trải nghiệm người dùng tốt:

+ Khả năng tìm kiếm+ Khả năng tiếp cận+ Đúng ứng được mong muốn người dùng+ Tính tin cậy

+ Tính hữu dụng [5]

2.2.3 Quy trình thiết kế UI/UX:

- Dường như không có một quy trình chuẩn nào để thiết kế UX/UI, màtùy thuộc vào mỗi công ty, đặc thù dự án, quy mô mà có nhữnghướng xây dựng khác nhau Tuy vậy, trong quá trình thiết kế việcxác định một quy trình phù hợp để phát triển là vô cùng quan trọng,điều này giúp những thiết kế đi đúng hướng, đúng kế hoạch và tránhnhững sai sót trong quá trình phát triển

- Một số phương pháp nghiên cứu phổ biến có thể kể đến như tạo cuộckhảo sát bằng cách tạo các biểu mẫu (ví dụ Google Forms) và đưachúng đến với nhiều nhóm người sử dụng trên các diễn đàn, trangmạng xã hội Mục đích của việc này là để xác định các vấn đề củangười sử dụng mắc phải, cung cấp thông tin thực tế để tránh phỏngđoán trong quá trình thiết kế Sử dụng thông tin này cung cấp một cơhội tốt hơn để khám phá nguồn gốc của vấn đề và cách giải quyết nó.Tiếp đến có thể kể đến phỏng vấn người dùng, trực tiếp giao tiếp đểkhai thác các cảm nhận lập bản chân dung người dùng, hành trìnhngười dùng Lập các bản vẽ sketch, wireframe, prototype để có cáinhìn tổng quan về sản phẩm

- Nguyên tắc tạo nội dung

● Hierachy ( sự phân cấp): Bố cục theo hình kim tự tháp

● Relevance ( sự liên quan) : nội dung liên quan phải phù hợp vớingười dùng và mục đích của chính trang đó

- Xây dựng hệ thống điều hướng:

+ Hệ thống điều hướng sẽ hướng dẫn người dùng dễ dàng truy cậptất cả các trang của ứng dụng

+ Điều hướng thành công sẽ giúp người dùng trả lời bốn câu hỏi cơbản:

Tôi đang ở đâu?

Tôi đã làm thế nào để đến đây?

Tôi có thể đi đâu tiếp theo?

Làm thế nào để tôi về trang chủ?

- Thiết kế layout

+ Tạo được layout ứng dụng ở mức phác thảo

+ Phân chia các thành phần trên ứng dụng 1 cách hợp lý, đâu là nộidung cần nhấn mạnh, đâu là phần khách hàng có thể sẽ quan tâm?

- Xây duwgnj thiết kế trực quan:

+ Đây là phần mà UI đóng vai trò quan trọng, màu sắc ứng dụng cóthật sự ấn tượng không? Đồ họa và các yếu tố thị giác được sử dụngnhư thế nào?

+ Tạo mockup và prototype, bàn giao cho đội ngũ phát triển phầnmềm

- Tiến hành kiểm tra và cho ra sản phẩm cuối cùng

Sau khi đã có bản prototype, ta cần phải đánh giá lại design đối vớingười dùng mục tiêu Thường thì bước này được thực hiện chủ yếutrên người dùng và lặp đi lặp lại tìm ra điểm cần khác yêu cầu chứcnăng [6]

CHƯƠNG 3: NGHIÊN CỨU – KHẢO SÁT – PHÂN TÍCH TRẢI NGHIỆM NGƯỜI DÙNG

3.1 Khảo sát và phân tích người dùng

3.1.1 Chủ sở hữu ứng dụng – phương châm hoạt động

- Chủ sở hữu ứng dụng FoodSwift : Nhà Hàng Sen Vàng

- Về công ty

● Nhà hàng Sen Vàng chuyên phục vụ các món ăn đặc sản đến

từ các vùng miền trên mảnh đất hình chữ S Dịch vụ chuyênnghiệp, không gian ấn tượng và các món ăn hấp dẫn

● Địa chỉ: 34 – Quảng Bá, Tây Hồ, Hà Nội

● Liên kết xã hội: Facebook, Instagram, Tiktok, Youtube, Zalo

● Công ty có liên kết với mọi loại thẻ ngân hàng

● Đối tượng khách hàng : mọi đối tượng

● Phương châm hoạt động: Đối với khách hàng trên toàn khuvực, chúng tôi mang đến trải nghiệm mua sắm trực tuyến tíchhợp với vô số món ăn đặc sản đa dạng Chúng tôi tin tưởngvào sức mạnh khai triển của công nghệ và mong muốn gópphần làm cho thế giới trở nên tốt đẹp hơn bằng việc kết nốicộng đồng người mua và người bán thông qua việc cung cấpmột nền tảng thương mại điện tử

- Về FoodSwift

+ Tại FoodSwift quý khách hàng có thể trực tiếp kết nối đến nhàhàng từ đó khách hàng dễ dàng lựa chọn đồ ăn mà người bán hàngđăng tải

+ Các mặt hàng trên ứng dụng là các sản phẩm được nhà hàng đăngbán để khách hàng có thể tham khảo và dùng thử Trên ứng dụng còncung cấp các chương trình khuyến mãi để khách hàng có thể có thêmlựa chọn cho mình

 Kết quả: Dựa vào thông tin thu thập về chủ sở hữu ứng dụng từ

đó màu sắc chọn lựa cho ứng dụng là màu thể hiện được sự tin

cậy đúng như phương châm hoạt động của công ty Logo đượcthiết kế thể hiện tính chắc chắn và màu sắc logo đã thể hiện đượctính tin cậy và phát triển của ứng dụng Và các thành phần củaứng dụng như:

- Trang chủ: nơi nhìn thấy toàn bộ chức năng tổng quát và các mặthàng mà ứng dụng mang lại

- Trang đơn hàng: Nơi cung cấp thông tin các đơn hàng, chứa cáctrang con

● Trang lịch sử đơn hàng

● Trang đánh giá đơn hàng

● Trang theo dõi đơn hàng

- Trang tin tức: nơi cung cấp các thông tin của nhà hàng gồm cáctrang con

● Trang thông tin khuyến mãi

● Trang thông báo tin tức

- Trang mẫu giao diện

● Trang liên hệ

● Trang giới thiệu

● Trang giỏ hàng

● Trang thống kê báo cáo

● Trang tài khoản

3.1.2 Nghiên cứu định tính

3.1.2.1 Xây dựng kịch bản & các câu hỏi phỏng vấn

- Địa điểm phỏng vấn: Phố đi bộ Hà Nội

- Kịch bản & câu hỏi phỏng vấn :

+ Em chào anh (chị), em tên là Nguyễn Thị Ngọc Minh, hiện đang là sinhviên năm 4, Khoa CNTT, chuyên ngành công nghệ đa phương tiện, trường đạihọc Mở Hà Nội Hôm nay e muốn xin anh (chị) một vài phút để phỏng vấn anhchị 1 vài câu hỏi nhằm phục vụ cho môn Thiết kế giao diện người dùng UI/UXcủa em trên trường được không ạ ?

● Bạn tên là gì ạ ? Bạn bao nhiêu tuổi ?

● Bạn đang sống và làm việc ở đâu ?

● Bạn có thường xuyên đặt đồ ăn trực tuyến hay không?

● Các tiêu chí mà bạn quan tâm khi đặt đồ ăn trực tuyến qua ứng dụng

là gì?

● Bạn thấy các thông tin sản phẩm trên ứng dụng đã đầy đủ và hữu íchđối với bạn hay chưa?

● Bạn có cảm thấy ấn tượng gì tốt khi đặt đồ ăn trực tuyến hay không?

● Bạn có gặp khó khăn gì khi sử dụng ứng dụng đặt đồ ăn không ?+ Em cảm ơn anh chị ạ ! Chúc anh (chị) một ngày vui vẻ ạ

- Thông tin người được phỏng vấn

Nghề nghiệp: Nhân viên part time

Số điện thoại: 0366001374Email: dominhdai060402@gmail.com

Nghề nghiệp: Sinh viên

Số điện thoại: 0968525607Email: bichnhung260402@gmail.com

Nghề nghiệp: Học sinh

Số điện thoại: 0968193406Email: hahuyen282@gmail.com

Nghề nghiệp: học sinh

Số điện thoại: 0961685284Email: nguyenbathanh29@gmail.com

Nghề nghiệp: Nhân viên văn phòng

Số điện thoại: 0960944164Email: pthanhlong2507@gmail.com

Nghề nghiệp: Công nhân

Số điện thoại: 0962494120Email: dongnguyen1975@gmail.com

Bảng 3.1 Thông tin người được phỏng vấn

3.1.2.2 Kết quả phỏng vấn thu được

Nguyễn ThịBích

Nhung – 21tuổi

Hà ThịHuyền –

16 tuổi

Nguyễn BáThành – 14tuổi

PhạmThànhLong – 38tuổi

NguyễnVănĐông –

42 tuổiBạn đang

Thỉnhthoảng

Thỉnhthoảng

Thườngxuyên

Thườngxuyên

Thỉnhthoảng

Sự uy tíncủa cửahàng

Chấtlượng sảnphẩm vàthời giangiao hàng

Chất lượngsản phẩm

được hỗtrợ nhiệttình khi

có mongmuốnđược tưvấn

Font chữ

dễ nhìnhơn, vàcác thaotác đặthàng dễhiểu hơn

Câu hỏi User 1 User 2 User 3 User 4 User 5 User 6

voucher đểtrợ giá tốthơn

Nhânviên hỗtrợ nhiệttình

Quyền lợikhách hàngđược đảmbảo

giaohàngnhanhchóng

- Sử dụngmàu sắc rốimắt, khóphân biệtđược cácloại thựcphẩm

thoảng bịout khỏiapp trongkhi đặthàng

- Kinh tế

Lỗi hiểnthị nộidung tintức( khôn

g nhậnđượcthông báokhi cóvoucher)

Giật lagkhi đangtương tácvới cácchức năng

Tiêu đề

và nộidung sảnphẩmkhôngtrùngkhớp

- Fontchữ nhỏkhôngnhìn rõthông tinsảnphẩm

- Khônghiểu rõquá trìnhđặt hàng

và thanhtoán

Bảng 3.2 Kết quả phỏng vấn thu được

3.1.3 Nghiên cứu định lượng

3.1.3.1 Câu hỏi khảo sát:

- Câu hỏi khảo sát được thực hiện dưới hình thức trắc nghiệm thôngqua Google Form Số lượng người khảo sát: 100 người

- Các câu hỏi khảo sát

Câu 1: Bạn đang trong độ tuổi bao nhiêu?

 Thường xuyên

 Thỉnh thoảng

 Hiếm khi

 KhácCâu 3: Bạn thường đặt đồ ăn bằng thiết bị nào?

 Điện thoại

 Laptop

 Máy tính bảngCâu 4: Bạn mong muốn thông tin gì nhất ở ứng dụng khi đặt đồ ăn?

 Thường xuyên

 Thỉnh thoảng

 Hiếm khiCâu 6: Hình thức mà bạn ưu tiên lựa chọn khi thanh toán đơn hàng

là gì?

 Thanh toán khi nhận hàng

 Thanh toán qua chuyển khoản

 Thanh toán qua các ví điện tử

 KhácCâu 7: Điều gì khiến bạn hài long về một ứng dụng đặt đồ ăn?

 Giao diện đẹp

 Dễ dàng tìm kiếm

 Thông tin sản phẩm, giá cả rõ rang

 Quy trình đặt hàng đơn giản

 Quy trình thanh toán tiện lợi

 KhácCâu 8: Bạn gặp khó khăn gì khi đặt đồ ăn qua ứng dụng không?

 Quy trình thanh toán phức tạp

 Khó tìm kiếm sản phẩm

 Mô tả sản phẩm không chi tiết rõ rang

 Bố cục ứng dụng không chi tiết hợp lý

 KhácCâu 9: Bạn có mong muốn gì ở ứng dụng bán đồ ăn hay không?

 Giao diện đẹp

 Dễ dàng tìm kiếm

 Thông tin sản phẩm chi tiết rõ rang

 Tính năng bình luận đánh giá

3.1.3.2 Mục đích của các câu hỏi khảo sát

ST

T

thiết kế

trong độ tuổi bao nhiêu để cóthể xác định màu sắc và bốcục hợp lý

UX

ở ứng dụng khi đặt đồ ăn?

Xác định việc sắp xếp cácthông tin theo nhu cầu củangười dùng về sản phẩm

UI, UX

qua ứng dụng không? ứng dụng

khi thanh toán đơn hàng là gì?

Xác định ưu tiên thiết kế mànhình tương thích

qua ứng dụng hay không?

Xác định nhược điểm của ứngdụng

UI,UX

Bảng 3.3 Bảng mục đích câu hỏi

3.1.3.3 Phân tích kết quả khảo sát đối tượng khách hàng của ứng dụng

- Số lượng người tham gia khảo sát: 128 người

● Câu 2: Bạn có hay sử dụng đồ ăn chay không?

Hình 3.2: Kết quả khảo sát câu hỏi 2 của khách hàngKết quả khảo sát cho thấy số người sử dụng ứng dụng để đặt đồ ăn trực tuyến phầnlớn là thường xuyên Vì vậy, màu sắc giao diện thể hiện sự uy tín kết hợp với tonemàu tối để giảm mỏi mắt người dùng Kiểu chữ không chân tránh gây sự khó chịucho người dùng trong thời gian dài truy cập vào ứng dụng, hình ảnh thiết kế hàihòa để không gây khó chịu cho mắt người dùng

● Câu 3: Bạn thường đặt đồ ăn trực tuyến bằng thiết bị nào?

Hình3.3: Kết quả khảo sát câu hỏi 3 của khách hàngKết quả khảo sát cho thấy số người sử dụng điện thoại để đặt đồ ăn là chủ yếu, nên

sẽ ưu tiên thiết kế mobile app Khi người dùng truy cập vào ứng dụng thì ngay tạitrang chủ không chỉ hiển thị thông tin về sản phẩm, thông tin khuyến mãi còn hiểnthị các bộ sưu tập,…Nội dung được thể hiện đơn giản dễ đọc, khai thác đượcnhững tính năng, vị giác của sản phẩm để tăng sự thu hút đối với người dùng Sửdụng font chữ không chân và cỡ chữ thông dụng của màn hình mobile là 16pt chomàn hình mobile để người dùng dễ nhìn

● Câu 4: Bạn mong muốn thông tin gì nhất ở ứng dụng khi đặt đồ ăn?

Hình 3.4: Kết quả khảo sát câu hỏi 4 của khách hàngKết quả khảo sát cho thấy phần lớn khách hàng quan tâm hình ảnh và thông tin sảnphẩm đầu tiên sau đó là đến giá cả Vì vậy, các hình ảnh sản phẩm cần phải rõràng, thiết kế thu hút người xem Phần tên sản phẩm và giá cả phải thiết kế rõ ràng,nổi bật Ưu tiên thứ tự sắp xếp các thông tin như: hình ảnh-thông tin sản phẩm, giá

cả, đánh giá của khách hàng, màu sắc phân biệt để làm nổi bật giá cả.,,,

● Câu 5: Bạn có thường xuyên đặt đồ ăn qua các ứng dụng không?

Hình3.5: Kết quả khảo sát câu hỏi 5 của khách hàngKết quả khảo sát cho thấy mức độ phổ biến của ứng dụng đặt đồ ăn trực tuyến làhoàn toàn cần thiết Vì vậy, cần thiết kế phổ thông, đơn giản, dễ dàng với các độtuổi để người dùng có trải nghiệm tốt nhất ngay từ lần đầu sử dụng ứng dụng

● Câu 6: Hình thức mà bạn ưu tiên lựa chọn khi thanh toán đơn hàng là gì?

Hình 3.6 Kết quả khảo sát câu hỏi 6 của khách hàng

● Câu 7: Điều gì khiến bạn có hài lòng về một ứng dụng đặt đồ ăn

Hình 3.7: Kết quả khảo sát câu hỏi 7 của khách hàngKết quả khảo sát cho thấy mức độ hài lòng của người dùng tại các ứng dụng chủyếu là các yếu tố như: giao diện đẹp, thông tin sản phẩm và quy trình đặt hàng

● Câu 8: Bạn gặp khó khăn gì khi đặt đồ ăn qua ứng dụng không?

Hình 3.8: Kết quả khảo sát câu hỏi 8 của khách hàngKết quả khảo sát cho thấy đa phần người dùng không có mấy vướng mắc gì khitrải nghiệm ứng dụng, phần trăm số ít người dùng không hài lòng về một số nhượcđiểm như hỗ trợ khách hàng,quy trình thanh toán phức tạp hay khó tìm kiếm Chúng ta cần khắc phục nhược điểm một cách tốt nhất để có thể hướng tới mộtứng dụng hoàn hảo

● Câu 9: Bạn có mong muốn gì ở ứng dụng bán đồ ăn không?

Hình 3.9: Kết quả khảo sát câu hỏi 9 của khách hàng

⇨ Từ kết quả khảo sát của các câu hỏi, em sẽ tham khảo về các tính năng củaứng dụng từ đó nên em sẽ đẩy mạnh việc thiết kế UI, UX sao cho đáp ứng

nhu cầu mua hàng của người dùng và trải nghiệm, sắp xếp thứ tự thông tin

ưu tiên, điều hướng người dùng:

● Ví dụ quy trình mua hàng: người dùng cần đăng nhập khi muốn thêmsản phẩm vào giỏ hàng để có thể lưu lại thông tin khách hàng trongtrường hợp người dùng mua hàng, sau đó sản phẩm thêm vào giỏ hàng

từ đó tới trang đặt hàng tiến hành thanh toán, trong mỗi trường hợp sẽđưa ra những thông báo cụ thể để hướng dẫn người dùng

● Ví dụ việc sắp xếp thứ tự thông tin trên ứng dụng để tạo sự tin cậy vàthu hút khách hàng ngoài hình ảnh, tên, thông tin chi tiết thì giá cảđược làm nổi bật với màu sắc khác và thông tin đánh giá sản phẩmđảm bảo đầy đủ chính xác

- Kết luận kết quả khảo sát: Xây dựng một ứng dụng cung cấp các sản

phẩm để người dùng có thể đặt đồ ăn phải đáp ứng được những tiêu chí sau:

● Thân thiện: bất kỳ đối tượng khách hàng nào cũng có thể đến và sửdụng ứng dụng mà không phải bỡ ngỡ, lo lắng ngay trong lần đầu sửdụng

● Phù hợp với mọi đối tượng: mục đích là không giới hạn số lượng kháchhàng đến đặt hàng, giúp cho ứng dụng trở nên phổ biến hơn

● Uy tín: Chú trọng hiển thị thông tin bản quyền, hotline, hướng dẫn sửdụng đặt hàng cũng như quyền lợi của người dùng khi trở thành kháchhàng

● Dễ dàng sử dụng: Các sản phẩm được chia rõ ràng theo từng danh mục

cụ thể, hỗ trợ khách hàng thông qua việc tìm kiếm sản phẩm, giao diện

dễ nhìn hiển thị thông tin vừa đủ ưu tiên thứ tự nhu cầu của ngườidùng

● Hiển thị đầy đủ thông tin sản phẩm: Đây cũng là cách tạo nên sự uy tíncho ứng dụng, hỗ trợ người dùng tìm kiếm đúng sản phẩm mình mongmuốn

● Khách hàng có thể tạo tài khoản để thuận tiện hơn cho việc muahàng Có thể thay đổi, chỉnh sửa cập nhật thông tin cá nhân một cách

dễ dàng

● Một số trường hợp khách hàng cần sự tư vấn trước khi đặt hàng.Khách hàng liên hệ với người bán qua mục chat hoặc qua số điệnthoại

- Quy trình xác nhận đơn hàng:

● Khi nhận được yêu cầu đặt hàng từ phía khách hàng, người bán sẽkiểm tra lại đơn hàng có xác thực hay không, nếu không xác thực thìtiến hành hủy đơn hàng Nếu đơn hàng đầy đủ thông tin cần thiết,đúng yêu cầu, người bán sẽ tiến hành xác nhận đơn hàng

● Sau khi đơn đã được xác nhận, do đặc thù sản phẩm đồ ăn là tươingon nên đơn hàng sẽ được chuẩn bị cẩn thận, chu đáo và nhanhnhất có thể Và bàn giao cho đơn vị vận chuyển để chuyển đến taykhách hàng trong thời gian ngắn nhất

- Quy trình hủy đơn hàng:

● Nếu người bán chưa bàn giao cho đơn vị vận chuyển thì có thể hủyđơn hàng, khách hàng bấm nút hủy đơn hàng và chờ hệ thống xétduyệt

● Nếu người bán đã bàn giao cho đơn vị vận chuyển trên đường giaohàng thì khách hàng sẽ không được hủy đơn hàng, nếu có khiếu nại

gì về đơn hàng thì khách hàng có thể liên hệ trực tiếp với nhân viên

để được giải quyết

- Quy trình đánh giá sản phẩm:

Sau khi nhận được đơn hàng từ đơn vị vận chuyển, khách hàng bấm xácnhận đã nhận hàng trên ứng dụng Hệ thống sẽ yêu cầu khách hàng đánh giásản phẩm theo trải nghiệm của họ

- Quy trình cập nhật tin tức

Nhân viên sẽ tổng hợp các bài viết, hình ảnh, chương trình khuyến mãi,voucher để giúp người bán thu hút khách hàng rồi đăng lên ứng dụng đểtăng tương tác, thu hút khách hàng

3.2.2 Phân tích hệ thống

3.2.2.1 Phân tích chức năng nghiệp vụ

Từ nghiệp vụ của bài toán ta xác định được các chức năng chi tiết sau:(1) Đăng ký tài khoản

(2) Đăng nhập tài khoản

(3) Đăng xuất tài khoản

(4) Thêm tài khoản

(5) Sửa tài khoản

(6) Xóa tài khoản

(7) Tìm kiếm tài khoản

(8) Phân quyền tài khoản