HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

KHOA ĐA PHƯƠNG TIỆN

BÁO CÁO BÀI TẬP GIỮA KỲ

Học phần: Thiết kế tương tác

Nhóm: 03
Giảng viên: Nguyễn Thị Tuyết Mai

Sinh viên: Phạm Thị Hằng

MSV: B21DCPT100
STT: 14

Hà Nội - 2023
 PHÂN TÍCH MÔ HÌNH PACT CHO ỨNG DỤNG BAEMIN
I. MÔ TẢ ỨNG DỤNG
1. Tổng quan:
- BAEMIN là ứng dụng đặt hàng đồ ăn trực tuyến tại Hàn Quốc và bắt đầu hoạt
động tại Việt Nam vào năm 2018. Ứng dụng được thiết kế theo phong cách hoạt
hình và gần gũi với văn hóa Việt Nam, giúp thu hút người dùng không chỉ về chất
lượng dịch vụ mà còn về văn hóa đời sống.
2. Chức năng
- Baemin cung cấp các dịch vụ đặt đồ ăn từ nhà hàng, cửa hàng địa phương và các
quán ăn vỉa hè; cùng các tính năng khác như: tìm kiếm nhà hàng, xem các đánh
giá và nhận xét của khách hàng về các nhà hàng và đồ ăn, theo dõi quá trình giao
hàng, tính năng đặt hàng trước, ...
- Người dùng có thể dễ dàng đặt đồ ăn và được giao hàng tận nơi, rất tiện lợi và
nhanh chóng, giúp tiết kiệm thời gian và công sức trong việc đến các nhà hàng và
cửa hàng để mua đồ ăn.
3. Đối tượng sử dụng
 Đối tượng sử dụng: những người có nhu cầu đặt đồ ăn do muốn tiết kiệm thời gian
và công sức trong việc nấu ăn, tới nhà hàng/ cửa hàng để mua.
Người dùng chủ yếu: người làm việc văn phòng, học sinh, sinh viên. Đây là tập
người dùng bận rộn, không có nhiều thời gian tự nấu ăn, thường mua đồ ăn bên
ngoài, tìm tòi thử những thứ tươi trẻ, mới mẻ.
 Mô hình 5W-1H ( người dùng ):
- Who:
 Độ tuổi:
o 18-24: thanh niên
o 25-35: người trưởng thành
 Giới tính: tất cả các giới tính
- What:
 Đặt đồ ăn
 Tìm kiếm cửa hàng
 Theo dõi quá trình đơn hàng
 Xem đánh giá, nhận xét
- When: sáng, trưa, tối (đang làm việc/ học tập)
- Where:
 Văn phòng
 Trường học
 Tại nhà,...
- Why: tiện lợi, giúp tiết kiệm thời gian và công sức
- How: tải ứng dụng về điện thoại, đăng kí tài khoản và sử dụng các tính năng của
ứng dụng ( mục What )
II. PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P – PEOPLE:
a. Đặc điểm vật lí
- Thị giác:
 Typeface:
o BM DANIEL: sử dụng bảng chữ cái tiếng Việt được thiết kế riêng cho
BAEMIN, gắn nét tính cách cá nhân vào thương hiệu, tạo cảm giác giống
như đang nghe một câu nói thật chứ không phải là một dòng chữ đứng yên
trên giấy.
o Roboto: dễ nhìn, dễ đọc, phù hợp với giao diện smartphone nhỏ gọn, tạo
cảm giác đọc tốt cho người dùng.

 Màu sắc:
Tương phản tốt, tăng sự thu hút và sự dễ đọc, dễ nhìn

 Bố cục và kích thước:

 o Các thông tin đều được căn lề trái
Phù hợp với văn hóa đọc Việt Nam ( từ trái sang phải )
o Các mục được sắp xếp với thứ tự từ quan trọng đến ít quan trọng hơn và
các item cũng được thiết kế với kích thước phù hợp, vừa mắt để giao
diện trông hiện đại.
Phù hợp với tính cách, độ tuổi của tệp người dùng chủ yếu
o Khoảng cách giữa các phần rộng rãi và cân bằng, tạo nhiều khoảng trống
để nghỉ mắt.

- Xúc giác:
Theo IBM Design, kích thước điểm chạm không nên nhỏ hơn 25px để mọi người
dùng có thể dễ dàng thao tác. Ứng dụng BAEMIN có các nút ấn, icon luôn lớn hơn 25px,
giúp người dùng dễ dàng sử dụng mà không gây ra sự nhầm lẫn.
b. Hành vi và nhận thức
- Nhận thức thị giác:

 Sử dụng bộ icon có ý nghĩa quen

thuộc, đi sâu vào tiềm thức con
người; cùng các icon mang phong
cách hoạt hình tương tự, tạo cảm
giác trẻ trung, gần gũi.
  Màu sắc: Xanh mint và các gam màu nóng: tạo cảm giác tươi mát, trẻ trung,
dễ chịu cho người dùng mỗi khi thao tác trên ứng dụng.
 Con người thường bị thu hút bởi những đối tượng có chuyển động:
o Sử dụng icon kèm chuyển động đơn giản (minh họa video)
o Tự động trình chiếu những ưu đãi giúp người dùng theo dõi nhanh
chóng mà không cần thao tác (minh họa video)
- Nhận thức thính giác: âm thanh thông báo đặt hàng thành công, hành trình đơn
hàng, có nhiều voucher,...
 Người dùng vẫn có thể nắm bắt được thông tin nhờ âm thanh kể cả khi đang
tập trung làm việc/học tập.
 Độ lớn của âm thanh thông báo phụ thuộc vào âm lượng điện thoại
- Khả năng ghi nhớ:
 Giao diện trước và sau khi đăng nhập không có sự thay đổi lớn, giúp người
dùng ghi nhớ được cách sử dụng mà không gặp khó khăn.
Trước Sau

c. Các vấn đề xã hội

- Ngôn ngữ: ứng dụng BAEMIN được phát triển tại Việt Nam đã sử dụng ngôn ngữ
mặc định là tiếng Việt.
- Tệp người dùng của ứng dụng tuy có trình độ văn hóa, kinh nghiệm, vị trí xã hội
khác nhau, nhưng đều có thể tương tác trên ứng dụng một cách dễ dàng do phân
cấp thông tin và hướng dẫn trên giao diện đều vô cùng rõ ràng và dễ hiểu.
 2. A-ACTIVITY
a. Thời gian

- Tần suất sử dụng: BAEMIN là ứng dụng đặt đồ ăn,

vậy nên các nút ấn, icon có chức năng đặt đồ ăn sẽ
được ưu tiên sắp xếp ở trang chủ, các mục có chức
năng khác (quản lý thanh toán, đánh giá, ...) được xếp
gọn trong mục Menu.

- Tính liên tục: Do phương thức hoạt động trực tuyến, nên người dùng cần sử dụng kết
nối internet để có thể sử dụng dịch vụ trên BAEMIN. Vậy nên, khi điện thoại không
có kết nối mạng, dịch vụ bị gián đoạn, ứng dụng sẽ hiển thị thông báo nhắc nhở
người dùng ở chính giữa màn hình. Sau khi có kết nối mạng trở lại, ứng dụng sẽ tiếp
tục phản hồi thao tác của bạn.
- Đáp ứng: người dùng thao tác trên ứng dụng khi điện thoại không có kết nội mạng,
ngay lập tức hệ thống sẽ phản hồi trạng thái, giúp người dùng biết được nguyên nhân
và không bị hoang mang hay tức giận khi sử dụng.
b. Sự hợp tác
Hiện tại, người dùng BAEMIN chỉ hoạt động, sử dụng dịch vụ cá nhân mà không thể
tương tác với người dùng khác.
c. Sự phức tạp
- Ứng dụng chia nhiệm vụ phức tạp thành các nhóm thao tác, giúp người dùng thực
hiện một cách đơn giản, dễ hiểu.
- Ví dụ nhiệm vụ phức tạp: thêm phương thức thanh toán

d. Sự an toàn
- Để tăng sự tin tưởng của khách hàng
khi đặt mua đồ ăn, BAEMIN có mục
đánh giá, nhận xét dưới mỗi sản
phẩm, giúp người dùng có cái nhìn
khách quan về sản phẩm nhờ những
người dùng khác.
- Tại một thời điểm nào đó, người dùng
muốn đồ ăn được giao tới một địa điểm
khác với địa điểm đã cài đặt mặc định,
ứng dụng sẽ hiển thị box xác nhận, giúp
người dùng chắc chắn lại hành động
của mình.

e. Dữ liệu
- Khi người dùng tìm kiếm nhà hàng/loại đồ
ăn muốn đặt, ngoài cách nhập văn bản
bằng bàn phím, ứng dụng còn hỗ trợ bằng
lịch sử tìm kiếm và gợi ý tìm kiếm.

3. C-CONTEXT
a. Ngữ cảnh vật lý
- Trong mọi điều kiện ánh sáng, người dùng vẫn có thể dễ dàng thao tác trên ứng dụng
do thiết kế đáp ứng những yếu tố thị giác khá tốt: font chữ dễ đọc, màu sắc tương
phản tốt, khoảng cách và kích thước vùng chọn gọn gàng.
- Vị trí địa lí: Khi người dùng mở ứng dụng tại những địa điểm khác nhau, ứng dụng
sẽ hiển thị những địa điểm tức thời đó.

b. Ngữ cảnh xã hội

- Do chưa có sự tương tác với những người dùng khác, nên việc thao tác trên ứng dụng
không bị tác động bởi các mối quan hệ xung quanh.
- Người dùng có thể xem đánh giá và nhận xét của những người dùng khác.
Tùy thuộc vào mức độ tích cực của những nhận xét đó, người dùng sẽ bị kích thích
hoặc bị ngăn cản ấn nút mua hàng.
c. Ngữ cảnh tổ chức
Để kích thích nhu cầu mua hàng, ngoài việc có sliding banner quảng cáo sản phẩm,
giao diện màn hình chính còn hiển thị mục ‘‘mã giảm giá’’.

4. T-TECHNOLOGY
a. Đầu vào
- Smartphone
- Bút cảm ứng
b. Đầu ra
- Màn hình điện thoại
- Loa
c. Nền tảng công nghệ
- Ứng dụng BAEMIN được sử dụng trên hệ điều hành Android và iOS. Tuy nhiên vẫn
có sự đồng nhất về giao diện trên hai hệ điều hành này.

Android iOS

- Ứng dụng được sử dụng trực tuyến – cần kết nối mạng.