Bối cảnh và vấn đề nghiên cứu

Trong bối cảnh phong trào rèn luyện thể dục thể thao, đặc biệt là bộ môn bóng đá phong trào tại các đô thị ngày càng phát triển, nhu cầu tìm kiếm sân bãi, kết nối đối thủ giao lưu và quản lý đội bóng trở nên cấp thiết. Tuy nhiên, phần lớn các hoạt động đặt sân hiện nay vẫn diễn ra thông qua hình thức gọi điện thoại trực tiếp hoặc trao đổi thủ công qua mạng xã hội, dẫn đến tình trạng thiếu minh bạch về giá cả, khó theo dõi khung giờ trống và tốn nhiều thời gian kết nối giữa các đội bóng.

Đồ án môn học "Thiết kế giao diện người dùng" (Mã môn: IE106.M21) với đề tài "Thiết kế giao diện cho ứng dụng chủ đề thể thao: Ứng dụng đặt sân bóng" (tên ứng dụng: Footboo) được thực hiện bởi nhóm sinh viên Khoa Hệ thống Thông tin, Trường Đại học Công nghệ Thông tin – Đại học Quốc gia Thành phố Hồ Chí Minh, dưới sự hướng dẫn của ThS. Tạ Thu Thủy vào tháng 06/2022. Nhóm sinh viên thực hiện bao gồm:

  1. Võ Thành Duy (MSSV: 18520678)
  2. Hồ Ngọc Long (MSSV: 18521023)
  3. Vũ Xuân Cường (MSSV: 18520549)
  4. Đinh Thanh Tài (MSSV: 18521358)
  5. Đặng Trung Dũng (MSSV: 18520628)

Đề tài đặt ra các nhiệm vụ nghiên cứu và thiết kế cụ thể:

  1. Thực hiện khảo sát thực tế nhằm thu thập yêu cầu, thói quen và thị hiếu của người dùng về việc đặt sân, tìm đối thủ thi đấu và tương tác trên ứng dụng di động thể thao.
  2. Nghiên cứu, đánh giá ưu điểm và hạn chế của các ứng dụng thể thao liên quan đang hoạt động trên thị trường (Wesport, Đặt lịch bóng đá, Sporta).
  3. Đề xuất giải pháp và tiến hành phác thảo cấu trúc khung dây (Wireframe) cho từng phân hệ màn hình của ứng dụng.
  4. Xây dựng hệ thống quy chuẩn thiết kế (Design System) gồm màu sắc, kiểu chữ, bố cục, biểu trưng thương hiệu (Logo) và hoàn thiện giao diện đồ họa chi tiết (High-fidelity UI) cho ứng dụng mang tên Footboo.
  5. Thiết lập mô hình tương tác (Interactive Prototype) thể hiện chi tiết luồng người dùng (User Flows) giữa các màn hình chức năng.

Đối tượng nghiên cứu là giao diện và trải nghiệm người dùng của ứng dụng di động chuyên biệt cho lĩnh vực thể thao bóng đá. Phạm vi nghiên cứu tập trung vào khảo sát 60 người dùng tại Việt Nam, phân tích 3 ứng dụng di động thực tế và thiết kế toàn bộ hệ thống giao diện ứng dụng trên công cụ Figma.

Cơ sở lý thuyết và phương pháp

Đồ án áp dụng quy trình thiết kế trải nghiệm và giao diện người dùng (UI/UX Design Process) từ giai đoạn nghiên cứu người dùng đến hoàn thiện nguyên mẫu tương tác:

  • Phương pháp khảo sát định lượng: Thiết lập phiếu khảo sát trực tuyến qua Google Forms thu về 60 mẫu phản hồi ($N = 60$) để lượng hóa các tiêu chí về màu sắc ưa thích, thói quen đặt sân, nhu cầu thông tin sân bãi, phương thức thanh toán và các tính năng bổ trợ (bản đồ, nút chia sẻ).
  • Phương pháp phân tích đối thủ cạnh tranh (Benchmarking): Tiến hành trải nghiệm, chụp màn hình và phân tích chuyên sâu 3 ứng dụng di động tiêu biểu gồm Wesport, Đặt lịch bóng đá và Sporta để rút ra các bài học kinh nghiệm về bố cục, luồng thao tác và xử lý lỗi nhập liệu.
  • Phương pháp thiết kế trực quan và tạo mẫu (Prototyping): Xây dựng phác thảo cấu trúc (Wireframe/Sketch), thiết lập hệ thống định danh hình ảnh (Design System), hoàn thiện giao diện trực quan và liên kết tương tác chuyển động trên nền tảng Figma.

Nguồn dữ liệu của nghiên cứu bao gồm:

  • Dữ liệu sơ cấp: 60 phiếu phản hồi khảo sát người dùng thực tế.
  • Dữ liệu thứ cấp: Dữ liệu giao diện, đánh giá xếp hạng của người dùng trên các kho ứng dụng và trải nghiệm trực tiếp trên 3 ứng dụng thể thao Wesport, Đặt lịch bóng đá, Sporta.

Nội dung chính theo từng chương

Chương 1: Khảo sát, phân tích, tham khảo

Nội dung chương 1 tập trung vào việc thu thập dữ liệu người dùng và phân tích hiện trạng các giải pháp phần mềm hiện có trên thị trường.

Khảo sát người dùng được thực hiện trên mẫu 60 người phản hồi với các phát hiện định lượng:

Tiêu chí khảo sát Lựa chọn / Phân loại Tỷ lệ phản hồi (%) / Số lượng
Màu sắc ưa thích Xanh lá - Xanh dương - Trắng - Đen
Trắng - Đen
Hồng tím trắng
Trắng - Đen - Cam
Hồng - Đen		 66.7% (40 phản hồi)
16.7% (10 phản hồi)
16.7% (10 phản hồi)
0.0% (0 phản hồi)
0.0% (0 phản hồi)
Môn thể thao ưa chuộng Bơi lội
Đá banh
Bóng chuyền		 83.3% (50 phản hồi)
66.7% (40 phản hồi)
50.0% (30 phản hồi)
Hình thức đặt sân thường dùng Đặt qua điện thoại
Đặt qua mạng xã hội		 83.3% (50 phản hồi)
Được ghi nhận phổ biến
Nhu cầu thông tin chi tiết sân Địa chỉ - thời gian, hình ảnh, đánh giá, tình trạng trống sân 100.0% (60/60 phản hồi)
Phương thức thanh toán thường dùng Ví điện tử MoMo
Tiền mặt (COD)
Chuyển khoản ngân hàng (Bank)
ShopeePay		 83.3% (50 phản hồi)
83.3% (50 phản hồi)
50.0% (30 phản hồi)
16.7% (10 phản hồi)
Tính năng bổ trợ cần thiết Bản đồ chỉ dẫn đường đi
Nút chia sẻ vé đặt cho đồng đội		 Chiếm đa số tuyệt đối (Có)
Chiếm đa số tuyệt đối (Có)

Từ kết quả khảo sát, nhóm nghiên cứu đề xuất giải pháp thiết kế: lựa chọn tông màu lạnh tạo cảm giác mát mẻ, dịu mắt; tối giản giao diện; bố trí thanh điều hướng hợp lý và hỗ trợ thanh toán qua MoMo cùng tiền mặt.

Nhóm tiến hành phân tích đối chuẩn 3 ứng dụng liên quan:

  • Ứng dụng Wesport: Có ưu điểm là bố cục rõ ràng, thao tác mượt mà, hỗ trợ đăng nhập liên kết Google/Facebook, hệ thống hiển thị sân dạng danh sách dễ chọn, người dùng đánh giá cao (nhiều đánh giá 5 sao). Nhược điểm là giao diện còn thô cứng, thiếu giá trung bình trên thẻ sân, phần "Đặt ngay" có mật độ thông tin dày gây rối mắt.
  • Ứng dụng Đặt lịch bóng đá: Cho phép truy cập không cần tài khoản, tuy nhiên giao diện quá đơn giản, chỉ giới thiệu cho một sân bóng độc lập, không có tính năng đặt trực tiếp trên ứng dụng mà phải gọi điện thoại cho quản lý sân.
  • Ứng dụng Sporta: Đa dạng hình thức đăng nhập (SĐT, Apple, Facebook), có chức năng ghép đội (cáp kèo), điểm danh, đăng bài tìm trận đấu và quản lý chỉ số cầu thủ. Tuy nhiên, việc đặt bản đồ ở màn hình chính gây giật lag và che khuất tầm nhìn; nút đăng bài thiếu trực quan; hiển thị thông báo lỗi chưa đồng nhất; nhiều lỗi vặt và văng ứng dụng (crash); chức năng đặt sân trực tiếp còn hạn chế.

Chương 2: Phác thảo giao diện. Ghi chú, chú thích, giải thích các ý tưởng phác thảo các giao diện

Chương 2 trình bày bản vẽ phác thảo cấu trúc (Wireframe) dạng nét đơn cho toàn bộ hệ thống màn hình:

  • Đăng nhập, đăng ký, OTP và quên mật khẩu: Phác thảo 4 hình thức đăng nhập (Số điện thoại, Facebook, Google, Tài khoản ứng dụng). Thiết kế form đăng ký (Email, Mật khẩu, Xác nhận mật khẩu, SĐT) và quy trình khôi phục mật khẩu thông qua mã OTP gửi về Email hoặc Số điện thoại.
  • Trang chủ: Cấu trúc thanh tìm kiếm ở đầu trang, các mục lọc sản phẩm/sân bóng nổi bật, đội bóng nổi bật, bảng xếp hạng thành tích và thanh điều hướng 5 tab ở đáy màn hình.
  • Tìm kiếm và bộ lọc: Phác thảo bộ lọc đa tiêu chí cho sân bóng (giá tiền, giờ mở cửa, Tỉnh/Thành phố, Quận/Huyện/Thị xã, Phường/Xã/Thị trấn) và bộ lọc tìm kiếm đối thủ thi đấu (theo xếp hạng, khu vực hành chính).
  • Chi tiết sân bóng và thông tin đặt sân: Phác thảo khung hiển thị banner, địa chỉ, số điện thoại, khung giờ hoạt động, danh sách tiện ích (gửi xe, trà đá, thuê đồ, nhà vệ sinh), mức giá thuê theo giờ, lịch sử trận đấu đã diễn ra, danh sách đánh giá kèm khung nhập bình luận. Màn hình đặt sân phác thảo các trường chọn khung giờ bắt đầu - kết thúc, loại sân (sân 7), tiện ích đi kèm và trạng thái chờ xác nhận.
  • Chi tiết đội bóng và hẹn đá: Phác thảo hồ sơ đội bóng, xếp hạng, danh sách thành viên (tên, tuổi, vị trí, số trận đã đá), lịch sử đối đầu và form hẹn đá với đối thủ.
  • Trang tin tức: Phác thảo danh sách bài viết thể thao phân loại theo tab (Trong nước, Ngoài nước), thanh từ khóa xu hướng (#Trend, #c1, #epl, #mu, #messi, #cr7) và trang lưu trữ bài viết yêu thích.

Chương 3: HOÀN THIỆN GIAO DIỆN

Chương 3 trình bày các thông số quy chuẩn thiết kế và chi tiết giao diện đồ họa hoàn chỉnh của ứng dụng Footboo:

  • Hệ thống quy chuẩn thiết kế (Design System):
    • Màu sắc: Màu xanh dương ngọc (mã màu #32B5D1) phối hợp cùng màu trắng (#FFFFFF) làm nền, tạo cảm giác thể thao, dịu nhẹ và hài hòa thị giác.
    • Kiểu chữ (Typography): Sử dụng phông chữ Inter với hai biến thể Regular và Bold. Kích thước chữ tiêu chuẩn: 22px cho các tiêu đề (Heading) và 16px cho văn bản nội dung thông thường (Body text).
    • Bố cục (Layout): Bố cục chuẩn từ trên xuống dưới gồm Thanh tiêu đề trên cùng (chứa nút quay lại, tiêu đề trang, công cụ tìm kiếm/lọc), Vùng nội dung chính phân khối thoáng đãng và Thanh điều hướng đáy (Bottom Navbar) cố định 5 mục: Trang chủ, Sân bóng, Đối thủ, Tin tức, Tài khoản.
    • Biểu trưng (Logo): Kết hợp giữa màu xanh chủ đạo, biểu tượng quả bóng và tên ứng dụng "Footboo".
  • Hệ thống màn hình hoàn thiện:
    • Xác thực tài khoản: Màn hình đăng nhập đa kênh, màn hình xác thực mã OTP điện thoại, đăng ký tài khoản mới, màn hình chọn phương thức lấy lại mật khẩu và đặt lại mật khẩu mới.
    • Trang chủ: Tích hợp thanh tìm kiếm nhanh, khối danh sách sân bóng nổi bật (như Sân Thiên Trường tại Quận 1), khối câu lạc bộ nổi bật (Thiên Trường FC), bảng xếp hạng thành tích số trận thắng.
    • Tìm kiếm và chia sẻ sân bóng: Giao diện tìm kiếm lưu lại lịch sử; giao diện chia sẻ sân bóng cho phép người dùng tự đóng góp thông tin sân mới (tên sân, số điện thoại, giá tiền, giờ mở cửa, địa chỉ 3 cấp hành chính).
    • Phân hệ đặt sân: Màn hình danh sách sân bóng có gắn bộ lọc đa tầng; màn hình chi tiết sân bóng hiển thị tiện ích (gửi xe miễn phí, trà đá miễn phí, cho thuê đồ đá, nhà vệ sinh sạch), giá 100.000đ/giờ, lịch sử đấu chi tiết từng hiệp; màn hình form đặt sân tính tổng tiền (200.000 vnđ) và màn hình thông báo kết quả đặt sân ở trạng thái chờ xác nhận.
    • Phân hệ đối thủ và quản lý trận đấu: Màn hình danh sách câu lạc bộ đối thủ (hiển thị số thành viên, xếp hạng #12, đội trưởng, số điện thoại); bộ lọc đối thủ theo địa phương; màn hình hẹn đá giao hữu; màn hình chi tiết thành viên và lịch sử đối đầu.
    • Phân hệ tin tức: Danh sách tin tức thể thao phân loại tag (#bongdanu, #giaiquocnoi); màn hình chi tiết bài báo kèm bài viết liên quan; màn hình quản lý tin tức đã lưu và bài viết đã thích.
    • Phân hệ tài khoản và quản trị đội bóng: Màn hình hồ sơ cá nhân hiển thị các chỉ số thể chất (chiều cao 1m70, cân nặng 60kg, chân thuận: chân trái, vị trí đá: hậu vệ phải, số điện thoại, email); màn hình chỉnh sửa hồ sơ; danh sách sân đã đặt và chức năng hủy đặt sân.
    • Quản trị câu lạc bộ: Màn hình tạo đội mới; màn hình quản lý danh sách thành viên phân loại thành "Chính thức" và "Đang chờ"; tính năng phân quyền Đội trưởng/Đội phó; tính năng hiển thị mã QR tham gia đội bóng; giao diện duyệt hoặc hủy hàng loạt thành viên; kho hình ảnh của đội bóng hỗ trợ tải lên, xem chi tiết, xóa ảnh và tải về máy.

Chương 4: TƯƠNG TÁC GIAO DIỆN

Chương 4 mô tả chi tiết các kịch bản tương tác và luồng vận hành người dùng (User Flows) được liên kết trên Figma:

  • Luồng đăng nhập và quản lý phiên: Người dùng chọn 1 trong 4 hình thức đăng nhập. Khi chọn số điện thoại, hệ thống chuyển sang màn hình nhập SĐT -> màn hình nhập mã OTP xác nhận -> truy cập Trang chủ. Có tùy chọn "Bỏ qua" để trải nghiệm ứng dụng mà không bắt buộc đăng nhập ngay.
  • Luồng tìm kiếm và đặt sân bóng: Từ Trang chủ hoặc thanh Navbar, người dùng vào tab Sân bóng -> mở Bộ lọc để thiết lập mức giá, khung giờ, địa giới hành chính -> chọn thẻ sân bóng để xem chi tiết (tiện ích, đánh giá, lịch sử) -> nhấn "Đặt sân" -> điền khung thời gian, loại sân -> nhấn xác nhận để chuyển đến trang "Kết quả đặt sân" (trạng thái chờ xác nhận) -> tùy chọn quay về xem tiếp hoặc chuyển sang trang "Danh sách sân đã đặt".
  • Luồng tìm đối thủ và hẹn đá giao hữu: Người dùng truy cập tab Đối thủ -> mở Bộ lọc chọn khu vực/xếp hạng -> chọn đối thủ cụ thể -> nhấn nút mở rộng để chọn "Gửi yêu cầu vào đội" hoặc "Hẹn đá" -> điền thông tin sân, thời gian -> xác nhận chuyển sang màn hình kết quả hẹn đá -> theo dõi trạng thái trận đấu trong mục "Trận đấu sắp tới" tại trang Tài khoản.
  • Luồng quản lý trận đấu và duyệt yêu cầu: Tại trang Tài khoản, mục trận đấu chia làm hai tab "Xác nhận" và "Đang chờ". Đội trưởng/Đội phó có quyền thực hiện thao tác duyệt đơn lẻ từng trận hoặc sử dụng các nút thao tác hàng loạt ("Duyệt toàn bộ", "Hủy toàn bộ").
  • Luồng quản lý thành viên đội bóng: Đội trưởng mở tab thành viên -> xem danh sách thành viên chính thức (thao tác xóa, chuyển đổi chức vụ Đội trưởng/Đội phó) -> chuyển sang tab "Đang chờ" để duyệt hoặc hủy đơn xin gia nhập của người dùng khác -> mở mã QR để thành viên mới quét mã tham gia nhanh.
  • Luồng tương tác tin tức và thư viện ảnh: Người dùng lọc tin theo danh mục (Trong nước/Ngoài nước) hoặc Tag; thực hiện thao tác bấm Thích, Lưu trữ; tải ảnh đội bóng lên thư viện ảnh, xem ảnh kích thước lớn, tải ảnh về điện thoại hoặc xóa ảnh khỏi bộ sưu tập.

Chương 5: KẾT LUẬN

Chương 5 tổng kết toàn bộ kết quả đạt được, chỉ ra các điểm còn tồn tại và vạch ra định hướng mở rộng đề tài:

  • Ưu điểm: Hệ thống giao diện bao quát toàn bộ chu trình sinh hoạt thể thao phong trào (tìm sân, đặt sân, tìm đối thủ, hẹn đá, lập đội, quản lý thành viên, xem tin tức); bảng màu xanh - trắng tạo cảm giác thoáng đãng, dịu mắt; các luồng tương tác logic, sát với thực tế; hỗ trợ người dùng tự đóng góp dữ liệu sân bóng mới; không giới hạn phạm vi địa lý; cho phép dùng thử ứng dụng không cần đăng nhập; có hệ thống thống kê chỉ số thắng/hòa/thua của đội bóng.
  • Nhược điểm: Chưa tích hợp cổng thanh toán trực tuyến trực tiếp trong ứng dụng (quy trình đặt sân mới dừng ở mức đặt giữ chỗ); chưa hỗ trợ tính năng chỉ định hẹn đá với một đội bóng cụ thể ngoài danh sách hoặc tạo trận đấu nội bộ giữa các thành viên cùng đội; giao diện danh sách trận đấu chưa phân tách trực quan giữa các trận do đội mình chủ động hẹn và các trận do đối thủ gửi lời mời.
  • Phương hướng phát triển: Tích hợp cổng thanh toán trực tuyến (MoMo, ZaloPay, Thẻ ngân hàng); chuyển danh sách trận đấu tích hợp trực tiếp vào trang chi tiết từng câu lạc bộ; bổ sung phân hệ quản lý cho chủ sân và nhà tài trợ (tổ chức giải đấu nội bộ, đặt banner quảng bá); tích hợp menu gọi đồ ăn/nước uống tại sân; mở rộng sàn thương mại điện tử chuyên bán phụ kiện, trang phục thể thao (giày, tất, băng quấn bảo hộ).

Kết quả và đóng góp

Đồ án đã hoàn thành trọn vẹn bộ thiết kế giao diện hoàn chỉnh cho ứng dụng thể thao Footboo trên nền tảng di động:

HỆ THỐNG GIAO DIỆN ỨNG DỤNG FOOTBOO

Đóng góp chính của đồ án bao gồm:

  1. Chuyển hóa trực tiếp các số liệu khảo sát thực tế (60 mẫu) thành các quyết định thiết kế cụ thể: màu chủ đạo xanh ngọc (#32B5D1) trên nền trắng (#FFFFFF), phông chữ Inter (cỡ 22 và 16), tích hợp sẵn tính năng bản đồ và nút chia sẻ thông tin vé đặt.
  2. Khắc phục được các điểm yếu của các ứng dụng đi trước: loại bỏ bản đồ gây lag ở màn hình chính như Sporta để đưa vào trang chi tiết; bổ sung tính năng đặt sân và đánh giá tương tác thay vì chỉ là trang giới thiệu tĩnh như ứng dụng Đặt lịch bóng đá; thiết kế giao diện mềm mại, trực quan hơn so với Wesport.
  3. Xây dựng một giải pháp giao diện khép kín kết hợp giữa việc đặt sân bãi và quản trị câu lạc bộ phong trào (quản lý đội hình, điểm danh, quét mã QR, theo dõi thành tích thắng/thua).

Hạn chế và hướng nghiên cứu tiếp

Các hạn chế được nhóm tác giả tự đánh giá trong báo cáo:

  • Hệ thống chưa hỗ trợ xử lý luồng thanh toán trực tuyến (Payment Gateway) ngay trên ứng dụng, người dùng mới chỉ dừng ở mức đặt lịch giữ chỗ.
  • Quy trình hẹn đá chưa hỗ trợ tính năng chọn đích danh một đội bóng bất kỳ ngoài danh sách gợi ý hoặc chia đội đá nội bộ trong nội bộ một câu lạc bộ.
  • Chưa phân định tách bạch rõ ràng giữa danh sách các trận đấu do chính đội mình khởi tạo lời mời và danh sách các trận do đối thủ gửi yêu cầu đến.

Hướng phát triển tiếp theo được đề xuất:

  • Tích hợp các giải pháp thanh toán điện tử trực tiếp trên ứng dụng.
  • Tối ưu cấu trúc điều hướng bằng cách đưa danh sách trận đấu vào trang chi tiết của từng đội bóng.
  • Bổ sung phân hệ chức năng dành riêng cho chủ sân và nhà tài trợ nhằm quản lý giải đấu và hiển thị quảng cáo.
  • Bổ sung tính năng hiển thị menu thức ăn, nước uống tại từng sân bóng.
  • Mở rộng phân hệ thương mại điện tử phục vụ mua sắm trang thiết bị và phụ kiện thể thao.

Giá trị tham khảo

Đồ án là tài liệu tham khảo hữu ích cho sinh viên các ngành Hệ thống Thông tin, Kỹ thuật Phần mềm, Công nghệ Thông tin và Thiết kế Đa phương tiện đang thực hiện đồ án môn học hoặc khóa luận về thiết kế giao diện (UI/UX Design).

Tài liệu có giá trị tham khảo cụ thể ở các nội dung:

  • Quy trình triển khai khảo sát nhu cầu người dùng ($N = 60$) và phương pháp đối chuẩn tính năng giữa các ứng dụng cùng ngành.
  • Cấu trúc xây dựng Design System hoàn chỉnh trên thiết bị di động (phối màu, phân cấp typography, thiết kế component).
  • Kỹ thuật xây dựng các luồng tương tác phức tạp liên quan đến lọc dữ liệu đa cấp (3 cấp hành chính), quản trị quan hệ thành viên đội bóng và xử lý duyệt/hủy hàng loạt trên giao diện di động.

Câu hỏi thường gặp

1. Tên gọi chính thức của ứng dụng được thiết kế trong đồ án là gì và nhóm sinh viên nào thực hiện?
Ứng dụng có tên gọi là Footboo, do nhóm 5 sinh viên Khoa Hệ thống Thông tin – Trường Đại học Công nghệ Thông tin (ĐHQG TP.HCM) thực hiện gồm: Võ Thành Duy, Hồ Ngọc Long, Vũ Xuân Cường, Đinh Thanh Tài và Đặng Trung Dũng, dưới sự hướng dẫn của ThS. Tạ Thu Thủy vào tháng 06/2022.

2. Cơ sở nào để nhóm nghiên cứu lựa chọn màu xanh dương ngọc (#32B5D1) làm màu sắc chủ đạo?
Lựa chọn này dựa trên kết quả khảo sát thực tế 60 người dùng, trong đó có 66.7% (40 người) lựa chọn tông màu lạnh (kết hợp Xanh lá - Xanh dương - Trắng - Đen) vì mang lại cảm giác mát mẻ, dễ chịu và phù hợp với chủ đề thể thao.

3. Ứng dụng Footboo khắc phục những nhược điểm gì sau khi phân tích 3 ứng dụng Wesport, Đặt lịch bóng đá và Sporta?
Footboo khắc phục giao diện thô cứng của Wesport bằng thiết kế bo góc tinh tế và bổ sung giá tiền rõ ràng trên thẻ sân; khắc phục tính đơn điệu của ứng dụng Đặt lịch bóng đá bằng cách xây dựng hệ thống đặt sân đa địa điểm kèm đánh giá bình luận; khắc phục tình trạng giật lag của Sporta bằng cách tách bản đồ khỏi màn hình chính và chuẩn hóa các popup thông báo lỗi nhập liệu.

4. Phân hệ quản lý đội bóng trong Footboo hỗ trợ những chức năng tương tác đặc thù nào?
Phân hệ này hỗ trợ tạo câu lạc bộ mới, tạo mã QR để thành viên mới quét mã tham gia, phân loại danh sách thành viên chính thức và đang chờ duyệt, phân quyền Đội trưởng/Đội phó, duyệt hoặc xóa thành viên hàng loạt, cùng kho lưu trữ và chia sẻ hình ảnh hoạt động của đội bóng.

5. Điểm hạn chế lớn nhất trong luồng vận hành của ứng dụng Footboo hiện tại là gì?
Hạn chế lớn nhất là ứng dụng chưa tích hợp cổng thanh toán trực tuyến (như MoMo hay Bank) ngay trong luồng đặt sân, mà việc đặt sân hiện tại mới chỉ đóng vai trò giữ chỗ và xác nhận lịch thi đấu.

Kết luận

Đồ án môn học "Thiết kế giao diện cho ứng dụng chủ đề thể thao: Ứng dụng đặt sân bóng" của nhóm sinh viên Trường Đại học Công nghệ Thông tin – Đại học Quốc gia TP.HCM đã hoàn thành một quy trình thiết kế UI/UX hoàn chỉnh từ khảo sát thực nghiệm 60 người dùng đến xây dựng nguyên mẫu tương tác chi tiết trên Figma. Ứng dụng Footboo mang lại giải pháp giao diện trực quan, hài hòa với tông màu xanh ngọc chủ đạo, đáp ứng đồng thời nhu cầu đặt sân bãi, kết nối đối thủ thi đấu, quản lý câu lạc bộ và cập nhật tin tức thể thao phong trào. Mặc dù vẫn còn một số điểm cần hoàn thiện như tích hợp thanh toán trực tuyến và mở rộng phân hệ giải đấu, đồ án đã thể hiện phương pháp tiếp cận thiết kế hệ thống bài bản, logic và có tính ứng dụng thực tiễn cao trong lĩnh vực công nghệ thông tin.