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 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 ứng dụng đặt tour du lịch cho phép người mua đơn vị tổ chức tour kết nối giao dịch an toàn, dễ dàng môi trường tiện lợi rõ ràng Ứng dụng hỗ trợ tìm kiếm tour thích hợp với nhu cầu kinh phí, địa điểm nhanh chóng với giá thấp mức niêm yết thị trường tất đơn vị tổ chức Khi sử dụng ứng dụng Triptour, người dùng đặt tour mức độ tiện dụng, phong phú, đa dạng độc đáo bậc ỨNG DỤNG TRIPTOUR Thỏa sức cuồng chân-vi vu với ứng dụng Triptour Tìm sản phẩm tour ưng ý chất lượng, giá hợp lý thao tác đơn giản, 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 Triptour Đánh dấu đề 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 đỏ rực, tạo lấn át tập trung, không phù hợp với chủ đề 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 hình ảnh thu thập đị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 thống với thiết kế giao diện app họ sử dụng trực tiếp hình ảnh thu thập mà khơng chỉnh sửa, xếp hợp lý PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC CHỨC NĂNG ● Các chức app dừng mức đơn giản bao gồm chức tour du lịch : Đặt khách sạn, đặt vé, tài khoản, đăng nhập ● Q trình tốn cịn rườm rà chưa tối ưu ● Phân cấp thông tin chưa rõ ràng đảm bảo tiện ích cho người sử dụng => Về tổng quan, chức app cịn q sơ sài PHÂN TÍCH ỨNG DỤNG TRIPTOUR GỐC LOGO Logo thiết kế sơ sài điểm nhấn, chưa mang hết thơng điệp ứng dụng du lịch 02 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau 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 thiết kế lại ứng dụng CHỨC NĂNG CÁC CHỨC NĂNG ĐƯỢC SỬA ĐỔI ● Quá trình tốn rút ngắn, thuận tiện nhanh chóng ● Thêm phương thức tốn qua ví điện tử ● Phân lại tour du lịch thành hai loại: Trong ngày nhiều ngày Các thay đổi sau 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ữ định dạng: sử dụng để điều hướng mắt người dùng, tạo điểm nhấn với thơng tin tiêu đề đáng ý, qua tạo hệ thống phân cấp thông tin dễ dàng, đơn giản Các thay đổi sau thiết kế lại ứng dụng LƯỚI ● ● Sử dụng lưới mô đun ( modular grid ) cột,12 hàng ● Giúp xác định vị trí trục x,trục y cách dễ dàng, chia ô kích thước nhau, nhằm dễ dàng việc sáng tạo, có quán quen thuộc Điều hữu ích muốn có đồng bộ, thống thiết kế, phá vỡ quy tắc nhằm sử dụng không gian theo nhiều cách khác Các thay đổi sau thiết kế lại ứng dụng MÀU SẮC ● Màu lựa chọn cho ứng dụng màu đỏ cam(FF684B) ● Không giống màu đỏ mận chủ đạo phiên trước, màu đỏ cam mang lại cảm giác động, tươi trẻ hơn, sống động hơn, phù hợp với đối tượng người dùng người trẻ Các thay đổi sau thiết kế lại ứng dụng MÀU SẮC ● ● ● ● Đen, xám : Dùng cho text, Background Xanh : Dùng cho đánh dấu hoàn thành, Đỏ : Dùng cho báo lỗi, không thành công Vàng : Dùng cho báo hệ thống xử lí Các thay đổi sau thiết kế lại ứng dụng LOGO Với thiết kế mới, logo ứng dụng mang màu sắc bắt mắt, phong cách đại hợp trend, động SƠ ĐỒ KIẾN TRÚC THÔNG TIN SAU KHI CHỈNH SỬA Sau thiết kế lại, kiến trúc thông tin ứng dụng Triptour bao gồm giao diện : Trang chủ, đơn hàng, thơng báo tài khoản Điều tuân theo quy tắc 1- 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ủ, chức ứng dụng đặt : Đặt vé máy bay, đặt khách sạn, combo, đặt vé tàu nhằm làm cho người dùng truy cập ứng dụng đặt vé cách nhanh Và việc thêm vào giỏ hàng, tốn ví điện tử, ngân hàng trình bày lúc SƠ ĐỒ KIẾN TRÚC THÔNG TIN ĐƠN HÀNG Với tab Đơn hàng, nơi để chức liên quan đến việc đặt vé người dùng : Những vé đặt thành công, thông tin chờ xác nhận vé hủy Điều mang lại 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 chức quan trọng phát triển ứng dụng Triptour Khách hàng nhận thông báo dịch vụ, ưu đãi resort, hotel, hãng máy bay, hãng tàu, cách liên tục Người dùng tìm kiếm lại thơng báo cần thiết Thơng báo tab mà người dùng hay vào để nhận thông tin ưu đãi săn vé có lợi SƠ ĐỒ KIẾN TRÚC THƠNG TIN TÀI KHOẢN tab thiết yếu với người dùng tài khoản Ở đây, cài đặt liên quan đến cập nhật thông tin cá nhân, ưu đãi người dùng, cài đặt liên quan đến đăng nhập, mật khẩu, thêm phương thức toán, đặt tab 03 KẾT LUẬN Về kiến thức: Sau thời gian thực thiết kế lại ứng dụng Triptour, nhóm chúng em đạt nhiều tiến mặt tìm hiểu, nghiên cứu lý thuyết lẫn kỹ làm việc Có thể nói, thơng qua môn học này, chúng em đạt ● Hiểu biết nhiều kỹ thuật thiết kế ứng dụng ● Phân tích thiết kế chặt chẽ ● Hiểu cách xây dựng Ấ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 yêu cầu đề Ứng dụng phần xây dựng đáp ứng số chức : Đặt vé máy bay, đặt vé tàu, đặt khách sạn, Combo Hạn chế : Do thời gian thực phân tích thiết kế tương đối hạn chế với tập tương đối rộng phong phú nên khơng tránh khỏi thiếu sót định Bên cạnh đó, ứng dụng cịn có số chức chưa hồn thiện xác Đây ứng dụng với số lượng người dùng lớn Để đáp ứng điều này, ứng dụng cần tính tính ổn định, xây dựng ổn định khó khăn lớn CẢM ƠN CƠ ĐÃ DÀNH THỜI GIAN XEM BÀI! ... Hiểu biết nhiều kỹ thuật thiết kế ứng dụng ● Phân tích thiết kế chặt chẽ ● Hiểu cách xây dựng Ấ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 yêu cầu đề Ứng... DỤNG TRIPTOUR GỐC LOGO Logo thiết kế sơ sài khơng có điểm nhấn, chưa mang hết thông điệp ứng dụng du lịch 02 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau thiết kế lại ứng dụng QUẢN LÍ THƠNG... thay đổi sau thiết kế lại ứng dụng LOGO Với thiết kế mới, logo ứng dụng mang màu sắc bắt mắt, phong cách đại hợp trend, động SƠ ĐỒ KIẾN TRÚC THÔNG TIN SAU KHI CHỈNH SỬA Sau thiết kế lại, kiến