Miêu tả dự án:
Tên dự án: Thiết kế lại giao diện trang web của câu lạc bộ sinh viên
Mục tiêu: Cải thiện giao diện và trải nghiệm người dùng (UI/UX) cho trang web câu lạc bộ, giúp trang web trở nên thân thiện và dễ sử dụng hơn, nhằm tăng tương tác của sinh viên và thu hút nhiều thành viên mới.
Đối tượng sử dụng: Sinh viên trong câu lạc bộ và những người quan tâm đến các hoạt động của câu lạc bộ.
Công nghệ và công cụ sử dụng:
Công cụ thiết kế: Figma (hoặc Adobe XD) để tạo wireframe và prototype.
Ngôn ngữ phát triển web: HTML, CSS, JavaScript.
Quản lý phiên bản: Sử dụng Git để theo dõi và kiểm soát các phiên bản của dự án.
Các bước thực hiện và quy trình thiết kế:
Nghiên cứu người dùng: Thực hiện khảo sát người dùng hiện tại để hiểu nhu cầu và mong muốn của họ đối với trang web, xác định các vấn đề trong giao diện hiện tại.
Thiết kế wireframe: Tạo các bản phác thảo sơ bộ về bố cục trang web mới, với các phần chính như trang chủ, thông tin sự kiện, trang thành viên, và trang đăng ký tham gia.
Phát triển prototype: Xây dựng prototype với đầy đủ chức năng và hiệu ứng chuyển đổi để trình bày trước các thành viên câu lạc bộ và nhận phản hồi.
Hoàn thiện thiết kế giao diện: Dựa trên phản hồi, tiến hành chỉnh sửa và hoàn thiện giao diện cuối cùng, đảm bảo các nguyên tắc thiết kế UI/UX và tính thân thiện với người dùng.
Kết quả đạt được:
Giao diện mới cải thiện trải nghiệm người dùng rõ rệt: Tăng thời gian trung bình truy cập trang web lên 40% và giảm tỷ lệ thoát trang xuống 30%.
Tăng sự tương tác: Số lượng sinh viên đăng ký tham gia các sự kiện của câu lạc bộ đã tăng lên 50% so với trước đây nhờ giao diện mới dễ sử dụng và hiển thị rõ ràng thông tin.
Phản hồi tích cực từ người dùng: Các thành viên câu lạc bộ và người dùng mới đều đánh giá cao giao diện mới về tính thẩm mỹ và sự tiện lợi.
Suy ngẫm:
Điều đã học được:
Kỹ năng thiết kế UI/UX: Qua dự án này, tôi đã nắm vững các nguyên tắc thiết kế giao diện người dùng, bao gồm cách bố trí thông tin, màu sắc và hiệu ứng chuyển đổi để tạo ra trải nghiệm tốt cho người dùng.
Làm việc với phản hồi của người dùng: Tôi nhận ra tầm quan trọng của việc lắng nghe và cải thiện dựa trên phản hồi thực tế để thiết kế trở nên phù hợp hơn với nhu cầu của người dùng.
Những khó khăn đã gặp phải và cách khắc phục:
Thời gian giới hạn để hoàn thành dự án: Dự án phải hoàn thành trong vòng 2 tháng để kịp ra mắt cho học kỳ mới. Để giải quyết, tôi đã sử dụng phương pháp thiết kế linh hoạt, ưu tiên các tính năng quan trọng và tiến hành kiểm thử sớm để điều chỉnh nhanh chóng.
Thiếu kinh nghiệm trong việc sử dụng Figma: Ban đầu gặp khó khăn với công cụ thiết kế Figma, nhưng tôi đã nhanh chóng học hỏi qua các khóa học trực tuyến và tài liệu hướng dẫn để làm chủ công cụ này.
Giao diện trang chủ hệ thống
Trang thông tin sự kiện
Trang đăng ký tham dự sự kiện