Our objective was to not only de-clutter the existing app, but create and streamline a completely new system with the user's convenience and ease of navigation at the forefront. The system needs to be pragmatic, with improvement in the information hierarchy, accessibility, and with the system being more complex, it needs better breadcrumbs.
We noticed that many of the users utilising the Waterloo Warriors system were either first-year students who were new to the athletics scene or seasoned athletics stars who needed quick access to certain features or information within the system. These first-year students were approaching the system like a fish out of water, and the surplus of information was very overwhelming for them.
We knew we needed to design a system with features to provide on-going support to UWaterloo students. With extra attention on the system’s connectedness to the existing UWaterloo Watcard and athletics pass system, and other rules and regulations that the University set around the athletics on campus.
✦ A significant amount of students prefer the Waterloo Warriors website over the application. With many only using the application if they have exhausted all their other options, or they are performing very simple, straight to the point tasks, such as booking or sport sign up.
✦ The former claimed that the website was simply better because the system itself was less buggy and didn’t crash as often. The processes were more simplified to use because the application essentially just opened the website on mobile, instead of loading a mobile optimised interface.
✦ Students also claimed that using the application is disorganised and the icon-centric/one-page design was hard to understand, however, a handful of survey respondents also stated that they enjoyed being able to easily see all their options outright when they opened their application.
✦ The most common pain point we uncovered within users was how the Waterloo Warriors system never gave users the option to save their login information, which meant that logging in every single time they wanted to use the system was time-consuming and the content wasn’t ever personalised to their preferences, and needs.
✦ UWaterloo students
✦ UWaterloo students parents
✦ Uwaterloo Faculty
✦ User-friendly application that’s straight to the point, and options are easily visible.
✦ Live chat support and call support powered by a combination of AI and call support.
✦ Frequent actions tailored for and by the user.
✦ User is able to move through the pages freely by giving the user the power to undo an action.
✦ Diverse range of devices are compatible.
✦ User’s activities, clubs, and sports are tracked and directly linked to the application.
✦ User's can have all their UWaterloo athletics resources and information in one place.
Step One ➔ Access the Waterloo accounts: Go to the Waterloo website and log into the student or staff accounts using the provided username and password.
Step Two ➔ Find the reservation system: Navigate to the section of the website where reservations can be made for facilities, such as the Physical Activities Complex (PAC) and the Competition and Intramural Facilities (CIF).
Step Three ➔ Choose the desired facility: Select either the PAC or CIF, and specify the desired date and time for the reservation.
Step Four ➔ Check for availability: The system will show if the selected time slot is available for reservation. If it is not available, Alex will have the option to check for the next available time slot on that date.
Step Five ➔ Make the reservation: If a suitable time slot is found, Alex can proceed to make the reservation by clicking on the "Book Now" button.
Step Six ➔ Provide required information: Fill out the required information, such as name, email, and phone number.
Step Seven ➔ Review and confirm reservation: Review the reservation details and confirm the reservation by clicking on the "Confirm" button.
Step Eight ➔ View future availability: Alex can also view future availability of the facilities by selecting a different date and time. This will show all available time slots for that facility on the selected date.
Step Nine ➔ Book an appointment: If Alex finds a suitable time slot, he can book an appointment by following the same steps as before.
Step Ten ➔ Receive confirmation: Once the reservation is confirmed, Alex will receive a confirmation email or notification with the details of the reservation, including date, time, and location.
✦ Homepage
✦ Special sport event/game events page to keep users up to date on upcoming sports events.
✦ Easy taskbar navigation for users to access different pages of the system very quickly.
✦ User-friendly undo option for any actions taken.
✦ Facility booking feature with greyed out dates for fully booked days. Calendar to display available/not available dates for facilities.
✦ AI-powered online support for feedback through live chat.
✦ Automatically save login information and recognize returning users.
✦ Favourite facilities page and recent bookings for easy access to bookmarked clubs, facilities, and teams.
✦ Campus map feature with Google Maps integration for easy travel to facilities.
✦ Notification feature to remind users of upcoming events, classes, and cancellations.
✦ My "clubs" or "programs" page for each user to personalise their app experience.
✦ Online Watcard scanning for faster entry into facilities and registration of memberships.
✦ Links to group chats and club servers when team members join a club/sport.
✦ Easier-to-use favourite page to add clubs, classes, facilities, and teams for faster navigation.
✦ Option to add meet times to Google/Apple calendar for the clubs the user joins.
✦ Live scores of on-going games at UWaterloo.
✦ Music & streaming service linking for quick connect-ability to the workout machines at facilities.
✦ Warriors be well/wellness page for additional resources for students.
✦ Link to WUSA Health Plan for health & wellness related resources.
✦ Pop-up advertisements on the results & home page as they can deter users from using the system and can make the app look unprofessional.
✦ Feedback form as it can be replaced with an AI-powered live chat feature that provides more interactive and personalised feedback.
✦ Full Icon page as it can make the app look cluttered and unprofessional.
we needed to create a system that geared further towards a minimalistic aesthetic as our research exemplified many students' frustrations with the high-contrast, and colourful interface of the existing system. The minimalistic interface would also improve user accessibility, particularly for those who may be visually impaired, have cognitive disabilities, and sensory processing disorders.
Some existing University of Waterloo assets were kept to ensure that the system still felt familiar for existing users and aimed to channel consistency with the other University of Waterloo applications and a symbolism of school spirit.
when my team and I were designing this application, we realised that our beloved and fearless University mascot, King Warrior, was severely underutilised in the old system. As a symbol of school spirit and the fearless Waterloo Warrior spirit, I made the executive choice to include him within our system as an assistant chatbot. This decision was made to foster a sense of kinsmanship and assuage our users.