Sydney Oztag Mobile Redesign Sydney Oztag Sydney Oztag players love the game but they hate the process. Complex registration, an unclear list of game requirements and lack of weekly game information hinders the positive experience on the field. The aim was to understand these pain points and craft a mobile solution to enhance the experience for the Oztag community. I was involved in the holistic process of the project, from user research to designing the site’s UI. Final Prototype Client: Sydney Oztag Industry: Sport & Recreation Duration: 2 weeks Team: 3 UX Design Students Project Skills: Competitive/Comparative Research, User Interviews, Surveys, Contextual Inquiry, Personas, User Journey Map, Wireframing/Prototyping, Usability Testing, Hi Fidelity Design Discovery & Research The project began with 11 interviews with a mix of Oztag players, team managers and people who play other team sports. We were trying to understand and identify the recurring pain points these people were experiencing and also the key reason they play the game. We also observed their behaviours of looking up their next game time to gain further insights into what their current process was. Contextual Inquiry with Oztag players This initial discovery process helped specify areas to further investigate. In order to validate these responses with quantitative data, a survey was sent out with a focus on these key insights. This was completed by 24 people. These were our primary findings which would later influence design decisions: By looking at the existing Sydney Oztag website, as well as some competitors in this field, we were beginning to really see how an improved design could have a large impact. As Sydney Oztag is the only Oztag competition for the area, we looked at other social sporting clubs as primary competitors. Problem & Solution Through all this research, we found that there were two key problems our users were experiencing: Problem One PROBLEM The current registration process is time-consuming and doesn’t provide clear access to the information which players need. SOLUTION Create an online registration process so players can register for the season, independently of their team manager. Problem Two PROBLEM The communication between Sydney Oztag and team managers/players is fragmented and required information is unclear. SOLUTION Find a clear and accessible way to display weekly game information and updates to avoid player confusion. Personas and User Journeys We had now begun to understand our users in more depth. In order to clearly and concisely represent them, we developed 3 personas; Oztag Team Manager, Oztag Player and Team Sports Enthusiast. Our primary personas (Team Manager & Oztag Player) helped us to understand our key users, whilst the secondary persona (Team Sports Enthusiast) helped consider potential new customers. We then developed a user journey map of our primary users to detail their thoughts and feelings throughout their process from Recruitment to Playing the game. By doing this, we were able to clearly see the real pain points throughout their process and clearly see the potential design opportunities. The Design Phase As we now had a good understanding of our key users we stepped into the design phase. We developed an MVP through the use of MSCW to identify the key features our site needed to include to solve the key problems our users were facing. This separated features into Must, Should, Could and Won’t which helped align our team as to what our design priorities were. We decided to design for the following two flows; 1. An online player/team registration process, 2. An easy and clear way to look up game times. As a team, we then stepped into a process of brainstorming, sketching, wireframing, prototyping, testing and iterating with users. We used the design studio approach to begin rapidly ideating initial ideas, then consolidating features and pulling out the most effective elements to create our first iteration. Some key design decisions we came to were: 1. Choosing not to include a ‘login’. The information required was already public knowledge so didn’t require a personal account. As our key users really just wanted to play Oztag, we didn’t want to create another barrier to entry for them to gather information. 2. Making the solution a mobile responsive site. The solution has to appeal to both those wanting to register and existing players. To keep the platform as accessible to all audiences as possible we decided to use a responsive mobile solution. 3. Layout and hierarchy of content based on user wants. From our user interviews and survey results we were about to distill key information our users wanted to know when registering and checking game times so this became prominent content within our designs. Early Wireframes Homepage featuring SEARCH for next game information. Draws & Ladders featuring 'TIME' as the priority. Pick a club, for new and existing players to find club information by LOCATION Registration process homepage User Testing I developed the low fidelity prototype in Invision to begin guerilla testing the key flows on users. Through conducting these usability tests, recurring problems began to arise with the flow that we needed to address. We then tested the following iteration on players to gain further insights and feedback on the designs. These were the main changes we made based on user feedback. User testing the registration process Users were confused by the registration process as there was not clear information upfront. I moved this from the club details section to sit at the start of the registration process so users knew what was involved. I also adjusted the map of the grounds location to show the location of the field instead as users said they played at the same ground every week, but often didn’t know where the field was located. This was the final streamlined registration process after user testing. See the Final Hi Fidelity protoype here View Prototype Next Steps Engage Sydney Oztag to understand the pain points they face as an organisation and iterate on designs as a result. Expand the mobile site across to a full desktop design. Conduct further research with players to create a more personalised overall experience i.e. Consider login dashboard, make your team own jersey. Key Learnings Through this project, I have learnt the value of user testing and iterating early on designs to achieve a stronger result. If I were to do this project again, I would try to organise interviews with staff members of Sydney Oztag to gather further insights into the business paint points and goals. Project Skills Competitive/Comparative Research User Interviews Surveys Contextual Inquiry Personas User Journey Map Wireframing/Prototyping Usability Testing Hi Fidelity Design Project Tools Sketch Invision Photoshop Illustrator