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

Học viện Cơng nghệ Bưu Viễn thơng BÁO CÁO CUỐI KÌ MƠN THIẾT KẾ ẤN PHẨM ĐIỆN TỬ Đề tài: THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Giáo viên hướng dẫn: Nguyễn Lê Mai Sinh viên thực hiện: Lê Thị Lam Thương B17DCPT200 Vũ Đức Thành B17DCPT192 Đào Việt Dũng B17DCPT048 Đặng Đức Anh B17DCPT004 Đỗ Đức Duy B17DCPT056 Nguyễn Hồng Quân B17DCPT164 Nguyễn Vũ Tiến Hoàng B17DCPT084 Vũ Khắc Tưởng B17DCPT228 Hà Nội, 2021 BẢNG PHÂN CÔNG CÔNG VIỆC STT Họ tên MSV Phân công Phần trăm Lê Thị Lam Thương B17DCPT200 Slide, Báo cáo, User flow, Wireframe, GUI, Prototype 100% Vũ Đức Thành B17DCPT192 User flow, Wireframe, GUI, Prototype 100% Đào Việt Dũng B17DCPT048 User flow, Wireframe, GUI, Prototype 100% Đặng Đức Anh B17DCPT004 Báo cáo, User flow, Wireframe 60% Đỗ Đức Duy B17DCPT056 User flow, Wireframe, GUI, Prototype 100% Nguyễn Hồng Quân B17DCPT164 Báo cáo, User flow, Wireframe 60% Nguyễn Vũ Tiến Hoàng B17DCPT084 Slide,User flow, Wireframe, Animation 80% Vũ Khắc Tưởng B17DCPT228 Slide,Báo cáo, User flow, Wireframe 50% MỤC LỤC LỜI MỞ ĐẦU TỔNG QUAN ỨNG DỤNG TRIPTOUR Ứng dụng Triptour Phân tích ứng dụng Triptour gốc Màu sắc hình ảnh app Triptour Chức Kiểu chữ kích thước văn Logo 3 3 5 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau thiết kế lại ứng dụng Chức Typography Lưới Màu sắc Logo Sơ đồ kiến trúc thông tin User Flow Wireframe Thiết kế UI Kết luận 6 7 10 11 13 18 22 29 LỜI MỞ ĐẦU Với tình hình kinh tế thị trường ngày đà phát triển nay, du lịch tượng kinh tế - xã hội ưa chuộng vô “hot” số lượng chất lượng Cùng với đó, xu hướng đặt tour trực tuyến lên đem lại nhiều thuận lợi tiết kiệm thời gian cho người đặt tour mà Internet ngành công nghiệp khơng khói vơ phát triển Thực tế, thấy rõ rằng, đời sống người dân ngày nâng cao, sở hạ tầng giao thông lại cải thiện đại hơn, kéo theo nhiễm mơi trường ngày nặng nề, thế, người thường có xu hướng muốn tìm đến nơi gần gũi với thiên nhiên để nghỉ dưỡng thư giãn thoải mái hơn, bỏ lại tất khói bụi, ồn nơi thành phố Việc đặt tour trực tuyến xu hướng khơng cịn lại vơ vùng phát triển ngày đại nhờ có phần mềm đặt tour trực tuyến, giúp khách hàng dễ dàng thực thành công website công ty qua kênh OTAs Bởi vậy, bán tour du lịch cần lưu ý vấn đề này, xu hướng sử dụng Internet thiết bị di động cầm tay vô phổ biến rộng rãi Chỉ cần có 3G, 4G đăng kí nơi đâu thời điểm Trong lĩnh vực vậy, sản phẩm cần có đa dạng để khách hàng có nhiều lựa chọn Vì thế, để nâng cao tính cạnh tranh cần phải thiết kế xây dựng nhiều chương trình tour khác tạo hấp dẫn tốt Kèm theo đưa sản phẩm mang đậm nét văn hóa dân tộc sản phẩm dịch vụ kèm để có hồn hảo Với tất lý trên, chúng em chọn thiết kế lại ứng dụng Triptour với mong muốn cải thiện chất lượng sản phẩm dịch vụ du lịch đến với khách hàng tiềm 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 tồ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 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 a Màu sắc hình ảnh app Triptour Gam màu đỏ chủ đạo ứng dụng thường dễ lấn át gam màu hình ảnh khác gây nên tập trung Tuy có tạo cảm giác thu hút, hấp dẫn ý người dùng nhiên màu đỏ rực, tạo cảm giác không mát mẻ theo chủ đề app du lịch Hình ảnh app mục tour du lịch hình ảnh thật nhiên chưa đẹp chưa thu hút người dùng sử dụng b Chức Hình Sơ đồ App gốc ● 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 ● Chưa tạo tính mẻ thu hút người dùng ● Q trình tốn cịn cổ điển 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 c Kiểu chữ kích thước văn ● Kiểu chữ đơn giản chưa thể hiển tính thẩm mỹ nội dung app du lịch ● Tiêu đề chưa chọn kiểu chữ phù hợp để thu hút người dùng ● Typo chưa thể rõ rệt phân cấp thông tin rõ ràng dẫn đến chưa làm bật nội dung tour app nội dung muốn truyền tải d 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 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau thiết kế lại ứng dụng a Chức Các chức mới: ● Đặt khách sạn ● Đặt vé máy bay ● Đặt combo: Bao gồm lịch trình vé máy bay khách sạn có sẵn du khách tự lịch trình đến địa điểm ● Đặt tour: Bao gồm tour với lịch trình cụ thể, phù hợp với du lịch nhóm du lịch tập thể, bao gồm tour ngày tour nhiều ngày ● Quản lý đơn hàng ● Thơng báo: Cập nhật thơng tin nhanh chóng để tận hưởng ưu đãi thông tin từ hệ thống ● Quản lý thông tin cá nhân ● Ưu đãi: Bao gồm tất thông tin ưu đãi nhận mã ưu đãi ● Bài viết: Bao gồm tin tức, kiện, cẩm nang du lịch ● Hỗ trợ khách hàng Các chức sửa đổi: ● Q 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 Hình Sơ đồ app sau thay đổi b Typography Typography thay đổi phù hợp 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 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 18 Wireframe 19 20 21 22 23 24 Thiết kế UI 25 26 27 28 29 30 31 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 32 ... 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ự... dung muốn truyền tải d 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 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau thiết kế lại ứng dụng a Chức Các chức... văn Logo 3 3 5 THIẾT KẾ LẠI ỨNG DỤNG TRIPTOUR Các thay đổi sau thiết kế lại ứng dụng Chức Typography Lưới Màu sắc Logo Sơ đồ kiến trúc thông tin User Flow Wireframe Thiết kế UI Kết luận 6 7 10