Ứng dụng myhotel sản phẩm giúp chuyển đổi số việc đặt phòng và quản trị phòng, giúp các trải nghiệm dễ dàng và thú vị hơn

BỘ THÔNG TIN VÀ TRUYỀN THÔNG HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG -🙦🕮🙤 - BÁO CÁO KẾT THÚC HỌC PHẦN THIẾT KẾ WEBSITE Giảng viên hướng dẫn: Nguyễn Thị Tuyết Mai Nguyễn Thị Thanh Tâm Mục lục Vẽ wireframe: Thiết kế: Phân công công việc: a, Thiết kế figma: b, Code website: Xây dựng ý tưởng: Bắt nguồn từ bất tiện thuê đặt phòng khách sạn du lịch khơng có khách sạn, hết phịng, khơng tìm khách sạn ý Trang web/ ứng dụng My Hotel đời giúp chuyển đổi số việc đặt phịng khách sạn, tiện lợi thơng minh phương pháp truyền thống Vẽ wireframe: Mobile: Login Verification Register Home Home Log out Tablet: Login Verification Register Home Home Log out Desktop: Login Register Home Verification Home Log out Thiết kế: - Báo cáo q trình làm việc nhóm: Nhóm họp bàn quy định thành phần font, màu sắc, icon, layout, Ưu tiên tính khả thi để xây dựng trang web, thành viên làm theo trình tự có trao đổi bàn giao giao diện Đảm bảo tính thống kế thừa sản phẩm người thực trước - Các yếu tố đặc trưng trang web như: Màu sắc chủ đạo mã màu #FC6B6B màu hồng mang lại cảm giác đồng cảm, quan tâm đến người dùng, gợi đến lãng mạn, đem đến cảm giác thư thái, dễ chịu, giải tỏa stress thể cảm xúc tích cực Điều thật tốt mang lại cảm giác thoải mái cho người dùng từ sử dụng trang web để đặt phòng khách sạn, mang đến trải nghiệm tuyệt vời cho người sử dụng Về phần border radius spacing nhóm sử dụng thông số bội 8, 16, 64… Giá trị việc sử dụng thông số thấy rõ ràng Đối với Designer: Hiệu quả, nhanh gọn khơng cịn phải tốn nhiều thời gian để suy nghĩ khoảng cách phần tử, không cần phải nhớ xem dùng spacing khác Điều đem lại quán cho thiết kế Đối với Dev: Thứ số chẵn, thứ hai không cần phải tốn thời gian để đo xem phần tử cách bao nhiêu, cuối dev tính tốn đặt cho hợp lý khơng có design Việc thống giúp cho người dùng cảm thấy dễ thao tác xử lý thông tin hơn, Đồng thời tạo khoảng trống cho mắt nghỉ ngơi, web nhìn thơng thống Về phần yếu tố người thiết kế nhóm em phải nhắc tới đặc điểm tâm lý Phần lớn khách hàng người có độ tuổi từ 18-40 tập chung thành phố lớn Hà Nội, thành phố Hồ Chí Minh, Đà Nẵng, tỉ lệ nam nữ tương đương nhau, mức chi tiêu tháng cho việc du lịch khoảng triệu đồng Vậy nên trang web thiết kế chủ yếu hướng đến đối tượng người dùng Tâm lý chung người thích trẻ trung, động, thích nhanh chóng, nên ứng dụng có thiết kế gần gũi, giao diện tươi sáng, bắt mắt, tính thân thiện, dễ hiểu, dễ sử dụng Quan tâm hàng đầu mức giá phù hợp có nhiều khuyến mãi, để phù hợp với kinh tế thói quen tiêu dùng Về đặc điểm vật lý nói bên phần màu sắc, font, shape, thống không gây rối mắt người dùng dễ dàng thao tác trang web Về vấn đề xã hội người dùng có trình độ văn hố, kinh nghiệm vị trí khác xã hội : nhiên tập khách hàng chủ yếu giới trẻ, có khả trình độ học vấn tương đối cao, có kinh nghiệm việc sử dụng thiết bị thơng minh, có khả tốn online, nên giao diện khơng cần q tập trung vào việc hướng dẫn, thay vào tập trung vào hiển thị nhiều thơng tin hữu dụng có thể, chức sử dụng nhanh đạt mục tiêu Về yếu tố hoạt động ngữ cảnh: Tần suất sử dụng dựa vào đối tượng sử dụng báo cáo sử dụng ứng dụng cung cấp dịch vụ tương tự Airbnb, LuxStay, … tần suất sử dụng không thường xuyên, tăng dần thời gian sử dụng tần suất trước kỳ nghỉ, cuối tuần, … để tìm khuyến phịng địa điểm phù hợp Do cường độ sử dụng tính tìm kiếm phịng thơng tin phịng gợi ý với mức giá hấp dẫn, điểm đánh giá cao, gần quan tâm nhiều nhất, thiết kế ưu tiên đặt phần trang chủ để tiếp cận dễ dàng Với nhiều bên tham gia với vai trị khác nhau, ví dụ sản phẩm em bao gồm : người quản lý khách sạn, nhân viên khách sạn, cộng tác viên người dùng phổ thông cấp quyền với nhiệm vụ khác Với ngữ cảnh khác người dùng có chức khác để sử dụng Ví dụ với người dùng phổ thơng tạo ngữ cảnh để họ tương tác với ứng dụng nhiều dễ dàng nhất; quản lý khách sạn có cơng cụ theo dõi thông số, khai thác thông tin, giao tiếp với khách hàng, … ; nhân viên khách sạn có thêm dịch vụ để xác minh người thuê phòng; cộng tác viên tập trung vào nhập liệu thông số phịng Ví dụ tích cực với tính đánh giá ứng dụng người dùng cho phòng đặt: đánh giá tác động tới chủ khách sạn để dịch vụ tốt lên, chăm sóc khách hàng tốt hơn, tăng số lượng dịch vụ cho số tăng lên, gợi ý vị trí cao ứng dụng, thu hút khách hàng khác Bản thân người cung cấp dịch vụ tăng thời gian sử dụng ứng dụng nhờ “phần thưởng” cộng đồng giá trị vật chất cảm giác vinh dự xã hội đề cao Nhưng cần đảm bảo việc đánh giá diễn cơng bằng, kiểm sốt khơng có tác động ngược Mục tiêu khả sử dụng phần dễ dùng: thiết kế giúp cho người xác định kết hành động tương lai, xác định hành động để thực Ví dụ người dùng quan tâm đến phòng hiển thị thẻ, muốn có thêm thơng tin theo kinh nghiệm trước theo ham muốn tự nhiên ấn vào thẻ, từ chuyển sang hình thơng tin thêm đặt phòng Sử dụng icon thống phổ biến dễ hiểu khiến cho người dùng dễ dàng nhận biết ý nghĩa mục đích thao tác vào việc sử dụng icon làm người dùng dễ nhớ, tạo thân thiện, gần gũi với người dùng Trang web sử dụng bố cục phụ rõ ràng: Phần chính: Để ảnh ưu điểm trang web, nhằm thu hút người xem Để thơng tin tìm kiếm, khu vực tìm kiếm truy cập nhiều, khách sạn có ưu đãi lớn chất lượng tốt Phần phụ: Để thơng tin giỏ hàng ( phịng có ý định đặt), thông báo thông tin người dùng Bên thơng tin phịng, khách sạn th nhiều có giảm giá xếp tương đương Áp dụng nguyên tắc +- danh sách phòng, khách sạn thuê, giúp người dùng ghi nhớ thông tin 3 Phân công công việc: a, Thiết kế figma: ● Điện thoại: ● Tablet: ● Desktop: Bảng phân chia công việc thiết kế Figma: Điện thoại Tablet Desktop Trang chủ Lê Quốc Anh Phạm Minh Hoàng Lê Minh Quang trang nội dung Phạm Tuấn Anh Phạm Minh Hồng Đỗ Tuấn Phong Trang Phạm Tuấn Anh Phạm Minh Hoàng Đỗ Tuấn Phong Trang đăng ký Lê Quốc Anh Lê Minh Quang Đỗ Tuấn Phong Trang đăng nhập Lê Quốc Anh Lê Minh Quang Phạm Tuấn Anh - Link figma: https://www.figma.com/file/30ZxJV51QCWqkLvR01DVCk/MyHotel?nodeid=0%3A1 b, Code website: - Link sản phẩm: https://drive.google.com/drive/folders/1RPNuYDU1c3Ri4RkDvnMLP8Tn_fXh8b 38?fbclid=IwAR1DWMqssgsdAhoAu9npjISUJWL09Vw2ZBWCn2GzjY5MWWrRSsPC9_m1YY Trang chủ (Phong) : Trang đăng nhập (Tuấn Anh): Trang đăng ký ( Quốc Anh): Trang nội dung ( Hồng): Trang (Quang): BẢNG ĐÁNH GIÁ CƠNG VIỆC CỦA NHÓM TRƯỞNG (Phần Code) Đầu việc Lê Quốc Anh Phạm Tuấn Anh Phạm Minh Hồng Trang Trang đăng Đỗ Tuấn Quang Phong Trang nội dung Trang đăng ký Lê Minh 9 9,5 nhập Trang chủ 10 ... kinh nghiệm việc sử dụng thiết bị thơng minh, có khả tốn online, nên giao diện khơng cần q tập trung vào việc hướng dẫn, thay vào tập trung vào hiển thị nhiều thơng tin hữu dụng có thể, chức sử dụng. .. tâm đến phòng hiển thị thẻ, muốn có thêm thơng tin theo kinh nghiệm trước theo ham muốn tự nhiên ấn vào thẻ, từ chuyển sang hình thơng tin thêm đặt phòng Sử dụng icon thống phổ biến dễ hiểu khiến... sóc khách hàng tốt hơn, tăng số lượng dịch vụ cho số tăng lên, gợi ý vị trí cao ứng dụng, thu hút khách hàng khác Bản thân người cung cấp dịch vụ tăng thời gian sử dụng ứng dụng nhờ “phần thưởng”