PACT - BAEMIN

Phân tích 4 yếu tố PACT cho ứng dụng BAEMIN

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

MSV: B21DCPT100
STT: 14
Môn học: Thiết kế tương tác
Nhóm: 03
Giảng viên: Nguyễn Thị Tuyết Mai
MỤC LỤC

MÔ TẢ ỨNG DỤNG
1. Tổng quan
2. Chức năng
3. Đối tượng sử dụng
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - People
2. A - Activity
3. C - Context
4. T - Technology
MÔ TẢ ỨNG DỤNG
MÔ TẢ ỨNG DỤNG

1. Tổng quan

‐ BAEMIN là ứng dụng đặt hàng đồ ăn

trực tuyến

‐ Đượ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
MÔ TẢ ỨNG DỤNG

2. Chức năng

‐ Cung cấp các dịch vụ đặt đồ ăn, cùng các tính

năng khác: 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.
MÔ TẢ ỨNG DỤNG
3. Đố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Ô TẢ ỨNG DỤNG
3. Đối tượng sử dụng
Mô hình 5W-1H ( người dùng ):

Who:
o Độ tuổi:
18-24: thanh niên
25-35: người trưởng thành
o Giới tính: tất cả các giới tính
What:
o Đặt đồ ăn
o Tìm kiếm cửa hàng
o Theo dõi quá trình đơn hàng
o Xem đánh giá, nhận xét
When: sáng, trưa, tối (đang làm việc/ học tập)
Where:
o Văn phòng
o Trường học
o 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 )
PHÂN TÍCH ỨNG DỤNG
THEO MÔ HÌNH PACT
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.
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.
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:

Màu sắc:

Tương phản tốt, tăng sự thu hút và

sự dễ đọc, dễ nhìn
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:
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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
a. Đặc điểm vật lý
- Xúc giác:

Theo IBM Design: kích thước điểm chạm không nên nhỏ hơn 25px
Ứng dụng BAEMIN có các nút ấn, icon luôn lớn hơn 25px
Dễ dàng sử dụng mà không gây ra sự nhầm
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
b. Hành vi và nhận thức
- Nhận thức thị giác:

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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
b. Hành vi và nhận thức
- Nhận thức thị giác:

Chuyển động:

o Sử dụng icon kèm chuyển động đơn giản

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
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
b. Hành vi và nhận thức
- 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,...
o 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.
o Độ lớn của âm thanh thông báo phụ
thuộc vào âm lượng điện thoại
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
b. Hành vi và nhận thức
- Khả năng ghi nhớ:

Giao diện trước và sau khi đăng

nhập không có sự thay đổi lớn
Ghi nhớ được cách sử
dụng mà không gặp khó khăn.

Trước Sau
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
1. P - PEOPLE
c. Các vấn đề xã hội

- Ngôn ngữ: ngôn ngữ mặc định là tiếng Việt.

- Trình độ văn hóa: 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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
a. Thời gian
- Tần suất sử dụng:

BAEMIN là ứng dụng đặt đồ ăn:

o Các nút ấn, icon có chức năng đặt đồ ăn
sẽ được ưu tiên sắp xếp ở trang chủ
o 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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
a. Thời gian
- Tính liên tục:

o 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.
o 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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
a. Thời gian
- Đá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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
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

o Ứ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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
c. Sự phức tạp o Ví dụ nhiệm vụ phức tạp: thêm phương thức thanh toán
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
d. Sự an toàn

Hiển thị box xác nhận, giúp người dùng Có mục đánh giá, nhận xét dưới mỗi sản phẩm
chắc chắn lại hành động của mình (khi Có cái nhìn khách quan về sản phẩm nhờ
địa chỉ giao hàng thay đổi) những người dùng khác
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
2. A - ACTIVITY
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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT

a
3. C - CONTEXT

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 đó.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
3. C - CONTEXT

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.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
3. C - CONTEXT

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á’’.
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
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
PHÂN TÍCH ỨNG DỤNG THEO MÔ HÌNH PACT
4. T - TECHNOLOGY

c
Android iOS

Nền tảng công nghệ

- Có sự đồng nhất về giao diện trên

hai hệ điều hành Android và iOS.
- Ứng dụng được sử dụng trực tuyến
(cần kết nối mạng).
THANKS FOR WATCHING