BÁO cáo môn học THIẾT kế GIAO DIỆN QUẢN lý đặt TOUR DU LỊCH

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NGOẠI NGỮ - TIN HỌC TP.HCM KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO MÔN HỌC THIẾT KẾ GIAO DIỆN QUẢN LÝ ĐẶT TOUR DU LỊCH GIẢNG VIÊN HƯỚNG DẪN: ThS Trần Nguyễn Quỳnh Trâm SINH VIÊN THỰC HIỆN: Huỳnh Ngọc Vân Anh – 20DH111674 TP.HỒ CHÍ MINH - LỜI CẢM ƠN  Em xin gửi lời lời cảm ơn đến cô Trần Nguyễn Quỳnh Trâm – giảng viên môn “Thiết kế giao diện” khoa Công nghệ thông tin trang bị cho em kiến thức, kỹ cần có để hồn thành đồ án Tuy nhiên, q trình hồn thành đồ án, kiến thức chuyên ngành thẩm mỹ hạn chế nên em cịn nhiều thiếu sót tìm hiểu, đánh giá trình bày đề tài Rất mong nhận quan tâm, góp ý thầy/ cô giảng viên môn để đề tài em đầy đủ hoàn chỉnh Em xin chân thành cảm ơn MỤC LỤC Chương HỒ SƠ DỰ ÁN 1 Tên đề tài Mô tả sản phẩm .1 Dịch vụ dành cho ai? .1 Yêu cầu sản phẩm Đối thủ cạnh tranh cảm hứng Giao hàng Giá Dòng thời gian: Chương LẬP KẾ HOẠCH (PLAN) .3 I STRATEGIZE User Centered Business Canvas .3 Nghiên cứu sản phẩm (đối thủ) 3 User Personas 4 Mơ hình AARRR II ORGANIZE Functionality map Sitemap Design Brief 3.1 COMPANY CONTACT INFORMATION 3.2 GENERAL 3.3 PROJECT OBJECTIVE - BUSINESS GOAL .7 3.3.1 Mục tiêu: Cung cấp trải nghiệm chuyến du lịch, mà toàn chi phí bạn lo đầy đủ với điện thoại cài sẵn ứng dụng 3.3.2 Thơng điệp: khơng có 3.3.3 Mục tiêu phụ: khơng có 3.3.4 Mục tiêu chung: tiếp cận cơng nghiệp mới, thử trải nghiệm tiện ích việc số hóa thành cơng 3.3.5 Khác biệt: 3.3.8 Dự án đem lại lợi nhuận cách nào? 3.4 USER NEEDS 3.5 PERCEPTION AND DESIGN .8 3.6 FUNCTIONALITY, CONTENT III THIẾT KẾ LUỒNG(FLOWS) .9 Journey map User stories .9 User flows .10 Chương NGHIÊN CỨU NGƯỜI DÙNG (DISCOVER) 11 I USER INTERVIEW 11 II OBSERVATION 11 Chương PHÁC THẢO WIREFRAME (EXPLORER&DEFINE) 12 I CÁC LUỒNG WIREFRAME 12 13 14 15 16 II BẢNG STYLE GUIDE 17 III BẢNG MOODBOARD 17 Chương THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE) 19 I GIAO DIỆN CHÍNH 19 II CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME) .20 21 22 23 24 KẾT LUẬN 25 TÀI LIỆU THAM KHẢO 26 Chương HỒ SƠ DỰ ÁN Tên đề tài Dịch vụ đặt tour du lịch Holly Smart Mô tả sản phẩm Holly Smart mong muốn cung cấp cho bạn trải nghiệm kỳ nghỉ cách thông minh, với vài thao tác điện thoại, bạn hồn tồn quản lý tồn lịch trình thân chuyến hành trình du lịch, đem lại tiện lợi, thoải mái thật thư giãn bạn hoàn tồn khơng cần lo việc chi phí khơng đủ hành trình Khi sống trở nên giả, ngày nhiều người mong muốn thư giản sau ngày làm việc cực khổ, nhiều người mong muốn chơi vào dịp lễ, tết, cuối tuần Việc gây tượng khan vé, chen chúc khơng đặt phịng Dịch vụ dành cho ai? Nhân viên công sở hộ gia đình: sản phẩm dành cho tập thể công nhân viên muốn du lịch nhau, hộ gia đình mong muốn có thêm thời gian để gắn kệt tình cảm Sản phẩm cho phép họ được đặt trước dịch vụ mà họ muốn trải nghiệm, cung cấp cho họ khơng gian thoải mái tất chi phí toán Yêu cầu sản phẩm Truy cập dễ dàng, giao diện đơn giản, thân thiện với người dùng Trung tâm hỗ trợ| Dịch vụ| Đăng nhập| Đăng ký| Hỗ trợ thị trường khác Hệ thống AI dẫn truy cập lần đầu Bảo mật chuyến hành trình Khơng tính phí mơi giới, trung gian Hỗ trợ vay trước cho dịch vụ phát sinh Màn hình cá nhân hóa Xem hóa đơn tốn Đối thủ cạnh tranh cảm hứng  Đối thủ cạnh tranh Metrip Travelkola Sygic Travel Maps Trip Planner  Cảm hứng: Đi chơi tay xách tay mang Đem theo q nhiều tiền bị móc túi, khơng đem lại thiếu Mỗi lần chơi “hành hình” Rất thích nơi q tất bật mà quên  Nhằm nâng cao trải nghiệm cho hành trình, cung cấp cho khách hàng chơi thoải mái, không cần lo lắng chi phí, Giao hàng Cung cấp demo cho khách hàng trải nghiệm Sử dụng người dùng thử nghiệm Báo cáo chất lượng, mức độ hỗ trợ phần mềm Giá Trang  100.000.000 cho toàn phần mềm  Đặt cọc 50.000.000 để bắt đầu dự án  Trả 10.000.000 cho yêu cầu thêm vào tiến trình dự án  Sau kết thúc dự án, tốn tồn chi phí vịng ngày Dòng thời gian: 26/8: lập hồ sơ UX 3/10-10/10: lập hồ sơ UX1, vẽ mockup giao diện 11/10-17/10: khảo sát người dùng 18/10-24/10: nghiên cứu sản phẩm 25/10-31/10:vẽ sơ đồ chức năng, lên ý tưởng cho giao diện 1/11-7/11: thiết kế sơ đồ chức 8/11-14/11: thiết kế luồng 14/11-21/11: nghiên cứu người dùng 22/11-28/11: vẽ giao diện Tháng 12: hoàn thành đồ án Trang Chương LẬP KẾ HOẠCH (PLAN) I STRATEGIZE User Centered Business Canvas PROBLEMS Đồ q nhiều Khơng có thời gian để lên kế hoạch nên tới nơi ăn xong ngủ Không biết điểm đến, sợ bị chặt chém -Family NAME: Holly Group - TITLE: vác nhà theo lếch NEEDS Mua thứ dùng lần chuyển tới nơi trước Đã thuê sẵn khách sạn đến Các ăn sẵn sàng cịn nóng vừa bước chân xuống xe Đi tham quan nhiều nơi DEMOGRAPHICS CONTEXT Gia đình gồm hệ : người già, đứa trẻ người -SHORT lớnđều có việc DESCRIPTION Vì có trẻ nên làm ổn định có nhiều thứ phải mang theo, phải sợ, sợ thiếu, sợ ăn không quen, sợ , vác đồ dùng nhà theo cho GOALS Thoải mái, nhẹ nhàng, không cồng kềnh, tiêu chí “vác ba lơ lên đi” FEARS Sợ phải mang nhiều đồ Nghiên cứu sản phẩm (đối thủ) MeTrip Giao diện Giao diện đẹp mắt, bố cục rõ ràng Traveloka Giao diện app dễ nhìn, giao diện web bị lỗi responsive, xếp khoa học trực quan Các mục đáng lưu tâm giá tiền hãng bay in đậm nên dễ lọc kết Sygic Travel Maps Trip Planner Giao diện rõ ràng nhiều chữ Trang Chức Thanh tốn Có chế độ đặt lịch hệ thống thị dạng timeline, giúp người dùng sử dụng khaongr thời gian thật hợp lý theo ý muốn Có lọc thời gian bay, giúp người dùng thuận tiện việc tìm chuyến bay khoảng thời gian cần App tích hợp map hiển thị nơi tiếng gần đó, giúp người dùng thuận tiện việc lựa chọn điểm chơi Rõ ràng khoản tiền Minh bạch toán, số tiền hiển thị khu vực tìm kiếm chuyến bay số tiền cuối mà người dùng phải đóng bao gồm phí nội vụ Rõ ràng khoản tiền User Personas Problems, needs USERS viên - Nhu cầu Nhân chơi ngày công sở, hộ tăng, dẫn đến gia đình việc đăng ký vé trở nên khó khăn - Kẹt chuyến, đặt nhầm khách sạn - Lên nhầm chuyến, khó đặt chuyến - Đem nhiều tiền, bị móc hết - Đem thiếu tiền, không đủ tiêu xài, chi tiêu không thoải mái - Mỗi chơi di dân, đem gần hết đồ ăn nhà theo khiến chuyến từ mục đích xả stress thành ăn ngủ USER FEARS SOLUTION ACQUISITION - Khơng có nhiều - Dựa vào nhu CHANNELS thời gian để lên cầu người - Khách sạn Holly kế hoạch dùng, Holly Funny Smart se tự lên - Các chuyến xe - Phải quản lý timeline chuyên dùng cho nhiều thứ linh hoạt chỉnh du lịch lặt vặt, không sửa theo nhu - Nhà hàng tiệc cưới tên cầu khách - Muốn Holly Wedding - Chỉ cần đeo chuyên cung mã QR ăn cao cấp điểm nên thiết kế sảnh trang trí theo đến điện nhu cầu khách - Không biết lựa thoại cài sẵn hàng chọn phương phần mềm, tiện di chuyển người dùng có - Khơng biết đặc thể tìm đồng sản địa phương, đội giá cả, bị chặt đâu chém - Có tích hợp sẵn việc quản lý đồ dùng, đặt trước tất đồ cần dùng cho chuyến chúng sẵn sàng khách đến - Gợi ý điểm đến lý tưởng, Trang tình trạng, ngon, giá - Đặt sẵn ăn, hỗ trợ tốn qua app, cần tới nhận EXISTING SOLUTIONS EARLY ADOPTERS Go2joy Travelkola TripAdvisor Cảm hứng: Những cá nhân/ gia đình/ tổ chức có thu nhập tháng 15tr Những doanh nghiệp tư nhân muốn tổ chức du lịch cho công nhân viên USER GOALS Giảm stress, hưởng thụ du lịch nghĩa, gắn kết cá nhân với Khơng cần lo khoản phí phát sinh Không cần đối mặt với việc lạc đồng đội VALUE PROPOSITION Càng gắn bó với sản phẩm có ưu đãi cho chuyến đi, khách sạn, nhà hàng thuộc chuỗi nhà hàng tiệc cưới – khách sạn – du lịch Holly Group REVENUE SOURCES Khách hàng thân thiết Quảng cáo Nhà hàng, khách sạn chuỗi METRICS Tải ứng dụng, đk tài khoản miễn phí Sử dụng lâu dài Trở thành khách hàng thân thiết Mơ hình AARRR Các bước Hoạt động Mơ tả hoạt động Người dùng sau giới thiệu Thu Tải app tải app hút Đăng ký vào app Nhập vào thông tin cá nhân Dùng tài khoản đăng ký email số điện thoại nhập mật Đăng nhập Hoạt Đặt tour app, giữ chỗ động Đặt tour chưa muốn toán Chỉnh sửa lại số người tour Chỉnh sửa tour đặt Thanh toán tour Trả tiền cho tour đặt Nâng cấp tài khoản để trải nghiệm tốt Doanh Nâng cấp tài khoản thu Tiến hành quảng cáo 30s đặt Quảng cáo tour Người dùng giới Người dùng chia sẻ cho người quen Giới thiệu bạn bè họ họ dịch vụ tốt thiệu Chia sẻ Chia sẻ tảng xã hội Số phần trăm khảo sát Quy đổi thành số 100% 90% 100,000 50,000 15% 15,000 70% 5,000 30% 20% 3,000 2,000 10% 1,000 10% 1,000 5% 3% 300 100 Trang II ORGANIZE Functionality map Sitemap Design Brief Holly Travel Trang < PHÁC THẢO WIREFRAM > Trang 15 < PHÁC THẢO WIREFRAM > Trang 16 < PHÁC THẢO WIREFRAM > Trang 17 < PHÁC THẢO WIREFRAM > II BẢNG STYLE GUIDE III BẢNG MOODBOARD Figma Trang 18 < PHÁC THẢO WIREFRAM > AdobeXD Trang 19 Chương THIẾT KẾ MẪU TƯƠNG TÁC (PROTOTYPE) I GIAO DIỆN CHÍNH < PHÁC THẢO WIREFRAM > II CÁC LUỒNG PROTOTYPE (GIỮ NGUYÊN NHƯ WIREFRAME) Trang 21 < PHÁC THẢO WIREFRAM > Trang 22 < PHÁC THẢO WIREFRAM > Trang 23 < PHÁC THẢO WIREFRAM > Trang 24 < PHÁC THẢO WIREFRAM > Trang 25 KẾT LUẬN Những vấn đề làm Đặt tour Chỉnh sửa thông tin tour đặt chưa toán Hủy tour đặt chưa toán Những vấn đề chưa làm Không thể chỉnh sửa khách sạn Không thể chỉnh sửa nhà hàng Không thể chỉnh sửa loại phương tiện Không thể lập timeline co chuyến Hướng phát triển Có thể lập time line cho chuyến Trang 26 TÀI LIỆU THAM KHẢO slimweb.vn typeform.com blog.hubspot.com Trang 27 Chương TÓM TẮT DỰ ÁN TRÊN DRIBBBLE Trang 28 https://dribbble.com/NgocHuynhAnh999/drafts Trang 29 ... cho giao diện 1/11-7/11: thiết kế sơ đồ chức 8/11-14/11: thiết kế luồng 14/11-21/11: nghiên cứu người dùng 22/11-28/11: vẽ giao diện Tháng 12: hoàn thành đồ án Trang Chương LẬP KẾ... Giao diện Giao diện đẹp mắt, bố cục rõ ràng Traveloka Giao diện app dễ nhìn, giao diện web bị lỗi responsive, xếp khoa học trực quan Các mục đáng lưu tâm giá tiền hãng bay in đậm nên dễ lọc kết... thoại nhập mật Đăng nhập Hoạt Đặt tour app, giữ chỗ động Đặt tour chưa muốn toán Chỉnh sửa lại số người tour Chỉnh sửa tour đặt Thanh toán tour Trả tiền cho tour đặt Nâng cấp tài khoản để trải