Bài tập lớn môn thiết kế ấn phẩm điện tử (7)

Báo Cáo
Cuối Kỳ
Nhóm 4


Nội dung

01

TỔNG QUAN
ỨNG DỤNG
TRIPTOUR

03

KẾT LUẬN

02

THIẾT KẾ LẠI
ỨNG DỤNG
TRIPTOUR


01

TỔNG QUAN ỨNG
DỤNG TRIPTOUR


ỨNG DỤNG TRIPTOUR

Triptour là ứng dụng đặt tour du lịch cho phép
người mua và đơn vị tổ chức tour kết nối và giao dịch
an tồn, dễ dàng trong một mơi trường tiện lợi và rõ
ràng.
Ứng dụng hỗ trợ tìm kiếm các tour thích hợp với nhu
cầu về kinh phí, địa điểm nhanh chóng với giá thấp hơn mức
niêm yết thị trường của tất cả đơn vị tổ chức. Khi sử dụng
ứng dụng Triptour, người dùng có thể đặt tour ở mức độ tiện
dụng, phong phú, đa dạng và độc đáo bậc nhất.


ỨNG DỤNG TRIPTOUR

Thỏa sức cuồng chân-vi vu với ứng dụng Triptour. Tìm ngay sản phẩm
tour ưng ý chất lượng, giá hợp lý bằng các thao tác đơn giản, thanh toán tiện
lợi. Liên tục cập nhật chương trình tour, giá bán nhanh chóng với nhiều ưu
đãi, khuyến mãi, giảm giá. Thơng tin tour đầy đủ, kỹ lưỡng giúp người dùng
lựa chọn tour đơn giản, phù hợp hơn tại Triptour. Đánh dấu những đề xuất
thuận tiện. Lưu tìm kiếm giúp bạn chọn tour tiện lợi dễ dàng.


PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC
MÀU SẮC TRONG APP TRIPTOUR

●

Ứng dụng lấy gam màu đỏ rực làm chủ
đạo, tạo cảm giác thu hút, hấp dẫn

●

Tuy nhiên màu đỏ quá rực, tạo sự lấn át
và mất tập trung, không phù hợp với
chủ đề của app du lịch - cần tạo cảm
giác mát mẻ, thoải mái cho người dùng


PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC
HÌNH ẢNH TRONG APP TRIPTOUR

●

Hầu hết các hình ảnh được thu thập tại chính
địa điểm du lịch, cung cấp thơng tin trực

●

quan.
Tuy nhiên, hình ảnh lại không được thống nhất
với thiết kế giao diện của app vì họ sử dụng
trực tiếp hình ảnh thu thập được mà không
chỉnh sửa, sắp xếp hợp lý


PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC
CHỨC NĂNG

●

Các chức năng hiện tại của app đang dừng ở mức
đơn giản chỉ bao gồm những chức năng cơ bản của 1
tour du lịch như : Đặt khách sạn, đặt vé, tài khoản,
đăng nhập.

●

Quá trình thanh tốn cịn rườm rà và chưa được tối ưu.

●

Phân cấp thông tin chưa rõ ràng và đảm bảo tiện
ích cho người sử dụng.
=>

Về tổng quan, chức năng của app còn quá sơ sài


PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC
LOGO

Logo được thiết kế khá sơ sài và khơng có điểm
nhấn, chưa mang được hết thông điệp của ứng
dụng du lịch.


02

THIẾT KẾ LẠI
ỨNG DỤNG

TRIPTOUR


Các thay đổi sau khi
thiết kế lại ứng dụng

QUẢN LÍ THƠNG TIN

CHỨC NĂNG MỚI
CÁC CHỨC NĂNG CHÍNH
CÁC CHỨC NĂNG KHÁC
QUẢN LÝ CÁ NHÂN
ĐẶT COMBO

ĐẶT KHÁCH SẠN

QUẢN LÍ ĐƠN HÀNG

THƠNG BÁO

ĐẶT VÉ MÁY BAY

ĐẶT VÉ TÀU


Các thay đổi sau khi
thiết kế lại ứng dụng
CHỨC NĂNG
CÁC CHỨC NĂNG ĐƯỢC SỬA ĐỔI

●

Q trình thanh tốn
được rút ngắn, thuận
tiện và nhanh chóng
hơn

●

Thêm phương thức
thanh tốn qua ví
điện tử

●

Phân lại tour du lịch
thành hai loại: Trong
ngày và nhiều ngày


Các thay đổi sau khi
thiết kế lại ứng dụng
TYPOGRAPHY
TYPOGRAPHY SẼ ĐƯỢC THAY ĐỔI SAO
CHO PHÙ HỢP VÀ THU HÚT NGƯỜI DÙNG

●
●
●

Sử dụng font chữ: San Francisco
Các cỡ chữ: 20, 16, 12
Định dạng: Regular, Bold, Medium,
Semibold

●

Size chữ và định dạng: được sử dụng để điều
hướng mắt người dùng, tạo điểm nhấn với
những thơng tin tiêu đề đáng chú ý, qua đó tạo
hệ thống phân cấp thông tin dễ dàng, đơn giản.


Các thay đổi sau khi
thiết kế lại ứng dụng
LƯỚI

●
●

Sử dụng lưới mô đun ( modular
grid )
4 cột,12 hàng

●

Giúp xác định vị trí trục x,trục y một cách dễ dàng,
chia các ô kích thước bằng nhau, nhằm dễ dàng
hơn trong việc sáng tạo, có được sự nhất quán và
quen thuộc. Điều này sẽ rất hữu ích khi muốn có

được sự đồng bộ, thống nhất trong thiết kế, phá
vỡ các quy tắc nhằm sử dụng các không gian
theo nhiều cách khác nhau


Các thay đổi sau khi
thiết kế lại ứng dụng
MÀU SẮC

●

Màu chính được lựa chọn cho ứng dụng là
màu đỏ cam(FF684B)

●

Khơng giống như màu đỏ mận chủ đạo ở
phiên bản trước, màu đỏ cam này mang lại
cảm giác năng động, tươi trẻ hơn, sống
động hơn, phù hợp hơn với những đối
tượng người dùng là những người trẻ.


Các thay đổi sau khi
thiết kế lại ứng dụng
MÀU SẮC

●
●
●

●

Đen, xám : Dùng cho text, Background
Xanh lá cây : Dùng cho đánh dấu đã
hoàn thành, đúng
Đỏ : Dùng cho báo lỗi, không thành công
Vàng : Dùng cho báo hệ thống đang xử lí


Các thay đổi sau khi
thiết kế lại ứng dụng
LOGO

Với thiết kế mới, logo của ứng
dụng mang một màu sắc bắt
mắt, phong cách hiện đại hợp
trend, năng động hơn.


SƠ ĐỒ KIẾN TRÚC
THÔNG TIN
SAU KHI CHỈNH SỬA

Sau khi được thiết kế lại, kiến
trúc thông tin của ứng dụng
Triptour sẽ bao gồm 4 giao
diện chính là : Trang chủ, đơn
hàng, thông báo và tài
khoản. Điều này tuân theo
quy tắc 1- 5 khi thiết kế UI, dễ

nhớ cho người dùng.


SƠ ĐỒ KIẾN TRÚC
THÔNG TIN
TRANG CHỦ
Với giao diện trang chủ, các
chức năng chính của ứng dụng
sẽ được đặt là : Đặt vé máy
bay, đặt khách sạn, combo, đặt
vé tàu nhằm làm cho người
dùng có thể truy cập ứng dụng
và đặt vé một cách nhanh
nhất. Và việc thêm vào giỏ
hàng, thanh tốn bằng ví điện
tử, ngân hàng cũng được trình
bày lúc này.


SƠ ĐỒ KIẾN TRÚC
THÔNG TIN
ĐƠN HÀNG
Với tab Đơn hàng, nơi đây sẽ để
những chức năng liên quan đến
việc đặt vé của người dùng như :
Những vé đã được đặt thành
công, những thông tin đang chờ
được xác nhận và những vé đã
được hủy. Điều này mang lại sự
rõ ràng cho yêu cầu người dùng.

SƠ ĐỒ KIẾN TRÚC
THƠNG TIN
THƠNG BÁO
Thơng báo cũng là một chức
năng quan trọng khi phát triển
ứng dụng Triptour. Khách hàng
sẽ nhận được những thông báo
dịch vụ, những ưu đãi của các
resort, hotel, hãng máy bay,
hãng tàu,... một cách liên tục.
Người dùng có thể tìm kiếm lại
những thơng báo khi cần thiết.
Thơng báo cũng có thể là tab
mà người dùng hay vào nhất để
nhận thông tin ưu đãi và săn
được những vé có lợi.


SƠ ĐỒ KIẾN TRÚC
THÔNG TIN
TÀI KHOẢN
1 tab thiết yếu với người dùng đó
là tài khoản. Ở đây, các cài đặt
liên quan đến cập nhật thông tin
cá nhân, các ưu đãi của người
dùng, các cài đặt liên quan đến
đăng nhập, mật khẩu, thêm
phương thức thanh toán,.... sẽ

được đặt ở tab này.


03
KẾT LUẬN


Về kiến thức: Sau thời gian thực hiện thiết kế lại ứng dụng Triptour, nhóm chúng em đã đạt được nhiều tiến
bộ cả về mặt tìm hiểu, nghiên cứu lý thuyết lẫn kỹ năng làm việc. Có thể nói, thơng qua môn học này, chúng
em đã đạt được
●
Hiểu biết nhiều hơn về các kỹ thuật trong thiết kế ứng dụng
●
Phân tích thiết kế chặt chẽ hơn
●
Hiểu hơn về cách xây dựng một Ấn phẩm Điện Tử
●
Nâng cao tinh thần tự học, tự nghiên cứu
Về ứng dụng : Bài tập thực hiện được các yêu cầu đề ra. Ứng dụng đã phần nào xây dựng và đáp ứng được
một số chức năng chính : Đặt vé máy bay, đặt vé tàu, đặt khách sạn, Combo
Hạn chế : Do thời gian thực hiện phân tích và thiết kế là tương đối hạn chế với một bài tập tương đối rộng
và phong phú nên khơng tránh khỏi những thiếu sót nhất định. Bên cạnh đó, ứng dụng cịn có một số chức
năng chưa hồn thiện và chính xác. Đây là một ứng dụng với số lượng người dùng khá lớn. Để đáp ứng được
điều này, ứng dụng cần tính một tính ổn định, nhưng xây dựng sự ổn định cũng là một khó khăn lớn


CẢM ƠN CÔ
ĐÃ DÀNH
THỜI GIAN
XEM BÀI!